/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ResponsiveModal.vue?vue&type=style&index=0&id=519c4ad9&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.responsive-modal-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999999;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.95);
}
.responsive-modal-card {
  width: 90%;
  max-width: 500px;
  height: auto;
  display: block;
  position: relative;
  z-index: 99999;
  background: #24212a;
  border-radius: 8px;
  padding: 32px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
  border: 1px solid #2d2934;
}
.responsive-modal-header {
  margin-bottom: 24px;
}
.responsive-modal-header h3 {
  margin: 0;
  color: #e1dbec;
  font-size: 1.5em;
  font-weight: 600;
  font-family: BebasNeue-Regular, sans-serif;
  letter-spacing: 2px;
  line-height: 1.5;
}
.responsive-modal-content p {
  margin: 12px 0;
  color: #e1dbec;
  line-height: 1.6;
  font-size: 0.9em;
  font-family: Futura, sans-serif;
  letter-spacing: 0.085em;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@media print {
*,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
a:not(.btn) {
    text-decoration: underline;
}
abbr[title]::after {
    content: " (" attr(title) ")";
}
pre {
    white-space: pre-wrap !important;
}
pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr,
  img {
    page-break-inside: avoid;
}
p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
}
h2,
  h3 {
    page-break-after: avoid;
}
@page {
    size: a3;
}
body {
    min-width: 992px !important;
}
.container {
    min-width: 992px !important;
}
.navbar {
    display: none;
}
.badge {
    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 #ddd !important;
}
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #404040;
  text-align: left;
  background-color: #000000;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #4285f4;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 12px 10px;
  padding-bottom: 12px 10px;
  color: #878787;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 2.539rem;
}
h2,
.h2 {
  font-size: 2.077rem;
}
h3,
.h3 {
  font-size: 1.769rem;
}
h4,
.h4 {
  font-size: 1.308rem;
}
h5,
.h5 {
  font-size: 1rem;
}
h6,
.h6 {
  font-size: 0.923rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 65%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #878787;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #000000;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #878787;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
  font-size: 87.5%;
  color: #4285f4;
  word-break: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #ffffff;
  background-color: #212529;
  border-radius: 2px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
.container {
    max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
    max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
    max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
    max-width: 1140px;
}
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto, .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,
.col-lg-auto, .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,
.col-md-auto, .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,
.col-sm-auto, .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,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-sm-0 {
    margin-left: 0;
}
.offset-sm-1 {
    margin-left: 8.3333333333%;
}
.offset-sm-2 {
    margin-left: 16.6666666667%;
}
.offset-sm-3 {
    margin-left: 25%;
}
.offset-sm-4 {
    margin-left: 33.3333333333%;
}
.offset-sm-5 {
    margin-left: 41.6666666667%;
}
.offset-sm-6 {
    margin-left: 50%;
}
.offset-sm-7 {
    margin-left: 58.3333333333%;
}
.offset-sm-8 {
    margin-left: 66.6666666667%;
}
.offset-sm-9 {
    margin-left: 75%;
}
.offset-sm-10 {
    margin-left: 83.3333333333%;
}
.offset-sm-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-md-0 {
    margin-left: 0;
}
.offset-md-1 {
    margin-left: 8.3333333333%;
}
.offset-md-2 {
    margin-left: 16.6666666667%;
}
.offset-md-3 {
    margin-left: 25%;
}
.offset-md-4 {
    margin-left: 33.3333333333%;
}
.offset-md-5 {
    margin-left: 41.6666666667%;
}
.offset-md-6 {
    margin-left: 50%;
}
.offset-md-7 {
    margin-left: 58.3333333333%;
}
.offset-md-8 {
    margin-left: 66.6666666667%;
}
.offset-md-9 {
    margin-left: 75%;
}
.offset-md-10 {
    margin-left: 83.3333333333%;
}
.offset-md-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-lg-0 {
    margin-left: 0;
}
.offset-lg-1 {
    margin-left: 8.3333333333%;
}
.offset-lg-2 {
    margin-left: 16.6666666667%;
}
.offset-lg-3 {
    margin-left: 25%;
}
.offset-lg-4 {
    margin-left: 33.3333333333%;
}
.offset-lg-5 {
    margin-left: 41.6666666667%;
}
.offset-lg-6 {
    margin-left: 50%;
}
.offset-lg-7 {
    margin-left: 58.3333333333%;
}
.offset-lg-8 {
    margin-left: 66.6666666667%;
}
.offset-lg-9 {
    margin-left: 75%;
}
.offset-lg-10 {
    margin-left: 83.3333333333%;
}
.offset-lg-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-xl-0 {
    margin-left: 0;
}
.offset-xl-1 {
    margin-left: 8.3333333333%;
}
.offset-xl-2 {
    margin-left: 16.6666666667%;
}
.offset-xl-3 {
    margin-left: 25%;
}
.offset-xl-4 {
    margin-left: 33.3333333333%;
}
.offset-xl-5 {
    margin-left: 41.6666666667%;
}
.offset-xl-6 {
    margin-left: 50%;
}
.offset-xl-7 {
    margin-left: 58.3333333333%;
}
.offset-xl-8 {
    margin-left: 66.6666666667%;
}
.offset-xl-9 {
    margin-left: 75%;
}
.offset-xl-10 {
    margin-left: 83.3333333333%;
}
.offset-xl-11 {
    margin-left: 91.6666666667%;
}
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 12px 10px;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table .table {
  background-color: #000000;
}
.table-sm th,
.table-sm td {
  padding: 7px;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.table-hover tbody tr:hover {
  background-color: #f0f0f0;
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(202.08, 220.84, 251.92);
}
.table-hover .table-primary:hover {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(221.4, 221.4, 221.4);
}
.table-hover .table-secondary:hover {
  background-color: rgb(208.65, 208.65, 208.65);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(208.65, 208.65, 208.65);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(198.16, 230.64, 206.84);
}
.table-hover .table-success:hover {
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(202.08, 220.84, 251.92);
}
.table-hover .table-info:hover {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(253.88, 236.24, 185);
}
.table-hover .table-warning:hover {
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(249.12, 202.36, 198.44);
}
.table-hover .table-danger:hover {
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: white;
}
.table-hover .table-light:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(200.68, 200.4, 200.4);
}
.table-hover .table-dark:hover {
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.table-grey,
.table-grey > th,
.table-grey > td {
  background-color: rgb(240.72, 240.72, 240.72);
}
.table-hover .table-grey:hover {
  background-color: rgb(227.97, 227.97, 227.97);
}
.table-hover .table-grey:hover > td,
.table-hover .table-grey:hover > th {
  background-color: rgb(227.97, 227.97, 227.97);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: #f0f0f0;
}
.table-hover .table-active:hover {
  background-color: rgb(227.25, 227.25, 227.25);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgb(227.25, 227.25, 227.25);
}
.table .thead-dark th {
  color: #000000;
  background-color: #212529;
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table .thead-light th {
  color: #636c72;
  background-color: #dddddd;
  border-color: #dee2e6;
}
.table-dark {
  color: #000000;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered {
    border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered {
    border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered {
    border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered {
    border: 0;
}
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.7692rem 0.75rem;
  font-size: 1rem;
  line-height: 1.428571429;
  color: #404040;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #d5d8de;
  border-radius: 2px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #404040;
  background-color: #ffffff;
  border-color: #4285f4;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.form-control::-webkit-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::placeholder {
  color: #878787;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #000000;
  opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
  height: 3.692rem;
}
select.form-control:focus::-ms-value {
  color: #404040;
  background-color: #ffffff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.7692rem + 1px);
  padding-bottom: calc(0.7692rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.428571429;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.15rem;
  line-height: 1.7;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.85rem;
  line-height: 1.6;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.7692rem;
  padding-bottom: 0.7692rem;
  margin-bottom: 0;
  line-height: 1.428571429;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 8px;
  font-size: 0.85rem;
  line-height: 1.6;
  border-radius: 2px;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: 4.385rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 12px;
  font-size: 1.15rem;
  line-height: 1.7;
  border-radius: 4px;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: 2.846rem;
}
.form-group {
  margin-bottom: 1.538rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #878787;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 1.385rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 65%;
  color: #34a853;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(52, 168, 83, 0.8);
  border-radius: 0.2rem;
}
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #34a853;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #34a853;
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #34a853;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #34a853;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: rgb(130.9090909091, 216.5909090909, 153.8068181818);
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgb(72.4909090909, 198.5090909091, 106.1681818182);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #34a853;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 65%;
  color: #ea4335;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(234, 67, 53, 0.8);
  border-radius: 0.2rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #ea4335;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #ea4335;
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ea4335;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ea4335;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: rgb(246.0067264574, 174.4887892377, 168.4932735426);
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: rgb(238.802690583, 109.9955156951, 99.197309417);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ea4335;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
}
.form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-inline .form-control-plaintext {
    display: inline-block;
}
.form-inline .input-group {
    width: auto;
}
.form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
}
.form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
}
.form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.form-inline .custom-control-label {
    margin-bottom: 0;
}
}
.btn {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.7692rem 0.75rem;
  font-size: 1rem;
  line-height: 1.428571429;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: rgb(29.85375, 109.6675, 241.89625);
  border-color: rgb(17.805, 101.89, 241.195);
}
.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(17.805, 101.89, 241.195);
  border-color: rgb(13.54375, 96.0375, 232.70625);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-secondary {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: rgb(115.875, 115.875, 115.875);
  border-color: rgb(109.5, 109.5, 109.5);
}
.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(109.5, 109.5, 109.5);
  border-color: rgb(103.125, 103.125, 103.125);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-success {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success:hover {
  color: #ffffff;
  background-color: rgb(42.9590909091, 138.7909090909, 68.5693181818);
  border-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
  border-color: rgb(36.9318181818, 119.3181818182, 58.9488636364);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-info {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-info:hover {
  color: #ffffff;
  background-color: rgb(29.85375, 109.6675, 241.89625);
  border-color: rgb(17.805, 101.89, 241.195);
}
.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(17.805, 101.89, 241.195);
  border-color: rgb(13.54375, 96.0375, 232.70625);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(214.3208661417, 160.312007874, 3.4291338583);
  border-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
  border-color: rgb(189.2224409449, 141.5383858268, 3.0275590551);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-danger {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: rgb(225.3251121076, 39.0414798206, 23.4248878924);
  border-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
  border-color: rgb(202.2264573991, 35.0392376682, 21.0235426009);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(235.875, 235.875, 235.875);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-light:focus, .btn-light.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(223.125, 223.125, 223.125);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-dark {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-dark:hover {
  color: #ffffff;
  background-color: rgb(41.7169421488, 41.0330578512, 41.0330578512);
  border-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
}
.btn-dark:focus, .btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
  border-color: rgb(28.8615702479, 28.3884297521, 28.3884297521);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-grey {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-grey:hover {
  color: #212529;
  background-color: rgb(184.875, 184.875, 184.875);
  border-color: rgb(178.5, 178.5, 178.5);
}
.btn-grey:focus, .btn-grey.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-grey.disabled, .btn-grey:disabled {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle {
  color: #212529;
  background-color: rgb(178.5, 178.5, 178.5);
  border-color: rgb(172.125, 172.125, 172.125);
}
.btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-outline-primary {
  color: #4285f4;
  background-color: transparent;
  background-image: none;
  border-color: #4285f4;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #4285f4;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-secondary {
  color: #878787;
  background-color: transparent;
  background-image: none;
  border-color: #878787;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #878787;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-outline-success {
  color: #34a853;
  background-color: transparent;
  background-image: none;
  border-color: #34a853;
}
.btn-outline-success:hover {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #34a853;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-outline-info {
  color: #4285f4;
  background-color: transparent;
  background-image: none;
  border-color: #4285f4;
}
.btn-outline-info:hover {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #4285f4;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-warning {
  color: #fbbc05;
  background-color: transparent;
  background-image: none;
  border-color: #fbbc05;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fbbc05;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-outline-danger {
  color: #ea4335;
  background-color: transparent;
  background-image: none;
  border-color: #ea4335;
}
.btn-outline-danger:hover {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ea4335;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-outline-light {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
  border-color: #ffffff;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ffffff;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-dark {
  color: #3d3c3c;
  background-color: transparent;
  background-image: none;
  border-color: #3d3c3c;
}
.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #3d3c3c;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-outline-grey {
  color: #cccccc;
  background-color: transparent;
  background-image: none;
  border-color: #cccccc;
}
.btn-outline-grey:hover {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-grey:focus, .btn-outline-grey.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-outline-grey.disabled, .btn-outline-grey:disabled {
  color: #cccccc;
  background-color: transparent;
}
.btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #4285f4;
  background-color: transparent;
}
.btn-link:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #878787;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 12px;
  font-size: 1.15rem;
  line-height: 1.7;
  border-radius: 4px;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 8px;
  font-size: 0.85rem;
  line-height: 1.6;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.show {
  display: block;
}
tr.collapse.show {
  display: table-row;
}
tbody.collapse.show {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #404040;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(226.95, 226.95, 226.95);
  border-radius: 2px;
}
.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #4285f4;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #878787;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  color: #878787;
  white-space: nowrap;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.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-left: -1px;
}
.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
  margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 6px;
  padding-left: 6px;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 9px;
  padding-left: 9px;
}
.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}
.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(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7692rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #404040;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f5f5;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.428571429rem;
  padding-left: 2.1377rem;
}
.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1.385rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #4285f4;
  background-color: #ffffff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-control-input:active ~ .custom-control-label::before {
  color: #ffffff;
  background-color: #ffffff;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #878787;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #dddddd;
}
.custom-control-label {
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: -0.1317142855rem;
  left: 0;
  display: block;
  width: 1.692rem;
  height: 1.692rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ffffff;
}
.custom-control-label::after {
  position: absolute;
  top: -0.1317142855rem;
  left: 0;
  display: block;
  width: 1.692rem;
  height: 1.692rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #4285f4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27%234285f4%27 d=%27M0 2h4%27/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: 3.692rem;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  vertical-align: middle;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%233d3c3c%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #d5d8de;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #4285f4;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(66, 133, 244, 0.5);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(66, 133, 244, 0.5);
}
.custom-select:focus::-ms-value {
  color: #404040;
  background-color: #ffffff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #878787;
  background-color: #dddddd;
}
.custom-select::-ms-expand {
  opacity: 0;
}
.custom-select-sm {
  height: 4.385rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}
.custom-select-lg {
  height: 2.846rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.692rem;
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3.692rem;
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-control {
  border-color: #4285f4;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.custom-file-input:focus ~ .custom-file-control::before {
  border-color: #4285f4;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 3.692rem;
  padding: 0.7692rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  background-color: #ffffff;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(3.692rem - 1px * 2);
  padding: 0.7692rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  content: "Browse";
  background-color: #f5f5f5;
  border-left: 1px solid #d5d8de;
  border-radius: 0 2px 2px 0;
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #878787;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #dddddd #dddddd #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #878787;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #636c72;
  background-color: #000000;
  border-color: #dee2e6 #dee2e6 #000000;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 2px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #4285f4;
}
.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 1240px), screen and (max-height: 900px) {
.navbar {
    z-index: 100000 !important;
}
}
.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3928571428rem;
  padding-bottom: 0.3928571428rem;
  margin-right: 1rem;
  font-size: 1.15rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.15rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
    display: none;
}
.navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
    display: none;
}
.navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
.navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
    display: none;
}
.navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #ffffff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #ffffff;
}
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.538rem;
}
.card-title {
  margin-bottom: 0.7692rem;
}
.card-subtitle {
  margin-top: -0.3846rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.538rem;
}
.card-header {
  padding: 0.7692rem 1.538rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.7692rem 1.538rem;
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}
.card-header-tabs {
  margin-right: -0.769rem;
  margin-bottom: -0.7692rem;
  margin-left: -0.769rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.769rem;
  margin-left: -0.769rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img {
  width: 100%;
  border-radius: calc(3px - 1px);
}
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(3px - 1px);
  border-top-right-radius: calc(3px - 1px);
}
.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px);
}
.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
}
.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
}
.card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
}
.card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
    border-radius: 3px;
}
.card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
}
}
.card-columns .card {
  margin-bottom: 0.7692rem;
}
@media (min-width: 576px) {
.card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
}
.card-columns .card {
    display: inline-block;
    width: 100%;
}
}
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 7px 20px;
  margin-bottom: 1rem;
  list-style: none;
  background-color: rgb(244.8, 244.8, 244.8);
  border-radius: 2px;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.6154rem;
  padding-left: 0.6154rem;
  color: #878787;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: rgb(76.5, 76.5, 76.5);
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 2px;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #404040;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: none;
  background-color: rgb(236.3, 236.3, 236.3);
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.page-item.disabled .page-link {
  color: #878787;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.15rem;
  line-height: 1.7;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1.6;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.badge {
  display: inline-block;
  padding: 0.07692rem 0.6154rem;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.7em;
  padding-left: 0.7em;
  border-radius: 10rem;
}
.badge-primary {
  color: #ffffff;
  background-color: #4285f4;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(17.805, 101.89, 241.195);
}
.badge-secondary {
  color: #ffffff;
  background-color: #878787;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(109.5, 109.5, 109.5);
}
.badge-success {
  color: #ffffff;
  background-color: #34a853;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.badge-info {
  color: #ffffff;
  background-color: #4285f4;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(17.805, 101.89, 241.195);
}
.badge-warning {
  color: #212529;
  background-color: #fbbc05;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.badge-danger {
  color: #ffffff;
  background-color: #ea4335;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.badge-light {
  color: #212529;
  background-color: #ffffff;
}
.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(229.5, 229.5, 229.5);
}
.badge-dark {
  color: #ffffff;
  background-color: #3d3c3c;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
}
.badge-grey {
  color: #212529;
  background-color: #cccccc;
}
.badge-grey[href]:hover, .badge-grey[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(178.5, 178.5, 178.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #dddddd;
  border-radius: 4px;
}
@media (min-width: 576px) {
.jumbotron {
    padding: 4rem 2rem;
}
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 1.385rem 1.385rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4.27rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.385rem 1.385rem;
  color: inherit;
}
.alert-primary {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(217.2, 230.6, 252.8);
  border-color: rgb(202.08, 220.84, 251.92);
}
.alert-primary hr {
  border-top-color: rgb(177.9825, 205.285, 250.5175);
}
.alert-primary .alert-link {
  color: rgb(23.4619354839, 47.2793548387, 86.7380645161);
}
.alert-secondary {
  color: rgb(70.2, 70.2, 70.2);
  background-color: #e7e7e7;
  border-color: rgb(221.4, 221.4, 221.4);
}
.alert-secondary hr {
  border-top-color: rgb(208.65, 208.65, 208.65);
}
.alert-secondary .alert-link {
  color: rgb(44.7, 44.7, 44.7);
}
.alert-success {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(214.4, 237.6, 220.6);
  border-color: rgb(198.16, 230.64, 206.84);
}
.alert-success hr {
  border-top-color: rgb(180.31, 222.99, 191.715862069);
}
.alert-success .alert-link {
  color: rgb(14.9854545455, 48.4145454545, 23.9190909091);
}
.alert-info {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(217.2, 230.6, 252.8);
  border-color: rgb(202.08, 220.84, 251.92);
}
.alert-info hr {
  border-top-color: rgb(177.9825, 205.285, 250.5175);
}
.alert-info .alert-link {
  color: rgb(23.4619354839, 47.2793548387, 86.7380645161);
}
.alert-warning {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(254.2, 241.6, 205);
  border-color: rgb(253.88, 236.24, 185);
}
.alert-warning hr {
  border-top-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.alert-warning .alert-link {
  color: rgb(80.51609375, 60.306875, 1.60390625);
}
.alert-danger {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(250.8, 217.4, 214.6);
  border-color: rgb(249.12, 202.36, 198.44);
}
.alert-danger hr {
  border-top-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.alert-danger .alert-link {
  color: rgb(80.0981184669, 22.9340766551, 18.1418815331);
}
.alert-light {
  color: rgb(132.6, 132.6, 132.6);
  background-color: white;
  border-color: white;
}
.alert-light hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-light .alert-link {
  color: rgb(107.1, 107.1, 107.1);
}
.alert-dark {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(216.2, 216, 216);
  border-color: rgb(200.68, 200.4, 200.4);
}
.alert-dark hr {
  border-top-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.alert-dark .alert-link {
  color: rgb(6.0092561983, 5.9107438017, 5.9107438017);
}
.alert-grey {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(244.8, 244.8, 244.8);
  border-color: rgb(240.72, 240.72, 240.72);
}
.alert-grey hr {
  border-top-color: rgb(227.97, 227.97, 227.97);
}
.alert-grey .alert-link {
  color: rgb(80.58, 80.58, 80.58);
}
@-webkit-keyframes progress-bar-stripes {
from {
    background-position: 3.077rem 0;
}
to {
    background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
    background-position: 3.077rem 0;
}
to {
    background-position: 0 0;
}
}
.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.077rem;
  overflow: hidden;
  font-size: 0.9231rem;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  text-align: center;
  background-color: #4285f4;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.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: 3.077rem 3.077rem;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #636c72;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #636c72;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item-action:active {
  color: #404040;
  background-color: #dddddd;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #878787;
  background-color: rgb(236.3, 236.3, 236.3);
}
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.list-group-item-primary {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(202.08, 220.84, 251.92);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(34.32, 69.16, 126.88);
  border-color: rgb(34.32, 69.16, 126.88);
}
.list-group-item-secondary {
  color: rgb(70.2, 70.2, 70.2);
  background-color: rgb(221.4, 221.4, 221.4);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(70.2, 70.2, 70.2);
  background-color: rgb(208.65, 208.65, 208.65);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(70.2, 70.2, 70.2);
  border-color: rgb(70.2, 70.2, 70.2);
}
.list-group-item-success {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(198.16, 230.64, 206.84);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 87.36, 43.16);
  border-color: rgb(27.04, 87.36, 43.16);
}
.list-group-item-info {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(202.08, 220.84, 251.92);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(34.32, 69.16, 126.88);
  border-color: rgb(34.32, 69.16, 126.88);
}
.list-group-item-warning {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(253.88, 236.24, 185);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(130.52, 97.76, 2.6);
  border-color: rgb(130.52, 97.76, 2.6);
}
.list-group-item-danger {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(249.12, 202.36, 198.44);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(121.68, 34.84, 27.56);
  border-color: rgb(121.68, 34.84, 27.56);
}
.list-group-item-light {
  color: rgb(132.6, 132.6, 132.6);
  background-color: white;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(132.6, 132.6, 132.6);
  background-color: rgb(242.25, 242.25, 242.25);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 132.6, 132.6);
  border-color: rgb(132.6, 132.6, 132.6);
}
.list-group-item-dark {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(200.68, 200.4, 200.4);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(31.72, 31.2, 31.2);
  border-color: rgb(31.72, 31.2, 31.2);
}
.list-group-item-grey {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(240.72, 240.72, 240.72);
}
.list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(227.97, 227.97, 227.97);
}
.list-group-item-grey.list-group-item-action.active {
  color: #fff;
  background-color: rgb(106.08, 106.08, 106.08);
  border-color: rgb(106.08, 106.08, 106.08);
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dddddd;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
.modal-dialog-centered {
    min-height: calc(100% - 1.75rem * 2);
}
.modal-sm {
    max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
    max-width: 700px;
}
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.85rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 2px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.85rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 4px;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^=top] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: #ffffff;
}
.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^=right] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 4px 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: #ffffff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=bottom] .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}
.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^=left] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 4px 0;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after {
  right: 1px;
  border-left-color: #ffffff;
}
.popover-header {
  padding: 0.6154rem 1.077rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(4px - 1px);
  border-top-right-radius: calc(4px - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.6154rem 1.077rem;
  color: #404040;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #ffffff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23ffffff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23ffffff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #4285f4 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(17.805, 101.89, 241.195) !important;
}
.bg-secondary {
  background-color: #878787 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(109.5, 109.5, 109.5) !important;
}
.bg-success {
  background-color: #34a853 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091) !important;
}
.bg-info {
  background-color: #4285f4 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.805, 101.89, 241.195) !important;
}
.bg-warning {
  background-color: #fbbc05 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567) !important;
}
.bg-danger {
  background-color: #ea4335 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466) !important;
}
.bg-light {
  background-color: #ffffff !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}
.bg-dark {
  background-color: #3d3c3c !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017) !important;
}
.bg-grey {
  background-color: #cccccc !important;
}
a.bg-grey:hover, a.bg-grey:focus,
button.bg-grey:hover,
button.bg-grey:focus {
  background-color: rgb(178.5, 178.5, 178.5) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #0b2939 !important;
}
.border-top {
  border-top: 1px solid #0b2939 !important;
}
.border-right {
  border-right: 1px solid #0b2939 !important;
}
.border-bottom {
  border-bottom: 1px solid #0b2939 !important;
}
.border-left {
  border-left: 1px solid #0b2939 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #4285f4 !important;
}
.border-secondary {
  border-color: #878787 !important;
}
.border-success {
  border-color: #34a853 !important;
}
.border-info {
  border-color: #4285f4 !important;
}
.border-warning {
  border-color: #fbbc05 !important;
}
.border-danger {
  border-color: #ea4335 !important;
}
.border-light {
  border-color: #ffffff !important;
}
.border-dark {
  border-color: #3d3c3c !important;
}
.border-grey {
  border-color: #cccccc !important;
}
.border-white {
  border-color: #ffffff !important;
}
.rounded {
  border-radius: 2px !important;
}
.rounded-top {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
.rounded-right {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.rounded-bottom {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.rounded-left {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
    display: none !important;
}
.d-sm-inline {
    display: inline !important;
}
.d-sm-inline-block {
    display: inline-block !important;
}
.d-sm-block {
    display: block !important;
}
.d-sm-table {
    display: table !important;
}
.d-sm-table-row {
    display: table-row !important;
}
.d-sm-table-cell {
    display: table-cell !important;
}
.d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
    display: none !important;
}
.d-md-inline {
    display: inline !important;
}
.d-md-inline-block {
    display: inline-block !important;
}
.d-md-block {
    display: block !important;
}
.d-md-table {
    display: table !important;
}
.d-md-table-row {
    display: table-row !important;
}
.d-md-table-cell {
    display: table-cell !important;
}
.d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
    display: none !important;
}
.d-lg-inline {
    display: inline !important;
}
.d-lg-inline-block {
    display: inline-block !important;
}
.d-lg-block {
    display: block !important;
}
.d-lg-table {
    display: table !important;
}
.d-lg-table-row {
    display: table-row !important;
}
.d-lg-table-cell {
    display: table-cell !important;
}
.d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
    display: none !important;
}
.d-xl-inline {
    display: inline !important;
}
.d-xl-inline-block {
    display: inline-block !important;
}
.d-xl-block {
    display: block !important;
}
.d-xl-table {
    display: table !important;
}
.d-xl-table-row {
    display: table-row !important;
}
.d-xl-table-cell {
    display: table-cell !important;
}
.d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media print {
.d-print-none {
    display: none !important;
}
.d-print-inline {
    display: inline !important;
}
.d-print-inline-block {
    display: inline-block !important;
}
.d-print-block {
    display: block !important;
}
.d-print-table {
    display: table !important;
}
.d-print-table-row {
    display: table-row !important;
}
.d-print-table-cell {
    display: table-cell !important;
}
.d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
    float: left !important;
}
.float-sm-right {
    float: right !important;
}
.float-sm-none {
    float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
    float: left !important;
}
.float-md-right {
    float: right !important;
}
.float-md-none {
    float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
    float: left !important;
}
.float-lg-right {
    float: right !important;
}
.float-lg-none {
    float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
    float: left !important;
}
.float-xl-right {
    float: right !important;
}
.float-xl-none {
    float: none !important;
}
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.3846153846rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.3846153846rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.3846153846rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.3846153846rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.3846153846rem !important;
}
.m-2 {
  margin: 0.7692307692rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.7692307692rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.7692307692rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.7692307692rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.7692307692rem !important;
}
.m-3 {
  margin: 1.154rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1.154rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1.154rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1.154rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1.154rem !important;
}
.m-4 {
  margin: 1.539rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.539rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.539rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.539rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.539rem !important;
}
.m-5 {
  margin: 1.923rem !important;
}
.mt-5,
.my-5 {
  margin-top: 1.923rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 1.923rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 1.923rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 1.923rem !important;
}
.m-6 {
  margin: 2.308rem !important;
}
.mt-6,
.my-6 {
  margin-top: 2.308rem !important;
}
.mr-6,
.mx-6 {
  margin-right: 2.308rem !important;
}
.mb-6,
.my-6 {
  margin-bottom: 2.308rem !important;
}
.ml-6,
.mx-6 {
  margin-left: 2.308rem !important;
}
.m-7 {
  margin: 3.077rem !important;
}
.mt-7,
.my-7 {
  margin-top: 3.077rem !important;
}
.mr-7,
.mx-7 {
  margin-right: 3.077rem !important;
}
.mb-7,
.my-7 {
  margin-bottom: 3.077rem !important;
}
.ml-7,
.mx-7 {
  margin-left: 3.077rem !important;
}
.m-8 {
  margin: 3.851rem !important;
}
.mt-8,
.my-8 {
  margin-top: 3.851rem !important;
}
.mr-8,
.mx-8 {
  margin-right: 3.851rem !important;
}
.mb-8,
.my-8 {
  margin-bottom: 3.851rem !important;
}
.ml-8,
.mx-8 {
  margin-left: 3.851rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.3846153846rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.3846153846rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.3846153846rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.3846153846rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.3846153846rem !important;
}
.p-2 {
  padding: 0.7692307692rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.7692307692rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.7692307692rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.7692307692rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.7692307692rem !important;
}
.p-3 {
  padding: 1.154rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1.154rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1.154rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1.154rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1.154rem !important;
}
.p-4 {
  padding: 1.539rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.539rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.539rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.539rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.539rem !important;
}
.p-5 {
  padding: 1.923rem !important;
}
.pt-5,
.py-5 {
  padding-top: 1.923rem !important;
}
.pr-5,
.px-5 {
  padding-right: 1.923rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 1.923rem !important;
}
.pl-5,
.px-5 {
  padding-left: 1.923rem !important;
}
.p-6 {
  padding: 2.308rem !important;
}
.pt-6,
.py-6 {
  padding-top: 2.308rem !important;
}
.pr-6,
.px-6 {
  padding-right: 2.308rem !important;
}
.pb-6,
.py-6 {
  padding-bottom: 2.308rem !important;
}
.pl-6,
.px-6 {
  padding-left: 2.308rem !important;
}
.p-7 {
  padding: 3.077rem !important;
}
.pt-7,
.py-7 {
  padding-top: 3.077rem !important;
}
.pr-7,
.px-7 {
  padding-right: 3.077rem !important;
}
.pb-7,
.py-7 {
  padding-bottom: 3.077rem !important;
}
.pl-7,
.px-7 {
  padding-left: 3.077rem !important;
}
.p-8 {
  padding: 3.851rem !important;
}
.pt-8,
.py-8 {
  padding-top: 3.851rem !important;
}
.pr-8,
.px-8 {
  padding-right: 3.851rem !important;
}
.pb-8,
.py-8 {
  padding-bottom: 3.851rem !important;
}
.pl-8,
.px-8 {
  padding-left: 3.851rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
    margin: 0 !important;
}
.mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
}
.mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
}
.mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
}
.ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
}
.m-sm-1 {
    margin: 0.3846153846rem !important;
}
.mt-sm-1,
  .my-sm-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.3846153846rem !important;
}
.m-sm-2 {
    margin: 0.7692307692rem !important;
}
.mt-sm-2,
  .my-sm-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.7692307692rem !important;
}
.m-sm-3 {
    margin: 1.154rem !important;
}
.mt-sm-3,
  .my-sm-3 {
    margin-top: 1.154rem !important;
}
.mr-sm-3,
  .mx-sm-3 {
    margin-right: 1.154rem !important;
}
.mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1.154rem !important;
}
.ml-sm-3,
  .mx-sm-3 {
    margin-left: 1.154rem !important;
}
.m-sm-4 {
    margin: 1.539rem !important;
}
.mt-sm-4,
  .my-sm-4 {
    margin-top: 1.539rem !important;
}
.mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.539rem !important;
}
.mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.539rem !important;
}
.ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.539rem !important;
}
.m-sm-5 {
    margin: 1.923rem !important;
}
.mt-sm-5,
  .my-sm-5 {
    margin-top: 1.923rem !important;
}
.mr-sm-5,
  .mx-sm-5 {
    margin-right: 1.923rem !important;
}
.mb-sm-5,
  .my-sm-5 {
    margin-bottom: 1.923rem !important;
}
.ml-sm-5,
  .mx-sm-5 {
    margin-left: 1.923rem !important;
}
.m-sm-6 {
    margin: 2.308rem !important;
}
.mt-sm-6,
  .my-sm-6 {
    margin-top: 2.308rem !important;
}
.mr-sm-6,
  .mx-sm-6 {
    margin-right: 2.308rem !important;
}
.mb-sm-6,
  .my-sm-6 {
    margin-bottom: 2.308rem !important;
}
.ml-sm-6,
  .mx-sm-6 {
    margin-left: 2.308rem !important;
}
.m-sm-7 {
    margin: 3.077rem !important;
}
.mt-sm-7,
  .my-sm-7 {
    margin-top: 3.077rem !important;
}
.mr-sm-7,
  .mx-sm-7 {
    margin-right: 3.077rem !important;
}
.mb-sm-7,
  .my-sm-7 {
    margin-bottom: 3.077rem !important;
}
.ml-sm-7,
  .mx-sm-7 {
    margin-left: 3.077rem !important;
}
.m-sm-8 {
    margin: 3.851rem !important;
}
.mt-sm-8,
  .my-sm-8 {
    margin-top: 3.851rem !important;
}
.mr-sm-8,
  .mx-sm-8 {
    margin-right: 3.851rem !important;
}
.mb-sm-8,
  .my-sm-8 {
    margin-bottom: 3.851rem !important;
}
.ml-sm-8,
  .mx-sm-8 {
    margin-left: 3.851rem !important;
}
.p-sm-0 {
    padding: 0 !important;
}
.pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
}
.pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
}
.pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
}
.pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
}
.p-sm-1 {
    padding: 0.3846153846rem !important;
}
.pt-sm-1,
  .py-sm-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-sm-1,
  .px-sm-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-sm-1,
  .px-sm-1 {
    padding-left: 0.3846153846rem !important;
}
.p-sm-2 {
    padding: 0.7692307692rem !important;
}
.pt-sm-2,
  .py-sm-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-sm-2,
  .px-sm-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-sm-2,
  .px-sm-2 {
    padding-left: 0.7692307692rem !important;
}
.p-sm-3 {
    padding: 1.154rem !important;
}
.pt-sm-3,
  .py-sm-3 {
    padding-top: 1.154rem !important;
}
.pr-sm-3,
  .px-sm-3 {
    padding-right: 1.154rem !important;
}
.pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1.154rem !important;
}
.pl-sm-3,
  .px-sm-3 {
    padding-left: 1.154rem !important;
}
.p-sm-4 {
    padding: 1.539rem !important;
}
.pt-sm-4,
  .py-sm-4 {
    padding-top: 1.539rem !important;
}
.pr-sm-4,
  .px-sm-4 {
    padding-right: 1.539rem !important;
}
.pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.539rem !important;
}
.pl-sm-4,
  .px-sm-4 {
    padding-left: 1.539rem !important;
}
.p-sm-5 {
    padding: 1.923rem !important;
}
.pt-sm-5,
  .py-sm-5 {
    padding-top: 1.923rem !important;
}
.pr-sm-5,
  .px-sm-5 {
    padding-right: 1.923rem !important;
}
.pb-sm-5,
  .py-sm-5 {
    padding-bottom: 1.923rem !important;
}
.pl-sm-5,
  .px-sm-5 {
    padding-left: 1.923rem !important;
}
.p-sm-6 {
    padding: 2.308rem !important;
}
.pt-sm-6,
  .py-sm-6 {
    padding-top: 2.308rem !important;
}
.pr-sm-6,
  .px-sm-6 {
    padding-right: 2.308rem !important;
}
.pb-sm-6,
  .py-sm-6 {
    padding-bottom: 2.308rem !important;
}
.pl-sm-6,
  .px-sm-6 {
    padding-left: 2.308rem !important;
}
.p-sm-7 {
    padding: 3.077rem !important;
}
.pt-sm-7,
  .py-sm-7 {
    padding-top: 3.077rem !important;
}
.pr-sm-7,
  .px-sm-7 {
    padding-right: 3.077rem !important;
}
.pb-sm-7,
  .py-sm-7 {
    padding-bottom: 3.077rem !important;
}
.pl-sm-7,
  .px-sm-7 {
    padding-left: 3.077rem !important;
}
.p-sm-8 {
    padding: 3.851rem !important;
}
.pt-sm-8,
  .py-sm-8 {
    padding-top: 3.851rem !important;
}
.pr-sm-8,
  .px-sm-8 {
    padding-right: 3.851rem !important;
}
.pb-sm-8,
  .py-sm-8 {
    padding-bottom: 3.851rem !important;
}
.pl-sm-8,
  .px-sm-8 {
    padding-left: 3.851rem !important;
}
.m-sm-auto {
    margin: auto !important;
}
.mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
}
.mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
}
.mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
}
.ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
    margin: 0 !important;
}
.mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
}
.mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
}
.mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
}
.ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
}
.m-md-1 {
    margin: 0.3846153846rem !important;
}
.mt-md-1,
  .my-md-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-md-1,
  .mx-md-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-md-1,
  .my-md-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-md-1,
  .mx-md-1 {
    margin-left: 0.3846153846rem !important;
}
.m-md-2 {
    margin: 0.7692307692rem !important;
}
.mt-md-2,
  .my-md-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-md-2,
  .mx-md-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-md-2,
  .my-md-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-md-2,
  .mx-md-2 {
    margin-left: 0.7692307692rem !important;
}
.m-md-3 {
    margin: 1.154rem !important;
}
.mt-md-3,
  .my-md-3 {
    margin-top: 1.154rem !important;
}
.mr-md-3,
  .mx-md-3 {
    margin-right: 1.154rem !important;
}
.mb-md-3,
  .my-md-3 {
    margin-bottom: 1.154rem !important;
}
.ml-md-3,
  .mx-md-3 {
    margin-left: 1.154rem !important;
}
.m-md-4 {
    margin: 1.539rem !important;
}
.mt-md-4,
  .my-md-4 {
    margin-top: 1.539rem !important;
}
.mr-md-4,
  .mx-md-4 {
    margin-right: 1.539rem !important;
}
.mb-md-4,
  .my-md-4 {
    margin-bottom: 1.539rem !important;
}
.ml-md-4,
  .mx-md-4 {
    margin-left: 1.539rem !important;
}
.m-md-5 {
    margin: 1.923rem !important;
}
.mt-md-5,
  .my-md-5 {
    margin-top: 1.923rem !important;
}
.mr-md-5,
  .mx-md-5 {
    margin-right: 1.923rem !important;
}
.mb-md-5,
  .my-md-5 {
    margin-bottom: 1.923rem !important;
}
.ml-md-5,
  .mx-md-5 {
    margin-left: 1.923rem !important;
}
.m-md-6 {
    margin: 2.308rem !important;
}
.mt-md-6,
  .my-md-6 {
    margin-top: 2.308rem !important;
}
.mr-md-6,
  .mx-md-6 {
    margin-right: 2.308rem !important;
}
.mb-md-6,
  .my-md-6 {
    margin-bottom: 2.308rem !important;
}
.ml-md-6,
  .mx-md-6 {
    margin-left: 2.308rem !important;
}
.m-md-7 {
    margin: 3.077rem !important;
}
.mt-md-7,
  .my-md-7 {
    margin-top: 3.077rem !important;
}
.mr-md-7,
  .mx-md-7 {
    margin-right: 3.077rem !important;
}
.mb-md-7,
  .my-md-7 {
    margin-bottom: 3.077rem !important;
}
.ml-md-7,
  .mx-md-7 {
    margin-left: 3.077rem !important;
}
.m-md-8 {
    margin: 3.851rem !important;
}
.mt-md-8,
  .my-md-8 {
    margin-top: 3.851rem !important;
}
.mr-md-8,
  .mx-md-8 {
    margin-right: 3.851rem !important;
}
.mb-md-8,
  .my-md-8 {
    margin-bottom: 3.851rem !important;
}
.ml-md-8,
  .mx-md-8 {
    margin-left: 3.851rem !important;
}
.p-md-0 {
    padding: 0 !important;
}
.pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
}
.pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
}
.pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
}
.pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
}
.p-md-1 {
    padding: 0.3846153846rem !important;
}
.pt-md-1,
  .py-md-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-md-1,
  .px-md-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-md-1,
  .py-md-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-md-1,
  .px-md-1 {
    padding-left: 0.3846153846rem !important;
}
.p-md-2 {
    padding: 0.7692307692rem !important;
}
.pt-md-2,
  .py-md-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-md-2,
  .px-md-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-md-2,
  .py-md-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-md-2,
  .px-md-2 {
    padding-left: 0.7692307692rem !important;
}
.p-md-3 {
    padding: 1.154rem !important;
}
.pt-md-3,
  .py-md-3 {
    padding-top: 1.154rem !important;
}
.pr-md-3,
  .px-md-3 {
    padding-right: 1.154rem !important;
}
.pb-md-3,
  .py-md-3 {
    padding-bottom: 1.154rem !important;
}
.pl-md-3,
  .px-md-3 {
    padding-left: 1.154rem !important;
}
.p-md-4 {
    padding: 1.539rem !important;
}
.pt-md-4,
  .py-md-4 {
    padding-top: 1.539rem !important;
}
.pr-md-4,
  .px-md-4 {
    padding-right: 1.539rem !important;
}
.pb-md-4,
  .py-md-4 {
    padding-bottom: 1.539rem !important;
}
.pl-md-4,
  .px-md-4 {
    padding-left: 1.539rem !important;
}
.p-md-5 {
    padding: 1.923rem !important;
}
.pt-md-5,
  .py-md-5 {
    padding-top: 1.923rem !important;
}
.pr-md-5,
  .px-md-5 {
    padding-right: 1.923rem !important;
}
.pb-md-5,
  .py-md-5 {
    padding-bottom: 1.923rem !important;
}
.pl-md-5,
  .px-md-5 {
    padding-left: 1.923rem !important;
}
.p-md-6 {
    padding: 2.308rem !important;
}
.pt-md-6,
  .py-md-6 {
    padding-top: 2.308rem !important;
}
.pr-md-6,
  .px-md-6 {
    padding-right: 2.308rem !important;
}
.pb-md-6,
  .py-md-6 {
    padding-bottom: 2.308rem !important;
}
.pl-md-6,
  .px-md-6 {
    padding-left: 2.308rem !important;
}
.p-md-7 {
    padding: 3.077rem !important;
}
.pt-md-7,
  .py-md-7 {
    padding-top: 3.077rem !important;
}
.pr-md-7,
  .px-md-7 {
    padding-right: 3.077rem !important;
}
.pb-md-7,
  .py-md-7 {
    padding-bottom: 3.077rem !important;
}
.pl-md-7,
  .px-md-7 {
    padding-left: 3.077rem !important;
}
.p-md-8 {
    padding: 3.851rem !important;
}
.pt-md-8,
  .py-md-8 {
    padding-top: 3.851rem !important;
}
.pr-md-8,
  .px-md-8 {
    padding-right: 3.851rem !important;
}
.pb-md-8,
  .py-md-8 {
    padding-bottom: 3.851rem !important;
}
.pl-md-8,
  .px-md-8 {
    padding-left: 3.851rem !important;
}
.m-md-auto {
    margin: auto !important;
}
.mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
}
.mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
}
.mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
}
.ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
    margin: 0 !important;
}
.mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
}
.mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
}
.mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
}
.ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
}
.m-lg-1 {
    margin: 0.3846153846rem !important;
}
.mt-lg-1,
  .my-lg-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.3846153846rem !important;
}
.m-lg-2 {
    margin: 0.7692307692rem !important;
}
.mt-lg-2,
  .my-lg-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.7692307692rem !important;
}
.m-lg-3 {
    margin: 1.154rem !important;
}
.mt-lg-3,
  .my-lg-3 {
    margin-top: 1.154rem !important;
}
.mr-lg-3,
  .mx-lg-3 {
    margin-right: 1.154rem !important;
}
.mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1.154rem !important;
}
.ml-lg-3,
  .mx-lg-3 {
    margin-left: 1.154rem !important;
}
.m-lg-4 {
    margin: 1.539rem !important;
}
.mt-lg-4,
  .my-lg-4 {
    margin-top: 1.539rem !important;
}
.mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.539rem !important;
}
.mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.539rem !important;
}
.ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.539rem !important;
}
.m-lg-5 {
    margin: 1.923rem !important;
}
.mt-lg-5,
  .my-lg-5 {
    margin-top: 1.923rem !important;
}
.mr-lg-5,
  .mx-lg-5 {
    margin-right: 1.923rem !important;
}
.mb-lg-5,
  .my-lg-5 {
    margin-bottom: 1.923rem !important;
}
.ml-lg-5,
  .mx-lg-5 {
    margin-left: 1.923rem !important;
}
.m-lg-6 {
    margin: 2.308rem !important;
}
.mt-lg-6,
  .my-lg-6 {
    margin-top: 2.308rem !important;
}
.mr-lg-6,
  .mx-lg-6 {
    margin-right: 2.308rem !important;
}
.mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2.308rem !important;
}
.ml-lg-6,
  .mx-lg-6 {
    margin-left: 2.308rem !important;
}
.m-lg-7 {
    margin: 3.077rem !important;
}
.mt-lg-7,
  .my-lg-7 {
    margin-top: 3.077rem !important;
}
.mr-lg-7,
  .mx-lg-7 {
    margin-right: 3.077rem !important;
}
.mb-lg-7,
  .my-lg-7 {
    margin-bottom: 3.077rem !important;
}
.ml-lg-7,
  .mx-lg-7 {
    margin-left: 3.077rem !important;
}
.m-lg-8 {
    margin: 3.851rem !important;
}
.mt-lg-8,
  .my-lg-8 {
    margin-top: 3.851rem !important;
}
.mr-lg-8,
  .mx-lg-8 {
    margin-right: 3.851rem !important;
}
.mb-lg-8,
  .my-lg-8 {
    margin-bottom: 3.851rem !important;
}
.ml-lg-8,
  .mx-lg-8 {
    margin-left: 3.851rem !important;
}
.p-lg-0 {
    padding: 0 !important;
}
.pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
}
.pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
}
.pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
}
.pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
}
.p-lg-1 {
    padding: 0.3846153846rem !important;
}
.pt-lg-1,
  .py-lg-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-lg-1,
  .px-lg-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-lg-1,
  .px-lg-1 {
    padding-left: 0.3846153846rem !important;
}
.p-lg-2 {
    padding: 0.7692307692rem !important;
}
.pt-lg-2,
  .py-lg-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-lg-2,
  .px-lg-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-lg-2,
  .px-lg-2 {
    padding-left: 0.7692307692rem !important;
}
.p-lg-3 {
    padding: 1.154rem !important;
}
.pt-lg-3,
  .py-lg-3 {
    padding-top: 1.154rem !important;
}
.pr-lg-3,
  .px-lg-3 {
    padding-right: 1.154rem !important;
}
.pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1.154rem !important;
}
.pl-lg-3,
  .px-lg-3 {
    padding-left: 1.154rem !important;
}
.p-lg-4 {
    padding: 1.539rem !important;
}
.pt-lg-4,
  .py-lg-4 {
    padding-top: 1.539rem !important;
}
.pr-lg-4,
  .px-lg-4 {
    padding-right: 1.539rem !important;
}
.pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.539rem !important;
}
.pl-lg-4,
  .px-lg-4 {
    padding-left: 1.539rem !important;
}
.p-lg-5 {
    padding: 1.923rem !important;
}
.pt-lg-5,
  .py-lg-5 {
    padding-top: 1.923rem !important;
}
.pr-lg-5,
  .px-lg-5 {
    padding-right: 1.923rem !important;
}
.pb-lg-5,
  .py-lg-5 {
    padding-bottom: 1.923rem !important;
}
.pl-lg-5,
  .px-lg-5 {
    padding-left: 1.923rem !important;
}
.p-lg-6 {
    padding: 2.308rem !important;
}
.pt-lg-6,
  .py-lg-6 {
    padding-top: 2.308rem !important;
}
.pr-lg-6,
  .px-lg-6 {
    padding-right: 2.308rem !important;
}
.pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2.308rem !important;
}
.pl-lg-6,
  .px-lg-6 {
    padding-left: 2.308rem !important;
}
.p-lg-7 {
    padding: 3.077rem !important;
}
.pt-lg-7,
  .py-lg-7 {
    padding-top: 3.077rem !important;
}
.pr-lg-7,
  .px-lg-7 {
    padding-right: 3.077rem !important;
}
.pb-lg-7,
  .py-lg-7 {
    padding-bottom: 3.077rem !important;
}
.pl-lg-7,
  .px-lg-7 {
    padding-left: 3.077rem !important;
}
.p-lg-8 {
    padding: 3.851rem !important;
}
.pt-lg-8,
  .py-lg-8 {
    padding-top: 3.851rem !important;
}
.pr-lg-8,
  .px-lg-8 {
    padding-right: 3.851rem !important;
}
.pb-lg-8,
  .py-lg-8 {
    padding-bottom: 3.851rem !important;
}
.pl-lg-8,
  .px-lg-8 {
    padding-left: 3.851rem !important;
}
.m-lg-auto {
    margin: auto !important;
}
.mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
}
.mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
}
.mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
}
.ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
    margin: 0 !important;
}
.mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
}
.mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
}
.mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
}
.ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
}
.m-xl-1 {
    margin: 0.3846153846rem !important;
}
.mt-xl-1,
  .my-xl-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.3846153846rem !important;
}
.m-xl-2 {
    margin: 0.7692307692rem !important;
}
.mt-xl-2,
  .my-xl-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.7692307692rem !important;
}
.m-xl-3 {
    margin: 1.154rem !important;
}
.mt-xl-3,
  .my-xl-3 {
    margin-top: 1.154rem !important;
}
.mr-xl-3,
  .mx-xl-3 {
    margin-right: 1.154rem !important;
}
.mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1.154rem !important;
}
.ml-xl-3,
  .mx-xl-3 {
    margin-left: 1.154rem !important;
}
.m-xl-4 {
    margin: 1.539rem !important;
}
.mt-xl-4,
  .my-xl-4 {
    margin-top: 1.539rem !important;
}
.mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.539rem !important;
}
.mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.539rem !important;
}
.ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.539rem !important;
}
.m-xl-5 {
    margin: 1.923rem !important;
}
.mt-xl-5,
  .my-xl-5 {
    margin-top: 1.923rem !important;
}
.mr-xl-5,
  .mx-xl-5 {
    margin-right: 1.923rem !important;
}
.mb-xl-5,
  .my-xl-5 {
    margin-bottom: 1.923rem !important;
}
.ml-xl-5,
  .mx-xl-5 {
    margin-left: 1.923rem !important;
}
.m-xl-6 {
    margin: 2.308rem !important;
}
.mt-xl-6,
  .my-xl-6 {
    margin-top: 2.308rem !important;
}
.mr-xl-6,
  .mx-xl-6 {
    margin-right: 2.308rem !important;
}
.mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2.308rem !important;
}
.ml-xl-6,
  .mx-xl-6 {
    margin-left: 2.308rem !important;
}
.m-xl-7 {
    margin: 3.077rem !important;
}
.mt-xl-7,
  .my-xl-7 {
    margin-top: 3.077rem !important;
}
.mr-xl-7,
  .mx-xl-7 {
    margin-right: 3.077rem !important;
}
.mb-xl-7,
  .my-xl-7 {
    margin-bottom: 3.077rem !important;
}
.ml-xl-7,
  .mx-xl-7 {
    margin-left: 3.077rem !important;
}
.m-xl-8 {
    margin: 3.851rem !important;
}
.mt-xl-8,
  .my-xl-8 {
    margin-top: 3.851rem !important;
}
.mr-xl-8,
  .mx-xl-8 {
    margin-right: 3.851rem !important;
}
.mb-xl-8,
  .my-xl-8 {
    margin-bottom: 3.851rem !important;
}
.ml-xl-8,
  .mx-xl-8 {
    margin-left: 3.851rem !important;
}
.p-xl-0 {
    padding: 0 !important;
}
.pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
}
.pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
}
.pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
}
.pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
}
.p-xl-1 {
    padding: 0.3846153846rem !important;
}
.pt-xl-1,
  .py-xl-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-xl-1,
  .px-xl-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-xl-1,
  .px-xl-1 {
    padding-left: 0.3846153846rem !important;
}
.p-xl-2 {
    padding: 0.7692307692rem !important;
}
.pt-xl-2,
  .py-xl-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-xl-2,
  .px-xl-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-xl-2,
  .px-xl-2 {
    padding-left: 0.7692307692rem !important;
}
.p-xl-3 {
    padding: 1.154rem !important;
}
.pt-xl-3,
  .py-xl-3 {
    padding-top: 1.154rem !important;
}
.pr-xl-3,
  .px-xl-3 {
    padding-right: 1.154rem !important;
}
.pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1.154rem !important;
}
.pl-xl-3,
  .px-xl-3 {
    padding-left: 1.154rem !important;
}
.p-xl-4 {
    padding: 1.539rem !important;
}
.pt-xl-4,
  .py-xl-4 {
    padding-top: 1.539rem !important;
}
.pr-xl-4,
  .px-xl-4 {
    padding-right: 1.539rem !important;
}
.pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.539rem !important;
}
.pl-xl-4,
  .px-xl-4 {
    padding-left: 1.539rem !important;
}
.p-xl-5 {
    padding: 1.923rem !important;
}
.pt-xl-5,
  .py-xl-5 {
    padding-top: 1.923rem !important;
}
.pr-xl-5,
  .px-xl-5 {
    padding-right: 1.923rem !important;
}
.pb-xl-5,
  .py-xl-5 {
    padding-bottom: 1.923rem !important;
}
.pl-xl-5,
  .px-xl-5 {
    padding-left: 1.923rem !important;
}
.p-xl-6 {
    padding: 2.308rem !important;
}
.pt-xl-6,
  .py-xl-6 {
    padding-top: 2.308rem !important;
}
.pr-xl-6,
  .px-xl-6 {
    padding-right: 2.308rem !important;
}
.pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2.308rem !important;
}
.pl-xl-6,
  .px-xl-6 {
    padding-left: 2.308rem !important;
}
.p-xl-7 {
    padding: 3.077rem !important;
}
.pt-xl-7,
  .py-xl-7 {
    padding-top: 3.077rem !important;
}
.pr-xl-7,
  .px-xl-7 {
    padding-right: 3.077rem !important;
}
.pb-xl-7,
  .py-xl-7 {
    padding-bottom: 3.077rem !important;
}
.pl-xl-7,
  .px-xl-7 {
    padding-left: 3.077rem !important;
}
.p-xl-8 {
    padding: 3.851rem !important;
}
.pt-xl-8,
  .py-xl-8 {
    padding-top: 3.851rem !important;
}
.pr-xl-8,
  .px-xl-8 {
    padding-right: 3.851rem !important;
}
.pb-xl-8,
  .py-xl-8 {
    padding-bottom: 3.851rem !important;
}
.pl-xl-8,
  .px-xl-8 {
    padding-left: 3.851rem !important;
}
.m-xl-auto {
    margin: auto !important;
}
.mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
}
.mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
}
.mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
}
.ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
}
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
    text-align: left !important;
}
.text-sm-right {
    text-align: right !important;
}
.text-sm-center {
    text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
    text-align: left !important;
}
.text-md-right {
    text-align: right !important;
}
.text-md-center {
    text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
    text-align: left !important;
}
.text-lg-right {
    text-align: right !important;
}
.text-lg-center {
    text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
    text-align: left !important;
}
.text-xl-right {
    text-align: right !important;
}
.text-xl-center {
    text-align: center !important;
}
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #4285f4 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: rgb(17.805, 101.89, 241.195) !important;
}
.text-secondary {
  color: #878787 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(109.5, 109.5, 109.5) !important;
}
.text-success {
  color: #34a853 !important;
}
a.text-success:hover, a.text-success:focus {
  color: rgb(39.9454545455, 129.0545454545, 63.7590909091) !important;
}
.text-info {
  color: #4285f4 !important;
}
a.text-info:hover, a.text-info:focus {
  color: rgb(17.805, 101.89, 241.195) !important;
}
.text-warning {
  color: #fbbc05 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: rgb(201.7716535433, 150.9251968504, 3.2283464567) !important;
}
.text-danger {
  color: #ea4335 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: rgb(213.7757847534, 37.0403587444, 22.2242152466) !important;
}
.text-light {
  color: #ffffff !important;
}
a.text-light:hover, a.text-light:focus {
  color: rgb(229.5, 229.5, 229.5) !important;
}
.text-dark {
  color: #3d3c3c !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: rgb(35.2892561983, 34.7107438017, 34.7107438017) !important;
}
.text-grey {
  color: #cccccc !important;
}
a.text-grey:hover, a.text-grey:focus {
  color: rgb(178.5, 178.5, 178.5) !important;
}
.text-muted {
  color: #878787 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@-webkit-keyframes cube-fade-in {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
}
}
@keyframes cube-fade-in {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
}
@-webkit-keyframes cube-pulse {
25% {
    -webkit-transform: scale(1.5);
}
75% {
    -webkit-transform: scale(0.8);
}
}
@keyframes cube-pulse {
25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}
@-webkit-keyframes rotwist {
0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
}
}
@keyframes rotwist {
0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
            transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
            transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
}
}
@-webkit-keyframes extend-bar {
from {
    opacity: 0;
    width: 0;
}
to {
    opacity: 1;
}
}
@keyframes extend-bar {
from {
    opacity: 0;
    width: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes extend-circ {
from {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    opacity: 1;
}
}
@keyframes extend-circ {
from {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    opacity: 1;
}
}
@-webkit-keyframes extend-height {
from {
    height: 0;
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes extend-height {
from {
    height: 0;
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes from-top-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes from-top-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@-webkit-keyframes from-top {
from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
}
@keyframes from-top {
from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
}
@-webkit-keyframes leave-top {
from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
}
@keyframes leave-top {
from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
}
@-webkit-keyframes from-bottom-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes from-bottom-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
/*------------------------------------------------------------------
  [Bootstrap elements]
*/
/*------------------------------------------------------------------
  [Bootstrap grid]
*/
@media (max-width: 575.98px) {
.row {
    margin-left: -10px;
    margin-right: -10px;
}
}

/*------------------------------------------------------------------
  [Images]
*/
.img-rounded {
  border-radius: 4px;
}

/*------------------------------------------------------------------
  [Code]
*/
pre {
  padding: 20px;
  border: 0;
  border-radius: 0;
  background-color: rgb(249.9, 249.9, 249.9);
  font-size: 0.9231rem;
  margin: 0 0 9px;
}
pre code {
  white-space: pre-wrap;
}

/*------------------------------------------------------------------
  [Buttons]
*/
.btn {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
  padding: 0 10px;
  font-size: 1rem;
  line-height: 28px;
  border-radius: 2px;
}
.btn:active, .btn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:active:focus {
  outline: none;
}
.btn-secondary,
.btn-light {
  color: #404040;
  background-color: #ffffff;
  border-color: rgb(219.3, 219.3, 219.3);
}
.btn-secondary:focus, .btn-secondary.focus,
.btn-light:focus,
.btn-light.focus {
  color: #404040;
  background-color: #ffffff;
  border-color: rgb(219.3, 219.3, 219.3);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-secondary:hover, .btn-secondary.hover,
.btn-light:hover,
.btn-light.hover {
  color: #404040;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-color: rgb(186.15, 186.15, 186.15);
}
.btn-secondary:active, .btn-secondary.active, .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle,
.btn-light:active,
.btn-light.active,
.btn-light:not([disabled]):not(.disabled):active,
.btn-light:not([disabled]):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
  color: rgb(38.5, 38.5, 38.5);
  background-color: rgb(226.95, 226.95, 226.95);
  border-color: rgb(186.15, 186.15, 186.15);
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .btn-secondary:not([disabled]):not(.disabled):active:hover, .btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled):active.focus, .btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active.focus, .show > .btn-secondary.dropdown-toggle:hover, .show > .btn-secondary.dropdown-toggle:focus, .show > .btn-secondary.dropdown-toggle.focus,
.btn-light:active:hover,
.btn-light:active:focus,
.btn-light:active.focus,
.btn-light.active:hover,
.btn-light.active:focus,
.btn-light.active.focus,
.btn-light:not([disabled]):not(.disabled):active:hover,
.btn-light:not([disabled]):not(.disabled):active:focus,
.btn-light:not([disabled]):not(.disabled):active.focus,
.btn-light:not([disabled]):not(.disabled).active:hover,
.btn-light:not([disabled]):not(.disabled).active:focus,
.btn-light:not([disabled]):not(.disabled).active.focus,
.show > .btn-light.dropdown-toggle:hover,
.show > .btn-light.dropdown-toggle:focus,
.show > .btn-light.dropdown-toggle.focus {
  color: rgb(38.5, 38.5, 38.5);
  background-color: rgb(226.95, 226.95, 226.95);
  border-color: rgb(186.15, 186.15, 186.15);
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active,
.btn-light.disabled,
.btn-light.disabled:hover,
.btn-light.disabled:focus,
.btn-light.disabled.focus,
.btn-light.disabled:active,
.btn-light.disabled.active,
.btn-light[disabled],
.btn-light[disabled]:hover,
.btn-light[disabled]:focus,
.btn-light[disabled].focus,
.btn-light[disabled]:active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light,
fieldset[disabled] .btn-light:hover,
fieldset[disabled] .btn-light:focus,
fieldset[disabled] .btn-light.focus,
fieldset[disabled] .btn-light:active,
fieldset[disabled] .btn-light.active {
  background-color: #ffffff;
  border-color: rgb(219.3, 219.3, 219.3);
}
.btn-secondary .icon,
.btn-light .icon {
  color: rgb(99.7, 99.7, 99.7);
}
.btn-secondary:active .icon,
.btn-light:active .icon {
  color: rgb(74.2, 74.2, 74.2);
}
.btn-secondary .badge,
.btn-light .badge {
  color: #ffffff;
  background-color: #404040;
}
.btn-primary {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
  outline: none;
}
.btn-primary:hover, .btn-primary.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(17.805, 101.89, 241.195);
          box-shadow: inset 0 -1px 0 rgb(17.805, 101.89, 241.195);
  background-color: rgb(75.639, 139.222, 244.561);
  border-color: rgb(75.639, 139.222, 244.561);
  border-bottom-color: rgb(17.805, 101.89, 241.195);
}
.btn-primary:active, .btn-primary.active, .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
          box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
  background-color: rgb(37.083, 114.334, 242.317);
  border-color: rgb(37.083, 114.334, 242.317);
  border-top-color: rgb(12.2815, 87.087, 211.0185);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:not([disabled]):not(.disabled):active:hover, .btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled):active.focus, .btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active.focus, .show > .btn-primary.dropdown-toggle:hover, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(37.083, 114.334, 242.317);
  border-color: transparent;
  border-top-color: rgb(12.2815, 87.087, 211.0185);
  -webkit-box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
          box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
}
.btn-primary:active:hover .icon, .btn-primary:active:focus .icon, .btn-primary:active.focus .icon, .btn-primary.active:hover .icon, .btn-primary.active:focus .icon, .btn-primary.active.focus .icon, .btn-primary:not([disabled]):not(.disabled):active:hover .icon, .btn-primary:not([disabled]):not(.disabled):active:focus .icon, .btn-primary:not([disabled]):not(.disabled):active.focus .icon, .btn-primary:not([disabled]):not(.disabled).active:hover .icon, .btn-primary:not([disabled]):not(.disabled).active:focus .icon, .btn-primary:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-primary.dropdown-toggle:hover .icon, .show > .btn-primary.dropdown-toggle:focus .icon, .show > .btn-primary.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-primary:active, .btn-primary.active, .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary .badge {
  color: #4285f4;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger:focus, .btn-danger.focus {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
  outline: none;
}
.btn-danger:hover, .btn-danger.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
          box-shadow: inset 0 -1px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
  background-color: rgb(234.9605381166, 75.599103139, 62.2394618834);
  border-color: rgb(234.9605381166, 75.599103139, 62.2394618834);
  border-bottom-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.btn-danger:active, .btn-danger.active, .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
          box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
  background-color: rgb(231.1183856502, 41.202690583, 25.2816143498);
  border-color: rgb(231.1183856502, 41.202690583, 25.2816143498);
  border-top-color: rgb(181.4376681614, 31.4372197309, 18.8623318386);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger:not([disabled]):not(.disabled):active:hover, .btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled):active.focus, .btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active.focus, .show > .btn-danger.dropdown-toggle:hover, .show > .btn-danger.dropdown-toggle:focus, .show > .btn-danger.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(231.1183856502, 41.202690583, 25.2816143498);
  border-color: transparent;
  border-top-color: rgb(181.4376681614, 31.4372197309, 18.8623318386);
  -webkit-box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
          box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.btn-danger:active:hover .icon, .btn-danger:active:focus .icon, .btn-danger:active.focus .icon, .btn-danger.active:hover .icon, .btn-danger.active:focus .icon, .btn-danger.active.focus .icon, .btn-danger:not([disabled]):not(.disabled):active:hover .icon, .btn-danger:not([disabled]):not(.disabled):active:focus .icon, .btn-danger:not([disabled]):not(.disabled):active.focus .icon, .btn-danger:not([disabled]):not(.disabled).active:hover .icon, .btn-danger:not([disabled]):not(.disabled).active:focus .icon, .btn-danger:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-danger.dropdown-toggle:hover .icon, .show > .btn-danger.dropdown-toggle:focus .icon, .show > .btn-danger.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-danger:active, .btn-danger.active, .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger .badge {
  color: #ea4335;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning:focus, .btn-warning.focus {
  color: #ffffff;
  background-color: #fbbc05;
  border-color: #fbbc05;
  outline: none;
}
.btn-warning:hover, .btn-warning.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
          box-shadow: inset 0 -1px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
  background-color: rgb(251.1606299213, 190.6905511811, 15.0393700787);
  border-color: rgb(251.1606299213, 190.6905511811, 15.0393700787);
  border-bottom-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.btn-warning:active, .btn-warning.active, .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
          box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
  background-color: rgb(221.8503937008, 165.9440944882, 3.5496062992);
  border-color: rgb(221.8503937008, 165.9440944882, 3.5496062992);
  border-top-color: rgb(166.6338582677, 124.6421259843, 2.6661417323);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning:not([disabled]):not(.disabled):active:hover, .btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled):active.focus, .btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active.focus, .show > .btn-warning.dropdown-toggle:hover, .show > .btn-warning.dropdown-toggle:focus, .show > .btn-warning.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(221.8503937008, 165.9440944882, 3.5496062992);
  border-color: transparent;
  border-top-color: rgb(166.6338582677, 124.6421259843, 2.6661417323);
  -webkit-box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
          box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.btn-warning:active:hover .icon, .btn-warning:active:focus .icon, .btn-warning:active.focus .icon, .btn-warning.active:hover .icon, .btn-warning.active:focus .icon, .btn-warning.active.focus .icon, .btn-warning:not([disabled]):not(.disabled):active:hover .icon, .btn-warning:not([disabled]):not(.disabled):active:focus .icon, .btn-warning:not([disabled]):not(.disabled):active.focus .icon, .btn-warning:not([disabled]):not(.disabled).active:hover .icon, .btn-warning:not([disabled]):not(.disabled).active:focus .icon, .btn-warning:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-warning.dropdown-toggle:hover .icon, .show > .btn-warning.dropdown-toggle:focus .icon, .show > .btn-warning.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-warning:active, .btn-warning.active, .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning .badge {
  color: #fbbc05;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success:focus, .btn-success.focus {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
  outline: none;
}
.btn-success:hover, .btn-success.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
          box-shadow: inset 0 -1px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
  background-color: rgb(54.4109090909, 175.7890909091, 86.8481818182);
  border-color: rgb(54.4109090909, 175.7890909091, 86.8481818182);
  border-bottom-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.btn-success:active, .btn-success.active, .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
          box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
  background-color: rgb(44.7672727273, 144.6327272727, 71.4554545455);
  border-color: rgb(44.7672727273, 144.6327272727, 71.4554545455);
  border-top-color: rgb(31.5072727273, 101.7927272727, 50.2904545455);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .btn-success:not([disabled]):not(.disabled):active:hover, .btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled):active.focus, .btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active.focus, .show > .btn-success.dropdown-toggle:hover, .show > .btn-success.dropdown-toggle:focus, .show > .btn-success.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(44.7672727273, 144.6327272727, 71.4554545455);
  border-color: transparent;
  border-top-color: rgb(31.5072727273, 101.7927272727, 50.2904545455);
  -webkit-box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
          box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.btn-success:active:hover .icon, .btn-success:active:focus .icon, .btn-success:active.focus .icon, .btn-success.active:hover .icon, .btn-success.active:focus .icon, .btn-success.active.focus .icon, .btn-success:not([disabled]):not(.disabled):active:hover .icon, .btn-success:not([disabled]):not(.disabled):active:focus .icon, .btn-success:not([disabled]):not(.disabled):active.focus .icon, .btn-success:not([disabled]):not(.disabled).active:hover .icon, .btn-success:not([disabled]):not(.disabled).active:focus .icon, .btn-success:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-success.dropdown-toggle:hover .icon, .show > .btn-success.dropdown-toggle:focus .icon, .show > .btn-success.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-success:active, .btn-success.active, .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success .badge {
  color: #34a853;
  background-color: #ffffff;
}
.btn-xs {
  padding: 0 6px;
  font-size: 0.8462rem;
  line-height: 18px;
  border-radius: 1px;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0 8px;
  font-size: 1rem;
  line-height: 22px;
  border-radius: 2px;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0 12px;
  font-size: 1.1538rem;
  line-height: 38px;
  border-radius: 3px;
  font-weight: 500;
}
.btn-xl {
  padding: 0 12px;
  font-size: 1.1538rem;
  line-height: 43px;
  border-radius: 3px;
  font-weight: 500;
}
.btn-rounded {
  border-radius: 15px;
}
.btn-rounded.btn-xs {
  border-radius: 10px;
}
.btn-rounded.btn-sm, .btn-group-sm > .btn-rounded.btn {
  border-radius: 12px;
}
.btn-rounded.btn-lg, .btn-group-lg > .btn-rounded.btn {
  border-radius: 20px;
}
.btn-hspace {
  margin-right: 5px;
}
.btn-vspace {
  margin-bottom: 5px;
}
.btn-space {
  margin-right: 5px;
  margin-bottom: 5px;
}
.btn-facebook .icon {
  color: #5d82d1;
}
.btn-facebook:active .icon, .btn-facebook.active .icon, .show > .btn-facebook.dropdown-toggle .icon {
  color: #5d82d1;
}
.btn-facebook:active:hover .icon, .btn-facebook:active:focus .icon, .btn-facebook:active.focus .icon, .btn-facebook.active:hover .icon, .btn-facebook.active:focus .icon, .btn-facebook.active.focus .icon, .show > .btn-facebook.dropdown-toggle:hover .icon, .show > .btn-facebook.dropdown-toggle:focus .icon, .show > .btn-facebook.dropdown-toggle.focus .icon {
  color: #5d82d1;
}
.btn-twitter .icon {
  color: #50bff5;
}
.btn-twitter:active .icon, .btn-twitter.active .icon, .show > .btn-twitter.dropdown-toggle .icon {
  color: #50bff5;
}
.btn-twitter:active:hover .icon, .btn-twitter:active:focus .icon, .btn-twitter:active.focus .icon, .btn-twitter.active:hover .icon, .btn-twitter.active:focus .icon, .btn-twitter.active.focus .icon, .show > .btn-twitter.dropdown-toggle:hover .icon, .show > .btn-twitter.dropdown-toggle:focus .icon, .show > .btn-twitter.dropdown-toggle.focus .icon {
  color: #50bff5;
}
.btn-google-plus .icon {
  color: #eb5e4c;
}
.btn-google-plus:active .icon, .btn-google-plus.active .icon, .show > .btn-google-plus.dropdown-toggle .icon {
  color: #eb5e4c;
}
.btn-google-plus:active:hover .icon, .btn-google-plus:active:focus .icon, .btn-google-plus:active.focus .icon, .btn-google-plus.active:hover .icon, .btn-google-plus.active:focus .icon, .btn-google-plus.active.focus .icon, .show > .btn-google-plus.dropdown-toggle:hover .icon, .show > .btn-google-plus.dropdown-toggle:focus .icon, .show > .btn-google-plus.dropdown-toggle.focus .icon {
  color: #eb5e4c;
}
.btn-dribbble .icon {
  color: #f7659c;
}
.btn-dribbble:active .icon, .btn-dribbble.active .icon, .show > .btn-dribbble.dropdown-toggle .icon {
  color: #f7659c;
}
.btn-dribbble:active:hover .icon, .btn-dribbble:active:focus .icon, .btn-dribbble:active.focus .icon, .btn-dribbble.active:hover .icon, .btn-dribbble.active:focus .icon, .btn-dribbble.active.focus .icon, .show > .btn-dribbble.dropdown-toggle:hover .icon, .show > .btn-dribbble.dropdown-toggle:focus .icon, .show > .btn-dribbble.dropdown-toggle.focus .icon {
  color: #f7659c;
}
.btn-flickr .icon {
  color: #0063dc;
}
.btn-flickr:active .icon, .btn-flickr.active .icon, .show > .btn-flickr.dropdown-toggle .icon {
  color: #0063dc;
}
.btn-flickr:active:hover .icon, .btn-flickr:active:focus .icon, .btn-flickr:active.focus .icon, .btn-flickr.active:hover .icon, .btn-flickr.active:focus .icon, .btn-flickr.active.focus .icon, .show > .btn-flickr.dropdown-toggle:hover .icon, .show > .btn-flickr.dropdown-toggle:focus .icon, .show > .btn-flickr.dropdown-toggle.focus .icon {
  color: #0063dc;
}
.btn-linkedin .icon {
  color: #238cc8;
}
.btn-linkedin:active .icon, .btn-linkedin.active .icon, .show > .btn-linkedin.dropdown-toggle .icon {
  color: #238cc8;
}
.btn-linkedin:active:hover .icon, .btn-linkedin:active:focus .icon, .btn-linkedin:active.focus .icon, .btn-linkedin.active:hover .icon, .btn-linkedin.active:focus .icon, .btn-linkedin.active.focus .icon, .show > .btn-linkedin.dropdown-toggle:hover .icon, .show > .btn-linkedin.dropdown-toggle:focus .icon, .show > .btn-linkedin.dropdown-toggle.focus .icon {
  color: #238cc8;
}
.btn-youtube .icon {
  color: #ef4e41;
}
.btn-youtube:active .icon, .btn-youtube.active .icon, .show > .btn-youtube.dropdown-toggle .icon {
  color: #ef4e41;
}
.btn-youtube:active:hover .icon, .btn-youtube:active:focus .icon, .btn-youtube:active.focus .icon, .btn-youtube.active:hover .icon, .btn-youtube.active:focus .icon, .btn-youtube.active.focus .icon, .show > .btn-youtube.dropdown-toggle:hover .icon, .show > .btn-youtube.dropdown-toggle:focus .icon, .show > .btn-youtube.dropdown-toggle.focus .icon {
  color: #ef4e41;
}
.btn-pinterest .icon {
  color: #e13138;
}
.btn-pinterest:active .icon, .btn-pinterest.active .icon, .show > .btn-pinterest.dropdown-toggle .icon {
  color: #e13138;
}
.btn-pinterest:active:hover .icon, .btn-pinterest:active:focus .icon, .btn-pinterest:active.focus .icon, .btn-pinterest.active:hover .icon, .btn-pinterest.active:focus .icon, .btn-pinterest.active.focus .icon, .show > .btn-pinterest.dropdown-toggle:hover .icon, .show > .btn-pinterest.dropdown-toggle:focus .icon, .show > .btn-pinterest.dropdown-toggle.focus .icon {
  color: #e13138;
}
.btn-github .icon {
  color: #333;
}
.btn-github:active .icon, .btn-github.active .icon, .show > .btn-github.dropdown-toggle .icon {
  color: #333;
}
.btn-github:active:hover .icon, .btn-github:active:focus .icon, .btn-github:active.focus .icon, .btn-github.active:hover .icon, .btn-github.active:focus .icon, .btn-github.active.focus .icon, .show > .btn-github.dropdown-toggle:hover .icon, .show > .btn-github.dropdown-toggle:focus .icon, .show > .btn-github.dropdown-toggle.focus .icon {
  color: #333;
}
.btn-tumblr .icon {
  color: #426d9b;
}
.btn-tumblr:active .icon, .btn-tumblr.active .icon, .show > .btn-tumblr.dropdown-toggle .icon {
  color: #426d9b;
}
.btn-tumblr:active:hover .icon, .btn-tumblr:active:focus .icon, .btn-tumblr:active.focus .icon, .btn-tumblr.active:hover .icon, .btn-tumblr.active:focus .icon, .btn-tumblr.active.focus .icon, .show > .btn-tumblr.dropdown-toggle:hover .icon, .show > .btn-tumblr.dropdown-toggle:focus .icon, .show > .btn-tumblr.dropdown-toggle.focus .icon {
  color: #426d9b;
}
.btn-dropbox .icon {
  color: #007ee5;
}
.btn-dropbox:active .icon, .btn-dropbox.active .icon, .show > .btn-dropbox.dropdown-toggle .icon {
  color: #007ee5;
}
.btn-dropbox:active:hover .icon, .btn-dropbox:active:focus .icon, .btn-dropbox:active.focus .icon, .btn-dropbox.active:hover .icon, .btn-dropbox.active:focus .icon, .btn-dropbox.active.focus .icon, .show > .btn-dropbox.dropdown-toggle:hover .icon, .show > .btn-dropbox.dropdown-toggle:focus .icon, .show > .btn-dropbox.dropdown-toggle.focus .icon {
  color: #007ee5;
}
.btn-evernote .icon {
  color: #2dbe60;
}
.btn-evernote:active .icon, .btn-evernote.active .icon, .show > .btn-evernote.dropdown-toggle .icon {
  color: #2dbe60;
}
.btn-evernote:active:hover .icon, .btn-evernote:active:focus .icon, .btn-evernote:active.focus .icon, .btn-evernote.active:hover .icon, .btn-evernote.active:focus .icon, .btn-evernote.active.focus .icon, .show > .btn-evernote.dropdown-toggle:hover .icon, .show > .btn-evernote.dropdown-toggle:focus .icon, .show > .btn-evernote.dropdown-toggle.focus .icon {
  color: #2dbe60;
}
.btn-social {
  min-width: 31px;
  padding: 0 8px;
}
.btn-social .icon {
  font-size: 1.308rem;
}
.btn-color.btn-facebook .icon {
  color: #ffffff;
}
.btn-color.btn-facebook {
  color: #ffffff;
  background-color: #5d82d1;
  border-color: #5d82d1;
}
.btn-color.btn-facebook:focus, .btn-color.btn-facebook.focus {
  color: #ffffff;
  background-color: #5d82d1;
  border-color: #5d82d1;
  outline: none;
}
.btn-color.btn-facebook:hover, .btn-color.btn-facebook.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
          box-shadow: inset 0 -1px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
  background-color: rgb(100.9442307692, 136.1298076923, 211.2557692308);
  border-color: rgb(100.9442307692, 136.1298076923, 211.2557692308);
  border-bottom-color: rgb(55.5096153846, 100.1586538462, 195.4903846154);
}
.btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .btn-color.btn-facebook:not([disabled]):not(.disabled):active, .btn-color.btn-facebook:not([disabled]):not(.disabled).active, .show > .btn-color.btn-facebook.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
          box-shadow: inset 0 2px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
  background-color: rgb(69.1673076923, 111.6105769231, 202.2326923077);
  border-color: rgb(69.1673076923, 111.6105769231, 202.2326923077);
  border-top-color: rgb(47.6144230769, 85.9129807692, 167.6855769231);
}
.btn-color.btn-facebook:active:hover, .btn-color.btn-facebook:active:focus, .btn-color.btn-facebook:active.focus, .btn-color.btn-facebook.active:hover, .btn-color.btn-facebook.active:focus, .btn-color.btn-facebook.active.focus, .btn-color.btn-facebook:not([disabled]):not(.disabled):active:hover, .btn-color.btn-facebook:not([disabled]):not(.disabled):active:focus, .btn-color.btn-facebook:not([disabled]):not(.disabled):active.focus, .btn-color.btn-facebook:not([disabled]):not(.disabled).active:hover, .btn-color.btn-facebook:not([disabled]):not(.disabled).active:focus, .btn-color.btn-facebook:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-facebook.dropdown-toggle:hover, .show > .btn-color.btn-facebook.dropdown-toggle:focus, .show > .btn-color.btn-facebook.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(69.1673076923, 111.6105769231, 202.2326923077);
  border-color: transparent;
  border-top-color: rgb(47.6144230769, 85.9129807692, 167.6855769231);
  -webkit-box-shadow: inset 0 2px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
          box-shadow: inset 0 2px 0 rgb(55.5096153846, 100.1586538462, 195.4903846154);
}
.btn-color.btn-facebook:active:hover .icon, .btn-color.btn-facebook:active:focus .icon, .btn-color.btn-facebook:active.focus .icon, .btn-color.btn-facebook.active:hover .icon, .btn-color.btn-facebook.active:focus .icon, .btn-color.btn-facebook.active.focus .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-facebook:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-facebook.dropdown-toggle:hover .icon, .show > .btn-color.btn-facebook.dropdown-toggle:focus .icon, .show > .btn-color.btn-facebook.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-facebook:active, .btn-color.btn-facebook.active, .btn-color.btn-facebook:not([disabled]):not(.disabled):active, .btn-color.btn-facebook:not([disabled]):not(.disabled).active, .show > .btn-color.btn-facebook.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-facebook.disabled, .btn-color.btn-facebook.disabled:hover, .btn-color.btn-facebook.disabled:focus, .btn-color.btn-facebook.disabled.focus, .btn-color.btn-facebook.disabled:active, .btn-color.btn-facebook.disabled.active, .btn-color.btn-facebook[disabled], .btn-color.btn-facebook[disabled]:hover, .btn-color.btn-facebook[disabled]:focus, .btn-color.btn-facebook[disabled].focus, .btn-color.btn-facebook[disabled]:active, .btn-color.btn-facebook[disabled].active, fieldset[disabled] .btn-color.btn-facebook, fieldset[disabled] .btn-color.btn-facebook:hover, fieldset[disabled] .btn-color.btn-facebook:focus, fieldset[disabled] .btn-color.btn-facebook.focus, fieldset[disabled] .btn-color.btn-facebook:active, fieldset[disabled] .btn-color.btn-facebook.active {
  background-color: #5d82d1;
  border-color: #5d82d1;
}
.btn-color.btn-facebook .badge {
  color: #5d82d1;
  background-color: #ffffff;
}
.btn-color.btn-twitter .icon {
  color: #ffffff;
}
.btn-color.btn-twitter {
  color: #ffffff;
  background-color: #50bff5;
  border-color: #50bff5;
}
.btn-color.btn-twitter:focus, .btn-color.btn-twitter.focus {
  color: #ffffff;
  background-color: #50bff5;
  border-color: #50bff5;
  outline: none;
}
.btn-color.btn-twitter:hover, .btn-color.btn-twitter.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
          box-shadow: inset 0 -1px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
  background-color: rgb(89.6486486486, 194.5286486486, 245.5513513514);
  border-color: rgb(89.6486486486, 194.5286486486, 245.5513513514);
  border-bottom-color: rgb(31.7567567568, 173.3567567568, 242.2432432432);
}
.btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .btn-color.btn-twitter:not([disabled]):not(.disabled):active, .btn-color.btn-twitter:not([disabled]):not(.disabled).active, .show > .btn-color.btn-twitter.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
          box-shadow: inset 0 2px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
  background-color: rgb(51.0540540541, 180.4140540541, 243.3459459459);
  border-color: rgb(51.0540540541, 180.4140540541, 243.3459459459);
  border-top-color: rgb(12.8810810811, 155.8610810811, 225.4189189189);
}
.btn-color.btn-twitter:active:hover, .btn-color.btn-twitter:active:focus, .btn-color.btn-twitter:active.focus, .btn-color.btn-twitter.active:hover, .btn-color.btn-twitter.active:focus, .btn-color.btn-twitter.active.focus, .btn-color.btn-twitter:not([disabled]):not(.disabled):active:hover, .btn-color.btn-twitter:not([disabled]):not(.disabled):active:focus, .btn-color.btn-twitter:not([disabled]):not(.disabled):active.focus, .btn-color.btn-twitter:not([disabled]):not(.disabled).active:hover, .btn-color.btn-twitter:not([disabled]):not(.disabled).active:focus, .btn-color.btn-twitter:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-twitter.dropdown-toggle:hover, .show > .btn-color.btn-twitter.dropdown-toggle:focus, .show > .btn-color.btn-twitter.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(51.0540540541, 180.4140540541, 243.3459459459);
  border-color: transparent;
  border-top-color: rgb(12.8810810811, 155.8610810811, 225.4189189189);
  -webkit-box-shadow: inset 0 2px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
          box-shadow: inset 0 2px 0 rgb(31.7567567568, 173.3567567568, 242.2432432432);
}
.btn-color.btn-twitter:active:hover .icon, .btn-color.btn-twitter:active:focus .icon, .btn-color.btn-twitter:active.focus .icon, .btn-color.btn-twitter.active:hover .icon, .btn-color.btn-twitter.active:focus .icon, .btn-color.btn-twitter.active.focus .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-twitter:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-twitter.dropdown-toggle:hover .icon, .show > .btn-color.btn-twitter.dropdown-toggle:focus .icon, .show > .btn-color.btn-twitter.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-twitter:active, .btn-color.btn-twitter.active, .btn-color.btn-twitter:not([disabled]):not(.disabled):active, .btn-color.btn-twitter:not([disabled]):not(.disabled).active, .show > .btn-color.btn-twitter.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-twitter.disabled, .btn-color.btn-twitter.disabled:hover, .btn-color.btn-twitter.disabled:focus, .btn-color.btn-twitter.disabled.focus, .btn-color.btn-twitter.disabled:active, .btn-color.btn-twitter.disabled.active, .btn-color.btn-twitter[disabled], .btn-color.btn-twitter[disabled]:hover, .btn-color.btn-twitter[disabled]:focus, .btn-color.btn-twitter[disabled].focus, .btn-color.btn-twitter[disabled]:active, .btn-color.btn-twitter[disabled].active, fieldset[disabled] .btn-color.btn-twitter, fieldset[disabled] .btn-color.btn-twitter:hover, fieldset[disabled] .btn-color.btn-twitter:focus, fieldset[disabled] .btn-color.btn-twitter.focus, fieldset[disabled] .btn-color.btn-twitter:active, fieldset[disabled] .btn-color.btn-twitter.active {
  background-color: #50bff5;
  border-color: #50bff5;
}
.btn-color.btn-twitter .badge {
  color: #50bff5;
  background-color: #ffffff;
}
.btn-color.btn-google-plus .icon {
  color: #ffffff;
}
.btn-color.btn-google-plus {
  color: #ffffff;
  background-color: #eb5e4c;
  border-color: #eb5e4c;
}
.btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.focus {
  color: #ffffff;
  background-color: #eb5e4c;
  border-color: #eb5e4c;
  outline: none;
}
.btn-color.btn-google-plus:hover, .btn-color.btn-google-plus.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
          box-shadow: inset 0 -1px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
  background-color: rgb(236.0251256281, 102.2522613065, 85.1748743719);
  border-color: rgb(236.0251256281, 102.2522613065, 85.1748743719);
  border-bottom-color: rgb(229.8743718593, 52.7386934673, 30.1256281407);
}
.btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active, .show > .btn-color.btn-google-plus.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
          box-shadow: inset 0 2px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
  background-color: rgb(231.9246231156, 69.2432160804, 48.4753768844);
  border-color: rgb(231.9246231156, 69.2432160804, 48.4753768844);
  border-top-color: rgb(201.7572864322, 42.8311557789, 22.5427135678);
}
.btn-color.btn-google-plus:active:hover, .btn-color.btn-google-plus:active:focus, .btn-color.btn-google-plus:active.focus, .btn-color.btn-google-plus.active:hover, .btn-color.btn-google-plus.active:focus, .btn-color.btn-google-plus.active.focus, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active:hover, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active:focus, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active.focus, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active:hover, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active:focus, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-google-plus.dropdown-toggle:hover, .show > .btn-color.btn-google-plus.dropdown-toggle:focus, .show > .btn-color.btn-google-plus.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(231.9246231156, 69.2432160804, 48.4753768844);
  border-color: transparent;
  border-top-color: rgb(201.7572864322, 42.8311557789, 22.5427135678);
  -webkit-box-shadow: inset 0 2px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
          box-shadow: inset 0 2px 0 rgb(229.8743718593, 52.7386934673, 30.1256281407);
}
.btn-color.btn-google-plus:active:hover .icon, .btn-color.btn-google-plus:active:focus .icon, .btn-color.btn-google-plus:active.focus .icon, .btn-color.btn-google-plus.active:hover .icon, .btn-color.btn-google-plus.active:focus .icon, .btn-color.btn-google-plus.active.focus .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-google-plus.dropdown-toggle:hover .icon, .show > .btn-color.btn-google-plus.dropdown-toggle:focus .icon, .show > .btn-color.btn-google-plus.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active, .btn-color.btn-google-plus:not([disabled]):not(.disabled):active, .btn-color.btn-google-plus:not([disabled]):not(.disabled).active, .show > .btn-color.btn-google-plus.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-google-plus.disabled, .btn-color.btn-google-plus.disabled:hover, .btn-color.btn-google-plus.disabled:focus, .btn-color.btn-google-plus.disabled.focus, .btn-color.btn-google-plus.disabled:active, .btn-color.btn-google-plus.disabled.active, .btn-color.btn-google-plus[disabled], .btn-color.btn-google-plus[disabled]:hover, .btn-color.btn-google-plus[disabled]:focus, .btn-color.btn-google-plus[disabled].focus, .btn-color.btn-google-plus[disabled]:active, .btn-color.btn-google-plus[disabled].active, fieldset[disabled] .btn-color.btn-google-plus, fieldset[disabled] .btn-color.btn-google-plus:hover, fieldset[disabled] .btn-color.btn-google-plus:focus, fieldset[disabled] .btn-color.btn-google-plus.focus, fieldset[disabled] .btn-color.btn-google-plus:active, fieldset[disabled] .btn-color.btn-google-plus.active {
  background-color: #eb5e4c;
  border-color: #eb5e4c;
}
.btn-color.btn-google-plus .badge {
  color: #eb5e4c;
  background-color: #ffffff;
}
.btn-color.btn-dribbble .icon {
  color: #ffffff;
}
.btn-color.btn-dribbble {
  color: #ffffff;
  background-color: #f7659c;
  border-color: #f7659c;
}
.btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.focus {
  color: #ffffff;
  background-color: #f7659c;
  border-color: #f7659c;
  outline: none;
}
.btn-color.btn-dribbble:hover, .btn-color.btn-dribbble.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
          box-shadow: inset 0 -1px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
  background-color: rgb(247.5037037037, 110.6962962963, 162.2333333333);
  border-color: rgb(247.5037037037, 110.6962962963, 162.2333333333);
  border-bottom-color: rgb(244.4814814815, 52.5185185185, 124.8333333333);
}
.btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active, .show > .btn-color.btn-dribbble.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
          box-shadow: inset 0 2px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
  background-color: rgb(245.4888888889, 71.9111111111, 137.3);
  border-color: rgb(245.4888888889, 71.9111111111, 137.3);
  border-top-color: rgb(242.7185185185, 18.5814814815, 103.0166666667);
}
.btn-color.btn-dribbble:active:hover, .btn-color.btn-dribbble:active:focus, .btn-color.btn-dribbble:active.focus, .btn-color.btn-dribbble.active:hover, .btn-color.btn-dribbble.active:focus, .btn-color.btn-dribbble.active.focus, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active:hover, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active:focus, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active.focus, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active:hover, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active:focus, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-dribbble.dropdown-toggle:hover, .show > .btn-color.btn-dribbble.dropdown-toggle:focus, .show > .btn-color.btn-dribbble.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(245.4888888889, 71.9111111111, 137.3);
  border-color: transparent;
  border-top-color: rgb(242.7185185185, 18.5814814815, 103.0166666667);
  -webkit-box-shadow: inset 0 2px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
          box-shadow: inset 0 2px 0 rgb(244.4814814815, 52.5185185185, 124.8333333333);
}
.btn-color.btn-dribbble:active:hover .icon, .btn-color.btn-dribbble:active:focus .icon, .btn-color.btn-dribbble:active.focus .icon, .btn-color.btn-dribbble.active:hover .icon, .btn-color.btn-dribbble.active:focus .icon, .btn-color.btn-dribbble.active.focus .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-dribbble.dropdown-toggle:hover .icon, .show > .btn-color.btn-dribbble.dropdown-toggle:focus .icon, .show > .btn-color.btn-dribbble.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active, .btn-color.btn-dribbble:not([disabled]):not(.disabled):active, .btn-color.btn-dribbble:not([disabled]):not(.disabled).active, .show > .btn-color.btn-dribbble.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-dribbble.disabled, .btn-color.btn-dribbble.disabled:hover, .btn-color.btn-dribbble.disabled:focus, .btn-color.btn-dribbble.disabled.focus, .btn-color.btn-dribbble.disabled:active, .btn-color.btn-dribbble.disabled.active, .btn-color.btn-dribbble[disabled], .btn-color.btn-dribbble[disabled]:hover, .btn-color.btn-dribbble[disabled]:focus, .btn-color.btn-dribbble[disabled].focus, .btn-color.btn-dribbble[disabled]:active, .btn-color.btn-dribbble[disabled].active, fieldset[disabled] .btn-color.btn-dribbble, fieldset[disabled] .btn-color.btn-dribbble:hover, fieldset[disabled] .btn-color.btn-dribbble:focus, fieldset[disabled] .btn-color.btn-dribbble.focus, fieldset[disabled] .btn-color.btn-dribbble:active, fieldset[disabled] .btn-color.btn-dribbble.active {
  background-color: #f7659c;
  border-color: #f7659c;
}
.btn-color.btn-dribbble .badge {
  color: #f7659c;
  background-color: #ffffff;
}
.btn-color.btn-flickr .icon {
  color: #ffffff;
}
.btn-color.btn-flickr {
  color: #ffffff;
  background-color: #0063dc;
  border-color: #0063dc;
}
.btn-color.btn-flickr:focus, .btn-color.btn-flickr.focus {
  color: #ffffff;
  background-color: #0063dc;
  border-color: #0063dc;
  outline: none;
}
.btn-color.btn-flickr:hover, .btn-color.btn-flickr.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(0, 76.05, 169);
          box-shadow: inset 0 -1px 0 rgb(0, 76.05, 169);
  background-color: rgb(0, 103.59, 230.2);
  border-color: rgb(0, 103.59, 230.2);
  border-bottom-color: rgb(0, 76.05, 169);
}
.btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .btn-color.btn-flickr:not([disabled]):not(.disabled):active, .btn-color.btn-flickr:not([disabled]):not(.disabled).active, .show > .btn-color.btn-flickr.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(0, 76.05, 169);
          box-shadow: inset 0 2px 0 rgb(0, 76.05, 169);
  background-color: rgb(0, 85.23, 189.4);
  border-color: rgb(0, 85.23, 189.4);
  border-top-color: rgb(0, 59.985, 133.3);
}
.btn-color.btn-flickr:active:hover, .btn-color.btn-flickr:active:focus, .btn-color.btn-flickr:active.focus, .btn-color.btn-flickr.active:hover, .btn-color.btn-flickr.active:focus, .btn-color.btn-flickr.active.focus, .btn-color.btn-flickr:not([disabled]):not(.disabled):active:hover, .btn-color.btn-flickr:not([disabled]):not(.disabled):active:focus, .btn-color.btn-flickr:not([disabled]):not(.disabled):active.focus, .btn-color.btn-flickr:not([disabled]):not(.disabled).active:hover, .btn-color.btn-flickr:not([disabled]):not(.disabled).active:focus, .btn-color.btn-flickr:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-flickr.dropdown-toggle:hover, .show > .btn-color.btn-flickr.dropdown-toggle:focus, .show > .btn-color.btn-flickr.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(0, 85.23, 189.4);
  border-color: transparent;
  border-top-color: rgb(0, 59.985, 133.3);
  -webkit-box-shadow: inset 0 2px 0 rgb(0, 76.05, 169);
          box-shadow: inset 0 2px 0 rgb(0, 76.05, 169);
}
.btn-color.btn-flickr:active:hover .icon, .btn-color.btn-flickr:active:focus .icon, .btn-color.btn-flickr:active.focus .icon, .btn-color.btn-flickr.active:hover .icon, .btn-color.btn-flickr.active:focus .icon, .btn-color.btn-flickr.active.focus .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-flickr:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-flickr.dropdown-toggle:hover .icon, .show > .btn-color.btn-flickr.dropdown-toggle:focus .icon, .show > .btn-color.btn-flickr.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-flickr:active, .btn-color.btn-flickr.active, .btn-color.btn-flickr:not([disabled]):not(.disabled):active, .btn-color.btn-flickr:not([disabled]):not(.disabled).active, .show > .btn-color.btn-flickr.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-flickr.disabled, .btn-color.btn-flickr.disabled:hover, .btn-color.btn-flickr.disabled:focus, .btn-color.btn-flickr.disabled.focus, .btn-color.btn-flickr.disabled:active, .btn-color.btn-flickr.disabled.active, .btn-color.btn-flickr[disabled], .btn-color.btn-flickr[disabled]:hover, .btn-color.btn-flickr[disabled]:focus, .btn-color.btn-flickr[disabled].focus, .btn-color.btn-flickr[disabled]:active, .btn-color.btn-flickr[disabled].active, fieldset[disabled] .btn-color.btn-flickr, fieldset[disabled] .btn-color.btn-flickr:hover, fieldset[disabled] .btn-color.btn-flickr:focus, fieldset[disabled] .btn-color.btn-flickr.focus, fieldset[disabled] .btn-color.btn-flickr:active, fieldset[disabled] .btn-color.btn-flickr.active {
  background-color: #0063dc;
  border-color: #0063dc;
}
.btn-color.btn-flickr .badge {
  color: #0063dc;
  background-color: #ffffff;
}
.btn-color.btn-linkedin .icon {
  color: #ffffff;
}
.btn-color.btn-linkedin {
  color: #ffffff;
  background-color: #238cc8;
  border-color: #238cc8;
}
.btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.focus {
  color: #ffffff;
  background-color: #238cc8;
  border-color: #238cc8;
  outline: none;
}
.btn-color.btn-linkedin:hover, .btn-color.btn-linkedin.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
          box-shadow: inset 0 -1px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
  background-color: rgb(36.5191489362, 146.0765957447, 208.6808510638);
  border-color: rgb(36.5191489362, 146.0765957447, 208.6808510638);
  border-bottom-color: rgb(27.4042553191, 109.6170212766, 156.5957446809);
}
.btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active, .show > .btn-color.btn-linkedin.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
          box-shadow: inset 0 2px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
  background-color: rgb(30.4425531915, 121.770212766, 173.9574468085);
  border-color: rgb(30.4425531915, 121.770212766, 173.9574468085);
  border-top-color: rgb(22.0872340426, 88.3489361702, 126.2127659574);
}
.btn-color.btn-linkedin:active:hover, .btn-color.btn-linkedin:active:focus, .btn-color.btn-linkedin:active.focus, .btn-color.btn-linkedin.active:hover, .btn-color.btn-linkedin.active:focus, .btn-color.btn-linkedin.active.focus, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active:hover, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active:focus, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active.focus, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active:hover, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active:focus, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-linkedin.dropdown-toggle:hover, .show > .btn-color.btn-linkedin.dropdown-toggle:focus, .show > .btn-color.btn-linkedin.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(30.4425531915, 121.770212766, 173.9574468085);
  border-color: transparent;
  border-top-color: rgb(22.0872340426, 88.3489361702, 126.2127659574);
  -webkit-box-shadow: inset 0 2px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
          box-shadow: inset 0 2px 0 rgb(27.4042553191, 109.6170212766, 156.5957446809);
}
.btn-color.btn-linkedin:active:hover .icon, .btn-color.btn-linkedin:active:focus .icon, .btn-color.btn-linkedin:active.focus .icon, .btn-color.btn-linkedin.active:hover .icon, .btn-color.btn-linkedin.active:focus .icon, .btn-color.btn-linkedin.active.focus .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-linkedin.dropdown-toggle:hover .icon, .show > .btn-color.btn-linkedin.dropdown-toggle:focus .icon, .show > .btn-color.btn-linkedin.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active, .btn-color.btn-linkedin:not([disabled]):not(.disabled):active, .btn-color.btn-linkedin:not([disabled]):not(.disabled).active, .show > .btn-color.btn-linkedin.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-linkedin.disabled, .btn-color.btn-linkedin.disabled:hover, .btn-color.btn-linkedin.disabled:focus, .btn-color.btn-linkedin.disabled.focus, .btn-color.btn-linkedin.disabled:active, .btn-color.btn-linkedin.disabled.active, .btn-color.btn-linkedin[disabled], .btn-color.btn-linkedin[disabled]:hover, .btn-color.btn-linkedin[disabled]:focus, .btn-color.btn-linkedin[disabled].focus, .btn-color.btn-linkedin[disabled]:active, .btn-color.btn-linkedin[disabled].active, fieldset[disabled] .btn-color.btn-linkedin, fieldset[disabled] .btn-color.btn-linkedin:hover, fieldset[disabled] .btn-color.btn-linkedin:focus, fieldset[disabled] .btn-color.btn-linkedin.focus, fieldset[disabled] .btn-color.btn-linkedin:active, fieldset[disabled] .btn-color.btn-linkedin.active {
  background-color: #238cc8;
  border-color: #238cc8;
}
.btn-color.btn-linkedin .badge {
  color: #238cc8;
  background-color: #ffffff;
}
.btn-color.btn-youtube .icon {
  color: #ffffff;
}
.btn-color.btn-youtube {
  color: #ffffff;
  background-color: #ef4e41;
  border-color: #ef4e41;
}
.btn-color.btn-youtube:focus, .btn-color.btn-youtube.focus {
  color: #ffffff;
  background-color: #ef4e41;
  border-color: #ef4e41;
  outline: none;
}
.btn-color.btn-youtube:hover, .btn-color.btn-youtube.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
          box-shadow: inset 0 -1px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
  background-color: rgb(239.7922330097, 86.7640776699, 74.4077669903);
  border-color: rgb(239.7922330097, 86.7640776699, 74.4077669903);
  border-bottom-color: rgb(233.3495145631, 35.6165048544, 19.6504854369);
}
.btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .btn-color.btn-youtube:not([disabled]):not(.disabled):active, .btn-color.btn-youtube:not([disabled]):not(.disabled).active, .show > .btn-color.btn-youtube.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
          box-shadow: inset 0 2px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
  background-color: rgb(236.6233009709, 51.7077669903, 36.7766990291);
  border-color: rgb(236.6233009709, 51.7077669903, 36.7766990291);
  border-top-color: rgb(200.4223300971, 30.590776699, 16.8776699029);
}
.btn-color.btn-youtube:active:hover, .btn-color.btn-youtube:active:focus, .btn-color.btn-youtube:active.focus, .btn-color.btn-youtube.active:hover, .btn-color.btn-youtube.active:focus, .btn-color.btn-youtube.active.focus, .btn-color.btn-youtube:not([disabled]):not(.disabled):active:hover, .btn-color.btn-youtube:not([disabled]):not(.disabled):active:focus, .btn-color.btn-youtube:not([disabled]):not(.disabled):active.focus, .btn-color.btn-youtube:not([disabled]):not(.disabled).active:hover, .btn-color.btn-youtube:not([disabled]):not(.disabled).active:focus, .btn-color.btn-youtube:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-youtube.dropdown-toggle:hover, .show > .btn-color.btn-youtube.dropdown-toggle:focus, .show > .btn-color.btn-youtube.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(236.6233009709, 51.7077669903, 36.7766990291);
  border-color: transparent;
  border-top-color: rgb(200.4223300971, 30.590776699, 16.8776699029);
  -webkit-box-shadow: inset 0 2px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
          box-shadow: inset 0 2px 0 rgb(233.3495145631, 35.6165048544, 19.6504854369);
}
.btn-color.btn-youtube:active:hover .icon, .btn-color.btn-youtube:active:focus .icon, .btn-color.btn-youtube:active.focus .icon, .btn-color.btn-youtube.active:hover .icon, .btn-color.btn-youtube.active:focus .icon, .btn-color.btn-youtube.active.focus .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-youtube:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-youtube.dropdown-toggle:hover .icon, .show > .btn-color.btn-youtube.dropdown-toggle:focus .icon, .show > .btn-color.btn-youtube.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-youtube:active, .btn-color.btn-youtube.active, .btn-color.btn-youtube:not([disabled]):not(.disabled):active, .btn-color.btn-youtube:not([disabled]):not(.disabled).active, .show > .btn-color.btn-youtube.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-youtube.disabled, .btn-color.btn-youtube.disabled:hover, .btn-color.btn-youtube.disabled:focus, .btn-color.btn-youtube.disabled.focus, .btn-color.btn-youtube.disabled:active, .btn-color.btn-youtube.disabled.active, .btn-color.btn-youtube[disabled], .btn-color.btn-youtube[disabled]:hover, .btn-color.btn-youtube[disabled]:focus, .btn-color.btn-youtube[disabled].focus, .btn-color.btn-youtube[disabled]:active, .btn-color.btn-youtube[disabled].active, fieldset[disabled] .btn-color.btn-youtube, fieldset[disabled] .btn-color.btn-youtube:hover, fieldset[disabled] .btn-color.btn-youtube:focus, fieldset[disabled] .btn-color.btn-youtube.focus, fieldset[disabled] .btn-color.btn-youtube:active, fieldset[disabled] .btn-color.btn-youtube.active {
  background-color: #ef4e41;
  border-color: #ef4e41;
}
.btn-color.btn-youtube .badge {
  color: #ef4e41;
  background-color: #ffffff;
}
.btn-color.btn-pinterest .icon {
  color: #ffffff;
}
.btn-color.btn-pinterest {
  color: #ffffff;
  background-color: #e13138;
  border-color: #e13138;
}
.btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.focus {
  color: #ffffff;
  background-color: #e13138;
  border-color: #e13138;
  outline: none;
}
.btn-color.btn-pinterest:hover, .btn-color.btn-pinterest.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
          box-shadow: inset 0 -1px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
  background-color: rgb(226.2966101695, 57.9033898305, 64.6008474576);
  border-color: rgb(226.2966101695, 57.9033898305, 64.6008474576);
  border-bottom-color: rgb(194.6525423729, 28.3474576271, 34.9618644068);
}
.btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active, .show > .btn-color.btn-pinterest.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
          box-shadow: inset 0 2px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
  background-color: rgb(212.4593220339, 30.9406779661, 38.1601694915);
  border-color: rgb(212.4593220339, 30.9406779661, 38.1601694915);
  border-top-color: rgb(163.4906779661, 23.8093220339, 29.3648305085);
}
.btn-color.btn-pinterest:active:hover, .btn-color.btn-pinterest:active:focus, .btn-color.btn-pinterest:active.focus, .btn-color.btn-pinterest.active:hover, .btn-color.btn-pinterest.active:focus, .btn-color.btn-pinterest.active.focus, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active:hover, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active:focus, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active.focus, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active:hover, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active:focus, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-pinterest.dropdown-toggle:hover, .show > .btn-color.btn-pinterest.dropdown-toggle:focus, .show > .btn-color.btn-pinterest.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(212.4593220339, 30.9406779661, 38.1601694915);
  border-color: transparent;
  border-top-color: rgb(163.4906779661, 23.8093220339, 29.3648305085);
  -webkit-box-shadow: inset 0 2px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
          box-shadow: inset 0 2px 0 rgb(194.6525423729, 28.3474576271, 34.9618644068);
}
.btn-color.btn-pinterest:active:hover .icon, .btn-color.btn-pinterest:active:focus .icon, .btn-color.btn-pinterest:active.focus .icon, .btn-color.btn-pinterest.active:hover .icon, .btn-color.btn-pinterest.active:focus .icon, .btn-color.btn-pinterest.active.focus .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-pinterest.dropdown-toggle:hover .icon, .show > .btn-color.btn-pinterest.dropdown-toggle:focus .icon, .show > .btn-color.btn-pinterest.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active, .btn-color.btn-pinterest:not([disabled]):not(.disabled):active, .btn-color.btn-pinterest:not([disabled]):not(.disabled).active, .show > .btn-color.btn-pinterest.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-pinterest.disabled, .btn-color.btn-pinterest.disabled:hover, .btn-color.btn-pinterest.disabled:focus, .btn-color.btn-pinterest.disabled.focus, .btn-color.btn-pinterest.disabled:active, .btn-color.btn-pinterest.disabled.active, .btn-color.btn-pinterest[disabled], .btn-color.btn-pinterest[disabled]:hover, .btn-color.btn-pinterest[disabled]:focus, .btn-color.btn-pinterest[disabled].focus, .btn-color.btn-pinterest[disabled]:active, .btn-color.btn-pinterest[disabled].active, fieldset[disabled] .btn-color.btn-pinterest, fieldset[disabled] .btn-color.btn-pinterest:hover, fieldset[disabled] .btn-color.btn-pinterest:focus, fieldset[disabled] .btn-color.btn-pinterest.focus, fieldset[disabled] .btn-color.btn-pinterest:active, fieldset[disabled] .btn-color.btn-pinterest.active {
  background-color: #e13138;
  border-color: #e13138;
}
.btn-color.btn-pinterest .badge {
  color: #e13138;
  background-color: #ffffff;
}
.btn-color.btn-github .icon {
  color: #ffffff;
}
.btn-color.btn-github {
  color: #ffffff;
  background-color: #333;
  border-color: #333;
}
.btn-color.btn-github:focus, .btn-color.btn-github.focus {
  color: #ffffff;
  background-color: #333;
  border-color: #333;
  outline: none;
}
.btn-color.btn-github:hover, .btn-color.btn-github.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(25.5, 25.5, 25.5);
          box-shadow: inset 0 -1px 0 rgb(25.5, 25.5, 25.5);
  background-color: rgb(56.1, 56.1, 56.1);
  border-color: rgb(56.1, 56.1, 56.1);
  border-bottom-color: rgb(25.5, 25.5, 25.5);
}
.btn-color.btn-github:active, .btn-color.btn-github.active, .btn-color.btn-github:not([disabled]):not(.disabled):active, .btn-color.btn-github:not([disabled]):not(.disabled).active, .show > .btn-color.btn-github.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(25.5, 25.5, 25.5);
          box-shadow: inset 0 2px 0 rgb(25.5, 25.5, 25.5);
  background-color: rgb(35.7, 35.7, 35.7);
  border-color: rgb(35.7, 35.7, 35.7);
  border-top-color: rgb(7.65, 7.65, 7.65);
}
.btn-color.btn-github:active:hover, .btn-color.btn-github:active:focus, .btn-color.btn-github:active.focus, .btn-color.btn-github.active:hover, .btn-color.btn-github.active:focus, .btn-color.btn-github.active.focus, .btn-color.btn-github:not([disabled]):not(.disabled):active:hover, .btn-color.btn-github:not([disabled]):not(.disabled):active:focus, .btn-color.btn-github:not([disabled]):not(.disabled):active.focus, .btn-color.btn-github:not([disabled]):not(.disabled).active:hover, .btn-color.btn-github:not([disabled]):not(.disabled).active:focus, .btn-color.btn-github:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-github.dropdown-toggle:hover, .show > .btn-color.btn-github.dropdown-toggle:focus, .show > .btn-color.btn-github.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(35.7, 35.7, 35.7);
  border-color: transparent;
  border-top-color: rgb(7.65, 7.65, 7.65);
  -webkit-box-shadow: inset 0 2px 0 rgb(25.5, 25.5, 25.5);
          box-shadow: inset 0 2px 0 rgb(25.5, 25.5, 25.5);
}
.btn-color.btn-github:active:hover .icon, .btn-color.btn-github:active:focus .icon, .btn-color.btn-github:active.focus .icon, .btn-color.btn-github.active:hover .icon, .btn-color.btn-github.active:focus .icon, .btn-color.btn-github.active.focus .icon, .btn-color.btn-github:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-github:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-github:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-github:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-github:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-github:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-github.dropdown-toggle:hover .icon, .show > .btn-color.btn-github.dropdown-toggle:focus .icon, .show > .btn-color.btn-github.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-github:active, .btn-color.btn-github.active, .btn-color.btn-github:not([disabled]):not(.disabled):active, .btn-color.btn-github:not([disabled]):not(.disabled).active, .show > .btn-color.btn-github.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-github.disabled, .btn-color.btn-github.disabled:hover, .btn-color.btn-github.disabled:focus, .btn-color.btn-github.disabled.focus, .btn-color.btn-github.disabled:active, .btn-color.btn-github.disabled.active, .btn-color.btn-github[disabled], .btn-color.btn-github[disabled]:hover, .btn-color.btn-github[disabled]:focus, .btn-color.btn-github[disabled].focus, .btn-color.btn-github[disabled]:active, .btn-color.btn-github[disabled].active, fieldset[disabled] .btn-color.btn-github, fieldset[disabled] .btn-color.btn-github:hover, fieldset[disabled] .btn-color.btn-github:focus, fieldset[disabled] .btn-color.btn-github.focus, fieldset[disabled] .btn-color.btn-github:active, fieldset[disabled] .btn-color.btn-github.active {
  background-color: #333;
  border-color: #333;
}
.btn-color.btn-github .badge {
  color: #333;
  background-color: #ffffff;
}
.btn-color.btn-tumblr .icon {
  color: #ffffff;
}
.btn-color.btn-tumblr {
  color: #ffffff;
  background-color: #426d9b;
  border-color: #426d9b;
}
.btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.focus {
  color: #ffffff;
  background-color: #426d9b;
  border-color: #426d9b;
  outline: none;
}
.btn-color.btn-tumblr:hover, .btn-color.btn-tumblr.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
          box-shadow: inset 0 -1px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
  background-color: rgb(69.0461538462, 114.0307692308, 162.1538461538);
  border-color: rgb(69.0461538462, 114.0307692308, 162.1538461538);
  border-bottom-color: rgb(50.7692307692, 83.8461538462, 119.2307692308);
}
.btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active, .show > .btn-color.btn-tumblr.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
          box-shadow: inset 0 2px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
  background-color: rgb(56.8615384615, 93.9076923077, 133.5384615385);
  border-color: rgb(56.8615384615, 93.9076923077, 133.5384615385);
  border-top-color: rgb(40.1076923077, 66.2384615385, 94.1923076923);
}
.btn-color.btn-tumblr:active:hover, .btn-color.btn-tumblr:active:focus, .btn-color.btn-tumblr:active.focus, .btn-color.btn-tumblr.active:hover, .btn-color.btn-tumblr.active:focus, .btn-color.btn-tumblr.active.focus, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active:hover, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active:focus, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active.focus, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active:hover, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active:focus, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-tumblr.dropdown-toggle:hover, .show > .btn-color.btn-tumblr.dropdown-toggle:focus, .show > .btn-color.btn-tumblr.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(56.8615384615, 93.9076923077, 133.5384615385);
  border-color: transparent;
  border-top-color: rgb(40.1076923077, 66.2384615385, 94.1923076923);
  -webkit-box-shadow: inset 0 2px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
          box-shadow: inset 0 2px 0 rgb(50.7692307692, 83.8461538462, 119.2307692308);
}
.btn-color.btn-tumblr:active:hover .icon, .btn-color.btn-tumblr:active:focus .icon, .btn-color.btn-tumblr:active.focus .icon, .btn-color.btn-tumblr.active:hover .icon, .btn-color.btn-tumblr.active:focus .icon, .btn-color.btn-tumblr.active.focus .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-tumblr.dropdown-toggle:hover .icon, .show > .btn-color.btn-tumblr.dropdown-toggle:focus .icon, .show > .btn-color.btn-tumblr.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active, .btn-color.btn-tumblr:not([disabled]):not(.disabled):active, .btn-color.btn-tumblr:not([disabled]):not(.disabled).active, .show > .btn-color.btn-tumblr.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-tumblr.disabled, .btn-color.btn-tumblr.disabled:hover, .btn-color.btn-tumblr.disabled:focus, .btn-color.btn-tumblr.disabled.focus, .btn-color.btn-tumblr.disabled:active, .btn-color.btn-tumblr.disabled.active, .btn-color.btn-tumblr[disabled], .btn-color.btn-tumblr[disabled]:hover, .btn-color.btn-tumblr[disabled]:focus, .btn-color.btn-tumblr[disabled].focus, .btn-color.btn-tumblr[disabled]:active, .btn-color.btn-tumblr[disabled].active, fieldset[disabled] .btn-color.btn-tumblr, fieldset[disabled] .btn-color.btn-tumblr:hover, fieldset[disabled] .btn-color.btn-tumblr:focus, fieldset[disabled] .btn-color.btn-tumblr.focus, fieldset[disabled] .btn-color.btn-tumblr:active, fieldset[disabled] .btn-color.btn-tumblr.active {
  background-color: #426d9b;
  border-color: #426d9b;
}
.btn-color.btn-tumblr .badge {
  color: #426d9b;
  background-color: #ffffff;
}
.btn-color.btn-dropbox .icon {
  color: #ffffff;
}
.btn-color.btn-dropbox {
  color: #ffffff;
  background-color: #007ee5;
  border-color: #007ee5;
}
.btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.focus {
  color: #ffffff;
  background-color: #007ee5;
  border-color: #007ee5;
  outline: none;
}
.btn-color.btn-dropbox:hover, .btn-color.btn-dropbox.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(0, 97.9388646288, 178);
          box-shadow: inset 0 -1px 0 rgb(0, 97.9388646288, 178);
  background-color: rgb(0, 131.6122270742, 239.2);
  border-color: rgb(0, 131.6122270742, 239.2);
  border-bottom-color: rgb(0, 97.9388646288, 178);
}
.btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active, .show > .btn-color.btn-dropbox.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(0, 97.9388646288, 178);
          box-shadow: inset 0 2px 0 rgb(0, 97.9388646288, 178);
  background-color: rgb(0, 109.1633187773, 198.4);
  border-color: rgb(0, 109.1633187773, 198.4);
  border-top-color: rgb(0, 78.296069869, 142.3);
}
.btn-color.btn-dropbox:active:hover, .btn-color.btn-dropbox:active:focus, .btn-color.btn-dropbox:active.focus, .btn-color.btn-dropbox.active:hover, .btn-color.btn-dropbox.active:focus, .btn-color.btn-dropbox.active.focus, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active:hover, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active:focus, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active.focus, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active:hover, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active:focus, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-dropbox.dropdown-toggle:hover, .show > .btn-color.btn-dropbox.dropdown-toggle:focus, .show > .btn-color.btn-dropbox.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(0, 109.1633187773, 198.4);
  border-color: transparent;
  border-top-color: rgb(0, 78.296069869, 142.3);
  -webkit-box-shadow: inset 0 2px 0 rgb(0, 97.9388646288, 178);
          box-shadow: inset 0 2px 0 rgb(0, 97.9388646288, 178);
}
.btn-color.btn-dropbox:active:hover .icon, .btn-color.btn-dropbox:active:focus .icon, .btn-color.btn-dropbox:active.focus .icon, .btn-color.btn-dropbox.active:hover .icon, .btn-color.btn-dropbox.active:focus .icon, .btn-color.btn-dropbox.active.focus .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-dropbox.dropdown-toggle:hover .icon, .show > .btn-color.btn-dropbox.dropdown-toggle:focus .icon, .show > .btn-color.btn-dropbox.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active, .btn-color.btn-dropbox:not([disabled]):not(.disabled):active, .btn-color.btn-dropbox:not([disabled]):not(.disabled).active, .show > .btn-color.btn-dropbox.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-dropbox.disabled, .btn-color.btn-dropbox.disabled:hover, .btn-color.btn-dropbox.disabled:focus, .btn-color.btn-dropbox.disabled.focus, .btn-color.btn-dropbox.disabled:active, .btn-color.btn-dropbox.disabled.active, .btn-color.btn-dropbox[disabled], .btn-color.btn-dropbox[disabled]:hover, .btn-color.btn-dropbox[disabled]:focus, .btn-color.btn-dropbox[disabled].focus, .btn-color.btn-dropbox[disabled]:active, .btn-color.btn-dropbox[disabled].active, fieldset[disabled] .btn-color.btn-dropbox, fieldset[disabled] .btn-color.btn-dropbox:hover, fieldset[disabled] .btn-color.btn-dropbox:focus, fieldset[disabled] .btn-color.btn-dropbox.focus, fieldset[disabled] .btn-color.btn-dropbox:active, fieldset[disabled] .btn-color.btn-dropbox.active {
  background-color: #007ee5;
  border-color: #007ee5;
}
.btn-color.btn-dropbox .badge {
  color: #007ee5;
  background-color: #ffffff;
}
.btn-color.btn-evernote .icon {
  color: #ffffff;
}
.btn-color.btn-evernote {
  color: #ffffff;
  background-color: #2dbe60;
  border-color: #2dbe60;
}
.btn-color.btn-evernote:focus, .btn-color.btn-evernote.focus {
  color: #ffffff;
  background-color: #2dbe60;
  border-color: #2dbe60;
  outline: none;
}
.btn-color.btn-evernote:hover, .btn-color.btn-evernote.hover {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
          box-shadow: inset 0 -1px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
  background-color: rgb(46.9531914894, 198.2468085106, 100.1668085106);
  border-color: rgb(46.9531914894, 198.2468085106, 100.1668085106);
  border-bottom-color: rgb(35.2340425532, 148.7659574468, 75.1659574468);
}
.btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .btn-color.btn-evernote:not([disabled]):not(.disabled):active, .btn-color.btn-evernote:not([disabled]):not(.disabled).active, .show > .btn-color.btn-evernote.dropdown-toggle {
  color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
          box-shadow: inset 0 2px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
  background-color: rgb(39.1404255319, 165.2595744681, 83.4995744681);
  border-color: rgb(39.1404255319, 165.2595744681, 83.4995744681);
  border-top-color: rgb(28.3978723404, 119.9021276596, 60.5821276596);
}
.btn-color.btn-evernote:active:hover, .btn-color.btn-evernote:active:focus, .btn-color.btn-evernote:active.focus, .btn-color.btn-evernote.active:hover, .btn-color.btn-evernote.active:focus, .btn-color.btn-evernote.active.focus, .btn-color.btn-evernote:not([disabled]):not(.disabled):active:hover, .btn-color.btn-evernote:not([disabled]):not(.disabled):active:focus, .btn-color.btn-evernote:not([disabled]):not(.disabled):active.focus, .btn-color.btn-evernote:not([disabled]):not(.disabled).active:hover, .btn-color.btn-evernote:not([disabled]):not(.disabled).active:focus, .btn-color.btn-evernote:not([disabled]):not(.disabled).active.focus, .show > .btn-color.btn-evernote.dropdown-toggle:hover, .show > .btn-color.btn-evernote.dropdown-toggle:focus, .show > .btn-color.btn-evernote.dropdown-toggle.focus {
  color: #ffffff;
  background-color: rgb(39.1404255319, 165.2595744681, 83.4995744681);
  border-color: transparent;
  border-top-color: rgb(28.3978723404, 119.9021276596, 60.5821276596);
  -webkit-box-shadow: inset 0 2px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
          box-shadow: inset 0 2px 0 rgb(35.2340425532, 148.7659574468, 75.1659574468);
}
.btn-color.btn-evernote:active:hover .icon, .btn-color.btn-evernote:active:focus .icon, .btn-color.btn-evernote:active.focus .icon, .btn-color.btn-evernote.active:hover .icon, .btn-color.btn-evernote.active:focus .icon, .btn-color.btn-evernote.active.focus .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled):active:hover .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled):active:focus .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled):active.focus .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled).active:hover .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled).active:focus .icon, .btn-color.btn-evernote:not([disabled]):not(.disabled).active.focus .icon, .show > .btn-color.btn-evernote.dropdown-toggle:hover .icon, .show > .btn-color.btn-evernote.dropdown-toggle:focus .icon, .show > .btn-color.btn-evernote.dropdown-toggle.focus .icon {
  color: #ffffff;
}
.btn-color.btn-evernote:active, .btn-color.btn-evernote.active, .btn-color.btn-evernote:not([disabled]):not(.disabled):active, .btn-color.btn-evernote:not([disabled]):not(.disabled).active, .show > .btn-color.btn-evernote.dropdown-toggle {
  background-image: none;
}
.btn-color.btn-evernote.disabled, .btn-color.btn-evernote.disabled:hover, .btn-color.btn-evernote.disabled:focus, .btn-color.btn-evernote.disabled.focus, .btn-color.btn-evernote.disabled:active, .btn-color.btn-evernote.disabled.active, .btn-color.btn-evernote[disabled], .btn-color.btn-evernote[disabled]:hover, .btn-color.btn-evernote[disabled]:focus, .btn-color.btn-evernote[disabled].focus, .btn-color.btn-evernote[disabled]:active, .btn-color.btn-evernote[disabled].active, fieldset[disabled] .btn-color.btn-evernote, fieldset[disabled] .btn-color.btn-evernote:hover, fieldset[disabled] .btn-color.btn-evernote:focus, fieldset[disabled] .btn-color.btn-evernote.focus, fieldset[disabled] .btn-color.btn-evernote:active, fieldset[disabled] .btn-color.btn-evernote.active {
  background-color: #2dbe60;
  border-color: #2dbe60;
}
.btn-color.btn-evernote .badge {
  color: #2dbe60;
  background-color: #ffffff;
}
.btn .icon {
  font-size: 1.231rem;
  line-height: 15px;
  vertical-align: middle;
}
.btn .icon.icon-left {
  margin-right: 1px;
}
.btn .icon.icon-right {
  margin-left: 1px;
}
.btn .icon.fa {
  font-size: 1.154rem;
}
.btn.btn-lg .icon, .btn-group-lg > .btn .icon {
  font-size: 1.615rem;
  line-height: 20px;
}
.btn.btn-sm .icon, .btn-group-sm > .btn .icon {
  font-size: 1.154rem;
  line-height: 15px;
}
.btn.btn-xs .icon {
  font-size: 1.077rem;
  line-height: 14px;
}
.btn-group .btn.dropdown-toggle.btn-primary, .btn-group .btn.dropdown-toggle.btn-success, .btn-group .btn.dropdown-toggle.btn-warning, .btn-group .btn.dropdown-toggle.btn-danger {
  border-right-color: transparent;
}
.btn-group .btn.dropdown-toggle.btn-primary:hover, .btn-group .btn.dropdown-toggle.btn-success:hover, .btn-group .btn.dropdown-toggle.btn-warning:hover, .btn-group .btn.dropdown-toggle.btn-danger:hover {
  border-right-color: transparent;
}
.btn.dropdown-toggle .mdi-chevron-down,
.btn.dropdown-toggle .mdi-chevron-up {
  font-size: 1.385rem;
  vertical-align: middle;
  line-height: 17px;
}
.btn.dropdown-toggle .icon-dropdown {
  font-size: 1.385rem;
  line-height: 17px;
  margin-left: 6px;
}
.btn.dropdown-toggle .icon-dropdown-left {
  margin-left: 0;
  margin-right: 6px;
}
.btn-big {
  padding: 10px 13px;
  text-align: center;
  line-height: 13px;
  min-width: 62px;
}
.btn-big > .icon {
  display: block;
  font-size: 2rem;
  line-height: 20px;
  margin-bottom: 7px;
}
.btn-outline.btn-primary {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.btn-outline.btn-primary:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-primary:hover + .btn {
  border-left-color: transparent;
}
.btn-outline.btn-primary:active, .btn-outline.btn-primary.active {
  background-color: #ffffff;
  color: #5f99f5;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-primary:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.btn-outline.btn-secondary:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-secondary:hover + .btn {
  border-left-color: transparent;
}
.btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active {
  background-color: #ffffff;
  color: rgb(216.75, 216.75, 216.75);
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-secondary:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-success {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.btn-outline.btn-success:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-success:hover + .btn {
  border-left-color: transparent;
}
.btn-outline.btn-success:active, .btn-outline.btn-success.active {
  background-color: #ffffff;
  color: #37b358;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-success:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-warning {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.btn-outline.btn-warning:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-warning:hover + .btn {
  border-left-color: transparent;
}
.btn-outline.btn-warning:active, .btn-outline.btn-warning.active {
  background-color: #ffffff;
  color: #f6c163;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-warning:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-danger {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.btn-outline.btn-danger:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-danger:hover + .btn {
  border-left-color: transparent;
}
.btn-outline.btn-danger:active, .btn-outline.btn-danger.active {
  background-color: #ffffff;
  color: #eb6357;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-outline.btn-danger:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-group > .btn.btn-secondary:hover + .btn, .btn-group > .btn.btn-secondary.active + .btn,
.input-group-btn > .btn.btn-secondary:hover + .btn,
.input-group-btn > .btn.btn-secondary.active + .btn,
.input-group-prepend > .btn.btn-secondary:hover + .btn,
.input-group-prepend > .btn.btn-secondary.active + .btn,
.input-group-append > .btn.btn-secondary:hover + .btn,
.input-group-append > .btn.btn-secondary.active + .btn {
  border-left-color: rgb(186.15, 186.15, 186.15);
}
.btn-group > .btn.btn-primary,
.input-group-btn > .btn.btn-primary,
.input-group-prepend > .btn.btn-primary,
.input-group-append > .btn.btn-primary {
  border-left-color: rgb(32.2635, 111.223, 242.0365);
  border-right-color: rgb(32.2635, 111.223, 242.0365);
}
.btn-group > .btn.btn-primary:hover, .btn-group > .btn.btn-primary:active, .btn-group > .btn.btn-primary.active,
.input-group-btn > .btn.btn-primary:hover,
.input-group-btn > .btn.btn-primary:active,
.input-group-btn > .btn.btn-primary.active,
.input-group-prepend > .btn.btn-primary:hover,
.input-group-prepend > .btn.btn-primary:active,
.input-group-prepend > .btn.btn-primary.active,
.input-group-append > .btn.btn-primary:hover,
.input-group-append > .btn.btn-primary:active,
.input-group-append > .btn.btn-primary.active {
  border-left-color: rgb(13.4035, 95.043, 230.2965);
  border-right-color: rgb(13.4035, 95.043, 230.2965);
  border-bottom-color: transparent;
}
.btn-group > .btn.btn-primary.active, .btn-group > .btn.btn-primary:active,
.input-group-btn > .btn.btn-primary.active,
.input-group-btn > .btn.btn-primary:active,
.input-group-prepend > .btn.btn-primary.active,
.input-group-prepend > .btn.btn-primary:active,
.input-group-append > .btn.btn-primary.active,
.input-group-append > .btn.btn-primary:active {
  -webkit-box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
          box-shadow: inset 0 2px 0 rgb(17.805, 101.89, 241.195);
}
.btn-group > .btn.btn-primary:hover + .btn, .btn-group > .btn.btn-primary:active + .btn, .btn-group > .btn.btn-primary.active + .btn,
.input-group-btn > .btn.btn-primary:hover + .btn,
.input-group-btn > .btn.btn-primary:active + .btn,
.input-group-btn > .btn.btn-primary.active + .btn,
.input-group-prepend > .btn.btn-primary:hover + .btn,
.input-group-prepend > .btn.btn-primary:active + .btn,
.input-group-prepend > .btn.btn-primary.active + .btn,
.input-group-append > .btn.btn-primary:hover + .btn,
.input-group-append > .btn.btn-primary:active + .btn,
.input-group-append > .btn.btn-primary.active + .btn {
  border-left-color: rgb(13.4035, 95.043, 230.2965);
}
.btn-group > .btn.btn-primary:first-child,
.input-group-btn > .btn.btn-primary:first-child,
.input-group-prepend > .btn.btn-primary:first-child,
.input-group-append > .btn.btn-primary:first-child {
  border-left-color: transparent;
}
.btn-group > .btn.btn-primary:last-child,
.input-group-btn > .btn.btn-primary:last-child,
.input-group-prepend > .btn.btn-primary:last-child,
.input-group-append > .btn.btn-primary:last-child {
  border-right-color: transparent;
}
.btn-group > .btn.btn-success,
.input-group-btn > .btn.btn-success,
.input-group-prepend > .btn.btn-success,
.input-group-append > .btn.btn-success {
  border-left-color: rgb(43.5618181818, 140.7381818182, 69.5313636364);
  border-right-color: rgb(43.5618181818, 140.7381818182, 69.5313636364);
}
.btn-group > .btn.btn-success:hover, .btn-group > .btn.btn-success:active, .btn-group > .btn.btn-success.active,
.input-group-btn > .btn.btn-success:hover,
.input-group-btn > .btn.btn-success:active,
.input-group-btn > .btn.btn-success.active,
.input-group-prepend > .btn.btn-success:hover,
.input-group-prepend > .btn.btn-success:active,
.input-group-prepend > .btn.btn-success.active,
.input-group-append > .btn.btn-success:hover,
.input-group-append > .btn.btn-success:active,
.input-group-append > .btn.btn-success.active {
  border-left-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
  border-right-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
  border-bottom-color: transparent;
}
.btn-group > .btn.btn-success.active, .btn-group > .btn.btn-success:active,
.input-group-btn > .btn.btn-success.active,
.input-group-btn > .btn.btn-success:active,
.input-group-prepend > .btn.btn-success.active,
.input-group-prepend > .btn.btn-success:active,
.input-group-append > .btn.btn-success.active,
.input-group-append > .btn.btn-success:active {
  -webkit-box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
          box-shadow: inset 0 2px 0 rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.btn-group > .btn.btn-success:hover + .btn, .btn-group > .btn.btn-success:active + .btn, .btn-group > .btn.btn-success.active + .btn,
.input-group-btn > .btn.btn-success:hover + .btn,
.input-group-btn > .btn.btn-success:active + .btn,
.input-group-btn > .btn.btn-success.active + .btn,
.input-group-prepend > .btn.btn-success:hover + .btn,
.input-group-prepend > .btn.btn-success:active + .btn,
.input-group-prepend > .btn.btn-success.active + .btn,
.input-group-append > .btn.btn-success:hover + .btn,
.input-group-append > .btn.btn-success:active + .btn,
.input-group-append > .btn.btn-success.active + .btn {
  border-left-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
}
.btn-group > .btn.btn-success:first-child,
.input-group-btn > .btn.btn-success:first-child,
.input-group-prepend > .btn.btn-success:first-child,
.input-group-append > .btn.btn-success:first-child {
  border-left-color: transparent;
}
.btn-group > .btn.btn-success:last-child,
.input-group-btn > .btn.btn-success:last-child,
.input-group-prepend > .btn.btn-success:last-child,
.input-group-append > .btn.btn-success:last-child {
  border-right-color: transparent;
}
.btn-group > .btn.btn-warning,
.input-group-btn > .btn.btn-warning,
.input-group-prepend > .btn.btn-warning,
.input-group-append > .btn.btn-warning {
  border-left-color: rgb(216.8307086614, 162.1893700787, 3.4692913386);
  border-right-color: rgb(216.8307086614, 162.1893700787, 3.4692913386);
}
.btn-group > .btn.btn-warning:hover, .btn-group > .btn.btn-warning:active, .btn-group > .btn.btn-warning.active,
.input-group-btn > .btn.btn-warning:hover,
.input-group-btn > .btn.btn-warning:active,
.input-group-btn > .btn.btn-warning.active,
.input-group-prepend > .btn.btn-warning:hover,
.input-group-prepend > .btn.btn-warning:active,
.input-group-prepend > .btn.btn-warning.active,
.input-group-append > .btn.btn-warning:hover,
.input-group-append > .btn.btn-warning:active,
.input-group-append > .btn.btn-warning.active {
  border-left-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
  border-right-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
  border-bottom-color: transparent;
}
.btn-group > .btn.btn-warning.active, .btn-group > .btn.btn-warning:active,
.input-group-btn > .btn.btn-warning.active,
.input-group-btn > .btn.btn-warning:active,
.input-group-prepend > .btn.btn-warning.active,
.input-group-prepend > .btn.btn-warning:active,
.input-group-append > .btn.btn-warning.active,
.input-group-append > .btn.btn-warning:active {
  -webkit-box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
          box-shadow: inset 0 2px 0 rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.btn-group > .btn.btn-warning:hover + .btn, .btn-group > .btn.btn-warning:active + .btn, .btn-group > .btn.btn-warning.active + .btn,
.input-group-btn > .btn.btn-warning:hover + .btn,
.input-group-btn > .btn.btn-warning:active + .btn,
.input-group-btn > .btn.btn-warning.active + .btn,
.input-group-prepend > .btn.btn-warning:hover + .btn,
.input-group-prepend > .btn.btn-warning:active + .btn,
.input-group-prepend > .btn.btn-warning.active + .btn,
.input-group-append > .btn.btn-warning:hover + .btn,
.input-group-append > .btn.btn-warning:active + .btn,
.input-group-append > .btn.btn-warning.active + .btn {
  border-left-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
}
.btn-group > .btn.btn-warning:first-child,
.input-group-btn > .btn.btn-warning:first-child,
.input-group-prepend > .btn.btn-warning:first-child,
.input-group-append > .btn.btn-warning:first-child {
  border-left-color: transparent;
}
.btn-group > .btn.btn-warning:last-child,
.input-group-btn > .btn.btn-warning:last-child,
.input-group-prepend > .btn.btn-warning:last-child,
.input-group-append > .btn.btn-warning:last-child {
  border-right-color: transparent;
}
.btn-group > .btn.btn-danger,
.input-group-btn > .btn.btn-danger,
.input-group-prepend > .btn.btn-danger,
.input-group-append > .btn.btn-danger {
  border-left-color: rgb(227.6349775785, 39.4417040359, 23.6650224215);
  border-right-color: rgb(227.6349775785, 39.4417040359, 23.6650224215);
}
.btn-group > .btn.btn-danger:hover, .btn-group > .btn.btn-danger:active, .btn-group > .btn.btn-danger.active,
.input-group-btn > .btn.btn-danger:hover,
.input-group-btn > .btn.btn-danger:active,
.input-group-btn > .btn.btn-danger.active,
.input-group-prepend > .btn.btn-danger:hover,
.input-group-prepend > .btn.btn-danger:active,
.input-group-prepend > .btn.btn-danger.active,
.input-group-append > .btn.btn-danger:hover,
.input-group-append > .btn.btn-danger:active,
.input-group-append > .btn.btn-danger.active {
  border-left-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
  border-right-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
  border-bottom-color: transparent;
}
.btn-group > .btn.btn-danger.active, .btn-group > .btn.btn-danger:active,
.input-group-btn > .btn.btn-danger.active,
.input-group-btn > .btn.btn-danger:active,
.input-group-prepend > .btn.btn-danger.active,
.input-group-prepend > .btn.btn-danger:active,
.input-group-append > .btn.btn-danger.active,
.input-group-append > .btn.btn-danger:active {
  -webkit-box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
          box-shadow: inset 0 2px 0 rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.btn-group > .btn.btn-danger:hover + .btn, .btn-group > .btn.btn-danger:active + .btn, .btn-group > .btn.btn-danger.active + .btn,
.input-group-btn > .btn.btn-danger:hover + .btn,
.input-group-btn > .btn.btn-danger:active + .btn,
.input-group-btn > .btn.btn-danger.active + .btn,
.input-group-prepend > .btn.btn-danger:hover + .btn,
.input-group-prepend > .btn.btn-danger:active + .btn,
.input-group-prepend > .btn.btn-danger.active + .btn,
.input-group-append > .btn.btn-danger:hover + .btn,
.input-group-append > .btn.btn-danger:active + .btn,
.input-group-append > .btn.btn-danger.active + .btn {
  border-left-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
}
.btn-group > .btn.btn-danger:first-child,
.input-group-btn > .btn.btn-danger:first-child,
.input-group-prepend > .btn.btn-danger:first-child,
.input-group-append > .btn.btn-danger:first-child {
  border-left-color: transparent;
}
.btn-group > .btn.btn-danger:last-child,
.input-group-btn > .btn.btn-danger:last-child,
.input-group-prepend > .btn.btn-danger:last-child,
.input-group-append > .btn.btn-danger:last-child {
  border-right-color: transparent;
}
.btn-group > .btn:last-of-type:not(.btn-secondary),
.input-group-btn > .btn:last-of-type:not(.btn-secondary),
.input-group-prepend > .btn:last-of-type:not(.btn-secondary),
.input-group-append > .btn:last-of-type:not(.btn-secondary) {
  border-right-color: transparent;
}
.btn-group > .btn:last-of-type:not(.btn-secondary):hover,
.input-group-btn > .btn:last-of-type:not(.btn-secondary):hover,
.input-group-prepend > .btn:last-of-type:not(.btn-secondary):hover,
.input-group-append > .btn:last-of-type:not(.btn-secondary):hover {
  border-right-color: transparent;
}
.btn-group > .btn + .dropdown-toggle,
.input-group-btn > .btn + .dropdown-toggle,
.input-group-prepend > .btn + .dropdown-toggle,
.input-group-append > .btn + .dropdown-toggle {
  padding-left: 7px;
  padding-right: 7px;
}
.btn-group:first-child,
.input-group-btn:first-child,
.input-group-prepend:first-child,
.input-group-append:first-child {
  border-right-color: transparent;
}
.btn-group:last-child,
.input-group-btn:last-child,
.input-group-prepend:last-child,
.input-group-append:last-child {
  border-right-color: transparent;
}
.btn-group.open > .btn.btn-primary:hover, .btn-group.open > .btn.btn-success:hover, .btn-group.open > .btn.btn-warning:hover, .btn-group.open > .btn.btn-danger:hover,
.input-group-btn.open > .btn.btn-primary:hover,
.input-group-btn.open > .btn.btn-success:hover,
.input-group-btn.open > .btn.btn-warning:hover,
.input-group-btn.open > .btn.btn-danger:hover,
.input-group-prepend.open > .btn.btn-primary:hover,
.input-group-prepend.open > .btn.btn-success:hover,
.input-group-prepend.open > .btn.btn-warning:hover,
.input-group-prepend.open > .btn.btn-danger:hover,
.input-group-append.open > .btn.btn-primary:hover,
.input-group-append.open > .btn.btn-success:hover,
.input-group-append.open > .btn.btn-warning:hover,
.input-group-append.open > .btn.btn-danger:hover {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
}
.btn-group.open > .btn + .btn-primary, .btn-group.open > .btn + .btn-success, .btn-group.open > .btn + .btn-warning, .btn-group.open > .btn + .btn-danger,
.input-group-btn.open > .btn + .btn-primary,
.input-group-btn.open > .btn + .btn-success,
.input-group-btn.open > .btn + .btn-warning,
.input-group-btn.open > .btn + .btn-danger,
.input-group-prepend.open > .btn + .btn-primary,
.input-group-prepend.open > .btn + .btn-success,
.input-group-prepend.open > .btn + .btn-warning,
.input-group-prepend.open > .btn + .btn-danger,
.input-group-append.open > .btn + .btn-primary,
.input-group-append.open > .btn + .btn-success,
.input-group-append.open > .btn + .btn-warning,
.input-group-append.open > .btn + .btn-danger {
  border-left-color: rgba(0, 0, 0, 0.15);
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified .btn,
.btn-group-justified .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified .btn .btn,
.btn-group-justified .btn-group .btn {
  width: 100%;
}
.btn-group-justified .btn .dropdown-menu,
.btn-group-justified .btn-group .dropdown-menu {
  left: auto;
}
.btn-group-justified > .btn {
  border-right-width: 0;
}
.btn-group-justified > .btn:last-child {
  border-right-width: 1px;
}
.btn-group-vertical > .btn.btn-secondary:hover, .btn-group-vertical > .btn.btn-secondary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group-vertical > .btn.btn-secondary:active, .btn-group-vertical > .btn.btn-secondary.active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.06);
}
.btn-group-vertical > .btn.btn-primary {
  border-top-color: rgb(32.2635, 111.223, 242.0365);
  border-bottom-color: rgb(32.2635, 111.223, 242.0365);
}
.btn-group-vertical > .btn.btn-primary:hover, .btn-group-vertical > .btn.btn-primary:active, .btn-group-vertical > .btn.btn-primary.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-color: rgb(13.4035, 95.043, 230.2965);
  border-bottom-color: rgb(13.4035, 95.043, 230.2965);
}
.btn-group-vertical > .btn.btn-primary:first-child {
  border-top-color: transparent;
}
.btn-group-vertical > .btn.btn-primary:last-child {
  border-bottom-color: transparent;
}
.btn-group-vertical > .btn.btn-primary:active, .btn-group-vertical > .btn.btn-primary.active {
  -webkit-box-shadow: inset 0 1px 0 rgb(13.4035, 95.043, 230.2965);
          box-shadow: inset 0 1px 0 rgb(13.4035, 95.043, 230.2965);
  border-top-color: rgb(13.4035, 95.043, 230.2965);
  border-bottom-color: rgb(13.4035, 95.043, 230.2965);
}
.btn-group-vertical > .btn.btn-success {
  border-top-color: rgb(43.5618181818, 140.7381818182, 69.5313636364);
  border-bottom-color: rgb(43.5618181818, 140.7381818182, 69.5313636364);
}
.btn-group-vertical > .btn.btn-success:hover, .btn-group-vertical > .btn.btn-success:active, .btn-group-vertical > .btn.btn-success.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
  border-bottom-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
}
.btn-group-vertical > .btn.btn-success:first-child {
  border-top-color: transparent;
}
.btn-group-vertical > .btn.btn-success:last-child {
  border-bottom-color: transparent;
}
.btn-group-vertical > .btn.btn-success:active, .btn-group-vertical > .btn.btn-success.active {
  -webkit-box-shadow: inset 0 1px 0 rgb(36.3290909091, 117.3709090909, 57.9868181818);
          box-shadow: inset 0 1px 0 rgb(36.3290909091, 117.3709090909, 57.9868181818);
  border-top-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
  border-bottom-color: rgb(36.3290909091, 117.3709090909, 57.9868181818);
}
.btn-group-vertical > .btn.btn-warning {
  border-top-color: rgb(216.8307086614, 162.1893700787, 3.4692913386);
  border-bottom-color: rgb(216.8307086614, 162.1893700787, 3.4692913386);
}
.btn-group-vertical > .btn.btn-warning:hover, .btn-group-vertical > .btn.btn-warning:active, .btn-group-vertical > .btn.btn-warning.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
  border-bottom-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
}
.btn-group-vertical > .btn.btn-warning:first-child {
  border-top-color: transparent;
}
.btn-group-vertical > .btn.btn-warning:last-child {
  border-bottom-color: transparent;
}
.btn-group-vertical > .btn.btn-warning:active, .btn-group-vertical > .btn.btn-warning.active {
  -webkit-box-shadow: inset 0 1px 0 rgb(186.7125984252, 139.661023622, 2.9874015748);
          box-shadow: inset 0 1px 0 rgb(186.7125984252, 139.661023622, 2.9874015748);
  border-top-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
  border-bottom-color: rgb(186.7125984252, 139.661023622, 2.9874015748);
}
.btn-group-vertical > .btn.btn-danger {
  border-top-color: rgb(227.6349775785, 39.4417040359, 23.6650224215);
  border-bottom-color: rgb(227.6349775785, 39.4417040359, 23.6650224215);
}
.btn-group-vertical > .btn.btn-danger:hover, .btn-group-vertical > .btn.btn-danger:active, .btn-group-vertical > .btn.btn-danger.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
  border-bottom-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
}
.btn-group-vertical > .btn.btn-danger:first-child {
  border-top-color: transparent;
}
.btn-group-vertical > .btn.btn-danger:last-child {
  border-bottom-color: transparent;
}
.btn-group-vertical > .btn.btn-danger:active, .btn-group-vertical > .btn.btn-danger.active {
  -webkit-box-shadow: inset 0 1px 0 rgb(199.9165919283, 34.6390134529, 20.7834080717);
          box-shadow: inset 0 1px 0 rgb(199.9165919283, 34.6390134529, 20.7834080717);
  border-top-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
  border-bottom-color: rgb(199.9165919283, 34.6390134529, 20.7834080717);
}
.input-group-btn > .btn + .dropdown-toggle,
.input-group-prepend > .btn + .dropdown-toggle,
.input-group-append > .btn + .dropdown-toggle {
  padding-left: 9px;
  padding-right: 9px;
}

/*Breadcrumbs*/
.breadcrumb {
  background-color: rgb(244.8, 244.8, 244.8);
  margin-bottom: 18px;
  padding: 7px 20px 6px;
  line-height: 16px;
}
.breadcrumb .icon {
  font-size: 1.231rem;
}
.breadcrumb > li + li:before {
  color: rgb(76.5, 76.5, 76.5);
}
.breadcrumb > .active {
  color: rgb(76.5, 76.5, 76.5);
}

/*------------------------------------------------------------------
  [Cards]
*/
.card {
  background-color: #ffffff;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
  border-width: 0;
  border-radius: 3px;
  display: block;
}
.card th {
  border-top: 0;
  vertical-align: middle;
}
.card-body {
  padding: 8px 20px 20px;
  border-radius: 0 0 3px 3px;
}
.card-header {
  font-size: 18px;
  font-weight: 300;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1.5384rem;
  margin: 0 1.538rem;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
  background-color: transparent;
}
.card-header .tools {
  float: right;
  font-size: 0;
}
.card-header .tools > a {
  display: inline-block;
}
.card-header .tools .icon {
  display: inline-block;
  font-size: 1.538rem;
  line-height: 25px;
  vertical-align: middle;
  cursor: pointer;
  color: rgb(186.15, 186.15, 186.15);
  min-width: 1.538rem;
  text-align: center;
}
.card-header .tools .icon + .icon {
  margin-left: 2px;
}
.card-header .tools .icon:hover {
  color: rgb(165.75, 165.75, 165.75);
}
.card-title {
  font-size: 18px;
  font-weight: 300;
  display: block;
  margin: 0;
}
.card-subtitle {
  display: block;
  font-size: 1rem;
  color: rgb(112.2, 112.2, 112.2);
  margin-top: 0;
  margin-bottom: 0.4615rem;
}
.card-header-divider {
  border-bottom: 1px solid rgb(216.75, 216.75, 216.75);
  margin: 0 1.538rem 8px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.2307rem;
}
.card-header-divider .card-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}
.card-flat {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card-border {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgb(211.65, 211.65, 211.65);
}
.card-contrast .card-header {
  margin: 0;
  padding: 20px 20px 11px;
}
.card-contrast .card-body {
  padding-top: 16px;
}
.card-header-contrast {
  background-color: rgb(244.8, 244.8, 244.8);
}
.card-body-contrast {
  background-color: rgb(244.8, 244.8, 244.8);
}
.card-border-color {
  border-top: 3px solid rgb(201.45, 201.45, 201.45);
}
.card-border-color-primary {
  border-top-color: #4285f4;
}
.card-border-color-danger {
  border-top-color: #ea4335;
}
.card-border-color-warning {
  border-top-color: #fbbc05;
}
.card-border-color-success {
  border-top-color: #34a853;
}
.card-border-color-dark {
  border-top-color: #3d3c3c;
}
.card-full .card-header {
  margin: 0;
  padding-left: 1.538rem;
  padding-right: 1.538rem;
}
.card-full .card-header .card-title {
  border-width: 0;
}
.card-full-color .card-header {
  color: #ffffff;
  padding: 27px 20px 15px;
  margin: 0;
}
.card-full-color .card-header .card-subtitle,
.card-full-color .card-header .icon {
  color: #ffffff;
}
.card-full-color .card-body {
  padding: 20px;
}
.card-full-primary {
  background-color: #5f99f5;
  color: #ffffff;
}
.card-full-primary .card-header-contrast {
  background-color: rgb(109.4, 162.18, 245.9);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full-primary .tools .icon {
  color: #ffffff;
}
.card-full-primary .tools .icon:hover {
  color: rgb(66.2, 134.64, 243.2);
}
.card-full-success {
  background-color: #37b358;
  color: #ffffff;
}
.card-full-success .card-header-contrast {
  background-color: rgb(58.5961538462, 190.7038461538, 93.7538461538);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full-success .tools .icon {
  color: #ffffff;
}
.card-full-success .tools .icon:hover {
  color: rgb(47.8076923077, 155.5923076923, 76.4923076923);
}
.card-full-warning {
  background-color: #f6c163;
  color: #ffffff;
}
.card-full-warning .card-header-contrast {
  background-color: rgb(246.8345454545, 198.7490909091, 113.4654545455);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full-warning .tools .icon {
  color: #ffffff;
}
.card-full-warning .tools .icon:hover {
  color: rgb(244.3309090909, 181.5018181818, 70.0690909091);
}
.card-full-danger {
  background-color: #eb6357;
  color: #ffffff;
}
.card-full-danger .card-header-contrast {
  background-color: rgb(236.6276595745, 111.6957446809, 100.6723404255);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full-danger .tools .icon {
  color: #ffffff;
}
.card-full-danger .tools .icon:hover {
  color: rgb(231.7446808511, 73.6085106383, 59.6553191489);
}
.card-full {
  background-color: rgb(188.7, 188.7, 188.7);
  color: #ffffff;
}
.card-full .card-header-contrast {
  background-color: rgb(196.35, 196.35, 196.35);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full .tools .icon {
  color: #ffffff;
}
.card-full .tools .icon:hover {
  color: rgb(173.4, 173.4, 173.4);
}
.card-full-dark {
  background-color: #333333;
  color: #ffffff;
}
.card-full-dark .card-header-contrast {
  background-color: rgb(58.65, 58.65, 58.65);
  padding: 20px 20px 15px;
  margin: 0;
}
.card-full-dark .tools .icon {
  color: #ffffff;
}
.card-full-dark .tools .icon:hover {
  color: rgb(35.7, 35.7, 35.7);
}
.card-table .card-body {
  padding: 0;
}
.card-fullwidth .card-header {
  margin: 0;
  padding-left: 1.538rem;
  padding-right: 1.538rem;
}
.card-fullwidth .card-body {
  padding-top: 16px;
}

/*------------------------------------------------------------------
  [Dropdown menu]
*/
.dropdown-toggle:after {
  display: none;
}
.dropdown-showcase {
  margin: 0;
}
.dropdown-showcase .showcase {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 6px;
}
.dropdown-menu {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 7px 0px;
  min-width: 185px;
  line-height: 18px;
}
.dropdown-menu > .dropdown-item {
  font-weight: 400;
  color: rgb(79.5117355372, 78.2082644628, 78.2082644628);
  padding: 8px 20px;
}
.dropdown-menu > .dropdown-item .icon {
  font-size: 1.231rem;
  line-height: normal;
  vertical-align: middle;
  margin-right: 8px;
  color: rgb(104.55, 104.55, 104.55);
}
.dropdown-menu > .dropdown-item:focus, .dropdown-menu > .dropdown-item:active {
  background-color: transparent;
  color: rgb(79.5117355372, 78.2082644628, 78.2082644628);
}
.dropdown-menu > .dropdown-item:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}
.dropdown-menu .btn-group .btn {
  font-size: 1.231rem;
  color: rgb(104.55, 104.55, 104.55);
  padding: 0 20px;
}
.dropdown-menu .dropdown-divider {
  margin: 6px 0;
  border-color: rgb(226.95, 226.95, 226.95);
}
.dropdown-header {
  padding: 5px 20px 1px;
  font-weight: 600;
  color: rgb(194.1173553719, 193.1026446281, 193.1026446281);
  cursor: default;
}
.dropdown-tools {
  text-align: center;
}
.dropdown-menu-primary {
  border-color: transparent;
  background-color: #5f99f5;
}
.dropdown-menu-primary.dropdown-menu > .dropdown-item {
  color: #ffffff;
}
.dropdown-menu-primary.dropdown-menu > .dropdown-item:focus, .dropdown-menu-primary.dropdown-menu > .dropdown-item:active {
  color: #ffffff;
}
.dropdown-menu-primary.dropdown-menu > .dropdown-item:hover {
  background-color: rgb(71, 137.7, 243.5);
  color: #ffffff;
}
.dropdown-menu-primary.dropdown-menu > .dropdown-item .icon {
  color: #ffffff;
}
.dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn {
  background-color: transparent;
  color: #ffffff;
  border-color: rgb(181.4, 208.08, 250.4);
  border-width: 2px;
}
.dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn:hover + .btn {
  border-left-color: transparent;
}
.dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn:active, .dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn.active {
  background-color: #ffffff;
  color: #5f99f5;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-primary.dropdown-menu .dropdown-tools .btn-group .btn:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-primary .dropdown-divider {
  border-color: rgb(71, 137.7, 243.5);
}
.dropdown-menu-success {
  border-color: transparent;
  background-color: #37b358;
}
.dropdown-menu-success.dropdown-menu > .dropdown-item {
  color: #ffffff;
}
.dropdown-menu-success.dropdown-menu > .dropdown-item:focus, .dropdown-menu-success.dropdown-menu > .dropdown-item:active {
  color: #ffffff;
}
.dropdown-menu-success.dropdown-menu > .dropdown-item:hover {
  background-color: rgb(49.0064102564, 159.4935897436, 78.4102564103);
  color: #ffffff;
}
.dropdown-menu-success.dropdown-menu > .dropdown-item .icon {
  color: #ffffff;
}
.dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn {
  background-color: transparent;
  color: #ffffff;
  border-color: rgb(114.0948717949, 211.7051282051, 140.0717948718);
  border-width: 2px;
}
.dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn:hover + .btn {
  border-left-color: transparent;
}
.dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn:active, .dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn.active {
  background-color: #ffffff;
  color: #37b358;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-success.dropdown-menu .dropdown-tools .btn-group .btn:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-success .dropdown-divider {
  border-color: rgb(49.0064102564, 159.4935897436, 78.4102564103);
}
.dropdown-menu-warning {
  border-color: transparent;
  background-color: #f6c163;
}
.dropdown-menu-warning.dropdown-menu > .dropdown-item {
  color: #ffffff;
}
.dropdown-menu-warning.dropdown-menu > .dropdown-item:focus, .dropdown-menu-warning.dropdown-menu > .dropdown-item:active {
  color: #ffffff;
}
.dropdown-menu-warning.dropdown-menu > .dropdown-item:hover {
  background-color: rgb(244.6090909091, 183.4181818182, 74.8909090909);
  color: #ffffff;
}
.dropdown-menu-warning.dropdown-menu > .dropdown-item .icon {
  color: #ffffff;
}
.dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn {
  background-color: transparent;
  color: #ffffff;
  border-color: rgb(251.0072727273, 227.4945454545, 185.7927272727);
  border-width: 2px;
}
.dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn:hover + .btn {
  border-left-color: transparent;
}
.dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn:active, .dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn.active {
  background-color: #ffffff;
  color: #f6c163;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-warning.dropdown-menu .dropdown-tools .btn-group .btn:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-warning .dropdown-divider {
  border-color: rgb(244.6090909091, 183.4181818182, 74.8909090909);
}
.dropdown-menu-danger {
  border-color: transparent;
  background-color: #eb6357;
}
.dropdown-menu-danger.dropdown-menu > .dropdown-item {
  color: #ffffff;
}
.dropdown-menu-danger.dropdown-menu > .dropdown-item:focus, .dropdown-menu-danger.dropdown-menu > .dropdown-item:active {
  color: #ffffff;
}
.dropdown-menu-danger.dropdown-menu > .dropdown-item:hover {
  background-color: rgb(232.2872340426, 77.8404255319, 64.2127659574);
  color: #ffffff;
}
.dropdown-menu-danger.dropdown-menu > .dropdown-item .icon {
  color: #ffffff;
}
.dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn {
  background-color: transparent;
  color: #ffffff;
  border-color: rgb(244.7659574468, 175.1744680851, 169.0340425532);
  border-width: 2px;
}
.dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn:hover {
  border-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn:hover + .btn {
  border-left-color: transparent;
}
.dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn:active, .dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn.active {
  background-color: #ffffff;
  color: #eb6357;
  border-color: transparent;
  border-width: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-danger.dropdown-menu .dropdown-tools .btn-group .btn:focus {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu-danger .dropdown-divider {
  border-color: rgb(232.2872340426, 77.8404255319, 64.2127659574);
}

/*------------------------------------------------------------------
  [Collapse cards style]
*/
.accordion {
  margin-bottom: 40px;
  padding: 0;
}
.accordion .card {
  margin: 0;
  padding: 0;
  border-radius: 3px;
}
.accordion .card + .card {
  margin-top: 0.384rem;
}
.accordion .card-header {
  padding: 0;
  margin: 0;
  border-radius: 3px;
}
.accordion .card-header button {
  font-size: 1.385rem;
  font-weight: 300;
  padding: 1.385rem 1.692rem;
  display: block;
  color: #4285f4;
  width: 100%;
  color: #404040;
  background-color: transparent;
  text-align: left;
}
.accordion .card-header button.btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
.accordion .card-header button .icon {
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  font-size: 1.923rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 10px;
}
.accordion .card-header button[aria-expanded=true] {
  color: #4285f4;
}
.accordion .card-header button[aria-expanded=true] .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion .card-body {
  padding: 0 1.538rem 1.538rem 1.538rem;
  border-top: 0;
  line-height: 22px;
  border-radius: 0 0 3px 3px;
}
.accordion-color .card .card-header button {
  color: #ffffff;
}
.accordion-color .card .card-header button[aria-expanded=true] {
  color: #ffffff;
}
.form-check {
  margin-bottom: 0.5rem;
}
.custom-control {
  min-height: 1.692rem;
  min-width: 1.692rem;
  margin-bottom: 0.923rem;
}
.custom-control-input .custom-control-label {
  line-height: 1.6;
}
.custom-control-input:checked ~ .custom-control-label::after {
  color: #4285f4;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4285f4;
}
.custom-control-input:checked ~ .custom-control-color::after {
  background-color: #4285f4;
  color: #ffffff;
  border-radius: 3px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-color::after {
  border-radius: 50%;
}
.custom-checkbox .custom-control-label::before {
  content: "";
  width: 1.699rem;
  height: 1.699rem;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  content: "\f26b";
  font-size: 1.5452rem;
  font-family: "Material Icons";
  font-weight: normal;
  text-align: center;
  line-height: 1.1;
}
.custom-radio .custom-control-label::before {
  border: 1px solid #d5d8de;
  width: 1.77592rem;
  height: 1.77592rem;
  content: "";
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  content: "\f26d";
  width: 1.77592rem;
  height: 1.77592rem;
  font-size: 1rem;
  font-family: "Material Icons";
  text-align: center;
  line-height: 1.8;
}
.custom-radio-icon {
  padding: 7px 0;
  width: 52px;
  height: 52px;
}
.custom-radio-icon .custom-control-label::after,
.custom-radio-icon .custom-control-label::before {
  display: none;
}
.custom-radio-icon .custom-control-label {
  cursor: pointer;
  margin: 0;
  width: 52px;
  height: 52px;
  line-height: 52px;
  border: 1px solid #d5d8de;
  border-radius: 50%;
  text-align: center;
  font-size: 36px;
  vertical-align: middle;
  color: rgb(127.75, 127.75, 127.75);
}
.custom-radio-icon .custom-control-label:hover {
  border-color: rgb(184.44, 189.48, 199.56);
}
.custom-radio-icon input[type=radio]:checked + .custom-control-label {
  border-color: #4285f4;
  color: #4285f4;
  background-color: #ffffff;
}
.custom-radio-icon input[type=radio]:checked + .custom-control-label i {
  color: #4285f4;
}
.custom-radio-icon input[type=radio]:focus + .custom-control-label {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.was-validated .form-control-feedback:valid, .form-control-feedback.is-valid,
.was-validated .col-form-label:valid,
.col-form-label.is-valid,
.was-validated .form-check-label:valid,
.form-check-label.is-valid,
.was-validated .custom-control:valid,
.custom-control.is-valid {
  color: #404040;
}
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #34a853;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
  border-color: #34a853;
}
.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::after, .custom-control-input.is-valid ~ .custom-control-label::after {
  color: #34a853;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #ffffff;
  border-color: #34a853;
  color: #34a853;
}
.was-validated .custom-control-input:checked:valid ~ .custom-control-color::after, .custom-control-input:checked.is-valid ~ .custom-control-color::after {
  background-color: #34a853;
  color: #ffffff;
}
.was-validated .form-control-feedback:invalid, .form-control-feedback.is-invalid,
.was-validated .col-form-label:invalid,
.col-form-label.is-invalid,
.was-validated .form-check-label:invalid,
.form-check-label.is-invalid,
.was-validated .custom-control:invalid,
.custom-control.is-invalid {
  color: #404040;
}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #ea4335;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
  border-color: #ea4335;
}
.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::after, .custom-control-input.is-invalid ~ .custom-control-label::after {
  color: #ea4335;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #ffffff;
  border-color: #ea4335;
  color: #ea4335;
}
.was-validated .custom-control-input:checked:invalid ~ .custom-control-color::after, .custom-control-input:checked.is-invalid ~ .custom-control-color::after {
  background-color: #ea4335;
  color: #ffffff;
}
.custom-control-sm {
  min-width: 1.38462rem;
  min-height: 1.38462rem;
}
.custom-control-sm.custom-control {
  top: 2px;
}
.custom-control-sm .custom-control-input ~ .custom-control-label::before {
  width: 1.38462rem;
  height: 1.38462rem;
}
.custom-control-sm .custom-control-input:checked ~ .custom-control-label::after {
  width: 1.38462rem;
  height: 1.38462rem;
  font-size: 15px;
  right: 0;
  line-height: 1.3;
  vertical-align: top;
}
.be-addon .dropdown-toggle:after {
  display: inline-block;
}
.custom-select {
  border-radius: 0;
}
.custom-select:focus {
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
}

/*------------------------------------------------------------------
  [Tabs]
*/
.nav-tabs {
  background-color: #ffffff;
  border-bottom: 2px solid rgb(234.6, 234.6, 234.6);
}
.nav-tabs > li.nav-item {
  margin-bottom: -2px;
  margin-right: 2px;
}
.nav-tabs > li.nav-item a.nav-link {
  padding: 11px 20px;
  margin-right: 0;
  min-width: 60px;
  text-align: center;
  border-radius: 0;
  color: #404040;
  border-width: 0;
}
.nav-tabs > li.nav-item a.nav-link .icon {
  font-size: 1.538rem;
  vertical-align: middle;
  margin-right: 6px;
  line-height: 17px;
}
.nav-tabs > li.nav-item a.nav-link:hover {
  background: transparent;
  color: #4285f4;
}
.nav-tabs > li.nav-item a.nav-link:active {
  background-color: transparent;
}
.nav-tabs > li.nav-item a.nav-link.active {
  background: transparent;
  border-bottom: 2px solid #4285f4;
}
.nav-tabs > li.nav-item a.nav-link.active .icon {
  color: #555;
}
.nav-tabs > li.nav-item a.nav-link.active:hover, .nav-tabs > li.nav-item a.nav-link.active:focus {
  color: #404040;
}
.tab-content {
  background: #ffffff;
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 0 0 3px 3px;
}
.tab-content .tab-pane h1:first-child,
.tab-content .tab-pane h2:first-child,
.tab-content .tab-pane h3:first-child,
.tab-content .tab-pane h4:first-child,
.tab-content .tab-pane h5:first-child,
.tab-content .tab-pane h6:first-child {
  margin-top: 5px;
}
.nav-tabs-success > li.nav-item a.nav-link:hover, .nav-tabs-success > li.nav-item a.nav-link:focus {
  color: #34a853;
}
.nav-tabs-success > li.nav-item a.nav-link.active {
  border-bottom: 2px solid #34a853;
}
.nav-tabs-warning > li.nav-item a.nav-link:hover, .nav-tabs-warning > li.nav-item a.nav-link:focus {
  color: #fbbc05;
}
.nav-tabs-warning > li.nav-item a.nav-link.active {
  border-bottom: 2px solid #fbbc05;
}
.nav-tabs-danger > li.nav-item a.nav-link:hover, .nav-tabs-danger > li.nav-item a.nav-link:focus {
  color: #ea4335;
}
.nav-tabs-danger > li.nav-item a.nav-link.active {
  border-bottom: 2px solid #ea4335;
}

/*------------------------------------------------------------------
  [Tooltips]
*/
.tooltip {
  font-size: 0.952rem;
  line-height: 1.5;
}

/*------------------------------------------------------------------
  [Modals]
*/
.modal-content {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  background-color: #ffffff;
  color: #404040;
  border: none;
}
.modal-header {
  border: 0;
  padding: 19px;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  display: block;
  margin: 0;
}
.modal-header .close {
  font-size: 1.538rem;
  opacity: 0.4;
  text-shadow: none;
  margin-top: -17px;
}
.modal-header .close:hover {
  opacity: 0.8;
}
.modal-header .close:focus {
  outline: none;
}
.modal-body {
  padding: 10px 20px 20px;
}
.modal-body .row:last-child .form-group {
  margin-bottom: 0;
}
.modal-main-icon {
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: normal;
  font-size: 3.846rem;
}
.modal-footer {
  padding: 20px;
  border: none;
}
.modal-footer > :not(:first-child) {
  margin-left: 4px;
}
.modal-footer > :not(:last-child) {
  margin-right: 4px;
}
.modal-open .modal {
  padding: 0 !important;
}
.modal-full-color .modal-header {
  padding: 19px;
}
.modal-full-color .modal-content {
  color: #ffffff;
  background-color: transparent;
}
.modal-full-color .modal-content .close {
  color: #ffffff;
  line-height: 40px;
  opacity: 0.6;
}
.modal-full-color .modal-content .close:hover {
  opacity: 1;
}
.modal-full-color .modal-content .modal-footer {
  border: none;
}
.modal-full-color .btn-secondary {
  border-width: 2px;
  border-color: transparent;
}
.modal-full-color .btn-primary,
.modal-full-color .btn-success,
.modal-full-color .btn-warning,
.modal-full-color .btn-danger {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
}
.modal-full-color .btn-primary:focus,
.modal-full-color .btn-success:focus,
.modal-full-color .btn-warning:focus,
.modal-full-color .btn-danger:focus {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}
.modal-full-color .btn-primary:hover,
.modal-full-color .btn-primary .hover,
.modal-full-color .btn-success:hover,
.modal-full-color .btn-success .hover,
.modal-full-color .btn-warning:hover,
.modal-full-color .btn-warning .hover,
.modal-full-color .btn-danger:hover,
.modal-full-color .btn-danger .hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.8);
}
.modal-full-color .btn-primary:not([disabled]):not(.disabled):active, .modal-full-color .btn-primary:not([disabled]):not(.disabled).active, .modal-full-color .btn-primary.active, .modal-full-color .btn-primary:active,
.modal-full-color .btn-success:not([disabled]):not(.disabled):active,
.modal-full-color .btn-success:not([disabled]):not(.disabled).active,
.modal-full-color .btn-success.active,
.modal-full-color .btn-success:active,
.modal-full-color .btn-warning:not([disabled]):not(.disabled):active,
.modal-full-color .btn-warning:not([disabled]):not(.disabled).active,
.modal-full-color .btn-warning.active,
.modal-full-color .btn-warning:active,
.modal-full-color .btn-danger:not([disabled]):not(.disabled):active,
.modal-full-color .btn-danger:not([disabled]):not(.disabled).active,
.modal-full-color .btn-danger.active,
.modal-full-color .btn-danger:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.8);
}
.modal-full-color-success .modal-header {
  background-color: #37b358;
}
.modal-full-color-success .modal-body,
.modal-full-color-success .modal-footer {
  background-color: #37b358;
}
.modal-full-color-success .btn-secondary {
  color: #37b358;
}
.modal-full-color-success .btn-secondary:active {
  color: #37b358;
}
.modal-full-color-primary .modal-header {
  background-color: #5f99f5;
}
.modal-full-color-primary .modal-body,
.modal-full-color-primary .modal-footer {
  background-color: #5f99f5;
}
.modal-full-color-primary .btn-secondary {
  color: #5f99f5;
}
.modal-full-color-primary .btn-secondary:active {
  color: #5f99f5;
}
.modal-full-color-warning .modal-header {
  background-color: #f6c163;
}
.modal-full-color-warning .modal-body,
.modal-full-color-warning .modal-footer {
  background-color: #f6c163;
}
.modal-full-color-warning .btn-secondary {
  color: #f6c163;
}
.modal-full-color-warning .btn-secondary:active {
  color: #f6c163;
}
.modal-full-color-danger .modal-header {
  background-color: #eb6357;
}
.modal-full-color-danger .modal-body,
.modal-full-color-danger .modal-footer {
  background-color: #eb6357;
}
.modal-full-color-danger .btn-secondary {
  color: #eb6357;
}
.modal-full-color-danger .btn-secondary:active {
  color: #eb6357;
}
.modal-full-color-dark .modal-header {
  background-color: #3d3c3c;
}
.modal-full-color-dark .modal-body,
.modal-full-color-dark .modal-footer {
  background-color: #3d3c3c;
}
.modal-full-color-dark .btn-secondary {
  color: #3d3c3c;
}
.modal-full-color-dark .btn-secondary:active {
  color: #3d3c3c;
}
.full-width {
  width: 90%;
  max-width: none;
}
@media screen and (max-width: 1080px) {
.full-width {
    width: 100%;
}
}
.full-width.modal-container {
  width: 100%;
}
@media screen and (max-width: 1080px) {
.full-width.modal-container {
    width: 100%;
}
}
.full-width.modal-container .modal-content {
  width: 81%;
}
@media screen and (max-width: 1080px) {
.full-width.modal-container .modal-content {
    width: 100%;
}
}
.full-width .modal-content {
  width: 100%;
  max-width: none;
}
.custom-width .modal-dialog {
  width: 700px;
  max-width: none;
}
.custom-width .modal-content {
  width: 700px;
  max-width: none;
}
@media screen and (max-width: 1080px) {
.custom-width .modal-content,
  .custom-width .modal-dialog,
  .custom-width .modal-header {
    width: 100% !important;
}
}
.colored-header .modal-content .modal-header {
  background-color: rgb(229.5, 229.5, 229.5);
  color: #ffffff;
  padding: 30px 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.colored-header .modal-content .modal-header .modal-title {
  font-size: 1.538rem;
}
.colored-header .modal-content .modal-header .close {
  color: rgba(0, 0, 0, 0.7);
  margin-top: -13px;
}
.colored-header .modal-content .modal-body {
  padding: 35px 20px 20px;
  background-color: #ffffff;
  color: #404040;
}
.colored-header .modal-content .modal-footer {
  background-color: #ffffff;
}
.colored-header-success .modal-content .modal-header {
  background-color: #37b358;
}
.colored-header-primary .modal-content .modal-header {
  background-color: #5f99f5;
}
.colored-header-warning .modal-content .modal-header {
  background-color: #f6c163;
}
.colored-header-danger .modal-content .modal-header {
  background-color: #eb6357;
}
.colored-header-dark .modal-content .modal-header {
  background-color: #3d3c3c;
}
@media screen and (max-width: 1080px) {
.modal-dialog {
    margin: 0 auto;
}
}
.be-modal-open {
  overflow-x: visible;
}

/*------------------------------------------------------------------
  [Alerts]
*/
.alert {
  padding: 0;
  position: relative;
  line-height: 25px;
  border-width: 0;
  margin-bottom: 18px;
  color: #ffffff;
}
.alert .icon {
  width: 55px;
  font-size: 1.846rem;
  vertical-align: middle;
  text-align: center;
  line-height: 22px;
  display: table-cell;
  cursor: default;
  padding-top: 1px;
}
.alert .icon span {
  width: 25px;
}
.alert .close {
  position: absolute;
  font-size: 1.538rem;
  right: 1.385rem;
  text-shadow: none;
  padding: 1.5388rem 0;
  opacity: 0.2;
}
.alert .message {
  display: table-cell;
  padding: 1.385rem 2.1542rem 1.385rem 0.231rem;
  border-left-width: 0;
}
@media (max-width: 575.98px) {
.alert .message {
    padding: 1.385rem 2.539rem 1.385rem 0.231rem;
}
}
.alert .message > p,
.alert .message > ul {
  margin-bottom: 0;
}
.alert .message > p + p {
  margin-top: 5px;
}
.alert-primary {
  background-color: rgb(61.1805, 129.889, 243.7195);
}
.alert-success {
  background-color: rgb(50.7945454545, 164.1054545455, 81.0759090909);
}
.alert-info {
  background-color: rgb(212.7869565217, 235.0043478261, 246.1130434783);
}
.alert-warning {
  background-color: rgb(246.9488188976, 184.7177165354, 3.9511811024);
}
.alert-danger {
  background-color: rgb(233.5197309417, 62.7004484305, 48.3802690583);
}
.alert-dismissible.alert-primary .close {
  color: rgb(8.635, 61.23, 148.365);
}
.alert-dismissible.alert-primary .close:hover {
  opacity: 0.5;
}
.alert-dismissible.alert-success .close {
  color: rgb(15.8363636364, 51.1636363636, 25.2772727273);
}
.alert-dismissible.alert-success .close:hover {
  opacity: 0.5;
}
.alert-dismissible.alert-warning .close {
  color: rgb(101.3779527559, 75.8307086614, 1.6220472441);
}
.alert-dismissible.alert-warning .close:hover {
  opacity: 0.5;
}
.alert-dismissible.alert-danger .close {
  color: rgb(121.3811659193, 21.0313901345, 12.6188340807);
}
.alert-dismissible.alert-danger .close:hover {
  opacity: 0.5;
}
.alert-contrast {
  padding: 0;
  position: relative;
}
.alert-contrast > .icon {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.08);
}
.alert-contrast > .message {
  display: table-cell;
  padding: 1.385rem 1.385rem;
  border-left-width: 0;
  color: #ffffff;
}
@media (max-width: 575.98px) {
.alert-contrast > .message {
    padding: 1.385rem 2.539rem 1.385rem 1.385rem;
}
}
.alert-icon {
  background-color: #ffffff;
  border: 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
}
.alert-icon > .icon {
  position: relative;
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  color: #ffffff;
}
.alert-icon > .icon:after {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 11px solid #ffffff;
  -moz-transform: scale(0.9999);
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}
.alert-icon > .message {
  display: table-cell;
  padding: 1.385rem 1.385rem;
  color: #404040;
  border: 1px solid rgb(211.65, 211.65, 211.65);
  border-left-width: 0;
}
@media (max-width: 575.98px) {
.alert-icon > .message {
    padding: 1.385rem 2.539rem 1.385rem 1.385rem;
}
}
.alert-icon.alert-dismissible .close {
  color: #404040;
  opacity: 0.35;
}
.alert-icon.alert-dismissible .close:hover {
  opacity: 0.5;
}
.alert-icon.alert-primary > .icon {
  background-color: #4285f4;
}
.alert-icon.alert-primary > .icon:after {
  border-left-color: #4285f4;
}
.alert-icon.alert-success > .icon {
  background-color: #34a853;
}
.alert-icon.alert-success > .icon:after {
  border-left-color: #34a853;
}
.alert-icon.alert-warning > .icon {
  background-color: #fbbc05;
}
.alert-icon.alert-warning > .icon:after {
  border-left-color: #fbbc05;
}
.alert-icon.alert-danger > .icon {
  background-color: #ea4335;
}
.alert-icon.alert-danger > .icon:after {
  border-left-color: #ea4335;
}
.alert-icon-border.alert-primary .message {
  border-color: #4285f4;
}
.alert-icon-border.alert-success .message {
  border-color: #34a853;
}
.alert-icon-border.alert-warning .message {
  border-color: #fbbc05;
}
.alert-icon-border.alert-danger .message {
  border-color: #ea4335;
}
.alert-icon.alert-icon-colored {
  border: 1px solid rgb(211.65, 211.65, 211.65);
}
.alert-icon.alert-icon-colored > .icon {
  position: relative;
  background-color: rgb(247.86, 247.86, 247.86);
  border-width: 0;
}
.alert-icon.alert-icon-colored > .icon:after {
  border-left-color: rgb(247.86, 247.86, 247.86);
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -11px;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 11px solid rgb(247.86, 247.86, 247.86);
  -moz-transform: scale(0.9999);
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}
.alert-icon.alert-icon-colored > .message {
  border-width: 0;
}
.alert-icon.alert-icon-colored.alert-primary > .icon {
  color: #4285f4;
}
.alert-icon.alert-icon-colored.alert-success > .icon {
  color: #34a853;
}
.alert-icon.alert-icon-colored.alert-warning > .icon {
  color: #fbbc05;
}
.alert-icon.alert-icon-colored.alert-danger > .icon {
  color: #ea4335;
}
.alert-simple {
  border: 1px solid rgb(211.65, 211.65, 211.65);
  background-color: #ffffff;
  color: #404040;
  -webkit-box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
}
.alert-simple.alert-primary > .icon {
  color: #4285f4;
}
.alert-simple.alert-success > .icon {
  color: #34a853;
}
.alert-simple.alert-warning > .icon {
  color: #fbbc05;
}
.alert-simple.alert-danger > .icon {
  color: #ea4335;
}

/*------------------------------------------------------------------
  [Tables]
*/
.table > thead > tr > th {
  border-bottom-width: 2px;
  font-weight: 700;
}
.table > thead.primary > tr > th {
  color: #4285f4;
}
.table > thead.success > tr > th {
  color: #34a853;
}
.table > tbody > tr > td {
  font-weight: 400;
  vertical-align: middle;
}
.table-condensed > thead > tr > th {
  padding-top: 10px;
  padding-bottom: 8px;
}
.table-bordered > thead > tr > th {
  padding: 14px 10px;
}
.table-bordered tbody > tr td:first-child {
  padding-left: 10px;
}
.table-bordered tbody > tr td:last-child {
  padding-right: 10px;
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #4285f4;
  color: #ffffff;
}
.table-hover .table-primary:hover {
  background-color: rgb(41.9025, 117.445, 242.5975);
  color: #ffffff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(41.9025, 117.445, 242.5975);
  color: #ffffff;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #34a853;
  color: #ffffff;
}
.table-hover .table-success:hover {
  background-color: rgb(45.9727272727, 148.5272727273, 73.3795454545);
  color: #ffffff;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(45.9727272727, 148.5272727273, 73.3795454545);
  color: #ffffff;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #4285f4;
  color: #ffffff;
}
.table-hover .table-info:hover {
  background-color: rgb(41.9025, 117.445, 242.5975);
  color: #ffffff;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(41.9025, 117.445, 242.5975);
  color: #ffffff;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fbbc05;
  color: #ffffff;
}
.table-hover .table-warning:hover {
  background-color: rgb(226.8700787402, 169.6988188976, 3.6299212598);
  color: #ffffff;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(226.8700787402, 169.6988188976, 3.6299212598);
  color: #ffffff;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ea4335;
  color: #ffffff;
}
.table-hover .table-danger:hover {
  background-color: rgb(231.5986547085, 45.5022421525, 29.9013452915);
  color: #ffffff;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(231.5986547085, 45.5022421525, 29.9013452915);
  color: #ffffff;
}
.table-responsive {
  border: 0;
  margin-bottom: 0;
}
.table-responsive tbody > tr > td {
  padding-top: 11px;
  padding-bottom: 11px;
}
@media screen and (max-width: 1080px) {
.table-responsive tbody > tr > td {
    white-space: nowrap;
}
}
.table tr th .custom-control,
.table tr td .custom-control {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.table tr th .custom-control .custom-control-indicator,
.table tr td .custom-control .custom-control-indicator {
  top: 0;
}
.table tr th.actions,
.table tr td.actions {
  text-align: center;
}
.table tr th.actions .icon,
.table tr td.actions .icon {
  color: rgb(160.65, 160.65, 160.65);
  font-size: 1.3846rem;
  line-height: 18px;
}
.table tr th.actions .icon:hover,
.table tr td.actions .icon:hover {
  color: rgb(127.5, 127.5, 127.5);
}
.table tbody tr td.user-avatar img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
@media screen and (max-width: 1080px) {
.table tbody tr td.user-avatar img {
    display: none;
}
}
.table tbody tr td.cell-detail span {
  display: block;
}
.table tbody tr td.cell-detail .cell-detail-description {
  display: block;
  font-size: 0.8462rem;
  color: #999999;
}
.table tbody tr td.user-info img {
  float: left;
}
.table tbody tr td.user-info span {
  padding-left: 40px;
}
@media screen and (max-width: 1080px) {
.table tbody tr td.user-info span {
    padding-left: 0;
}
}
.table tbody tr td.milestone {
  min-width: 100px;
}
.table tbody tr td.milestone span {
  display: block;
  font-size: 0.8462rem;
  color: #999999;
  margin-bottom: 6px;
}
.table tbody tr td.milestone span.completed {
  float: right;
}
.table tbody tr td.milestone .progress {
  height: 6px;
  background-color: rgb(229.5, 229.5, 229.5);
  margin-bottom: 0;
}
.table tbody tr td.milestone .progress .progress-bar {
  border-radius: 2px;
}
.table tbody tr.online td:first-child {
  border-left: 3px solid #5f99f5;
  padding-left: 17px;
}
.table .number {
  text-align: right;
}
.table.table-borderless tbody tr td {
  border-top-width: 0;
}
.card-table table {
  margin-bottom: 0;
}
.card-table tr th:first-child,
.card-table tr td:first-child {
  padding-left: 20px;
}
.card-table tr th:last-child,
.card-table tr td:last-child {
  padding-right: 20px;
}
.card-table thead tr th {
  padding-top: 15px;
  padding-bottom: 10px;
}

/*------------------------------------------------------------------
  [Badges]
*/
.badge {
  font-size: 0.8462rem;
  font-weight: 700;
  line-height: 1.55;
  border: 1px solid rgb(216.75, 216.75, 216.75);
}
.badge-primary {
  color: #ffffff;
  background-color: #5f99f5;
  border: transparent;
}
.badge-secondary {
  background-color: #ffffff;
  color: #404040;
}
.badge-success {
  color: #ffffff;
  background-color: #37b358;
  border: transparent;
}
.badge-info {
  color: #ffffff;
  background-color: #4285f4;
  border: transparent;
}
.badge-warning {
  color: #ffffff;
  background-color: #f6c163;
  border: transparent;
}
.badge-danger {
  color: #ffffff;
  background-color: #eb6357;
  border: transparent;
}
.popover {
  font-size: 1rem;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover .popover-header {
  margin: 0;
}
.popover.bottom > .arrow {
  border-bottom-color: rgb(247.35, 247.35, 247.35);
  top: -10px;
}
.popover.bottom > .arrow:after {
  background-color: transparent;
  top: -2px;
  margin-left: -10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-top-width: 1px;
  z-index: -1;
}

/*------------------------------------------------------------------
  [List group]
*/
.list-group-item {
  padding: 13px 15px;
}
.list-group-item.active .icon {
  color: #ffffff !important;
}
.list-group-item.active .badge {
  background: #ffffff;
  color: #4285f4;
}
.list-group-item.active + .active {
  border-top: solid 1px #ffffff;
}
.list-group-item .icon {
  margin-right: 18px;
  font-size: 1.231rem;
}
.list-group-item .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.list-group-item .badge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.active .list-group-item .badge {
  background: #ffffff;
  color: #4285f4;
}

/*------------------------------------------------------------------
  [Typography]
*/
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: 300;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 15px;
  margin-bottom: 10px;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}
p {
  margin: 0 0 15px;
}
.lead {
  font-size: 1.616rem;
  line-height: 26px;
}
p small,
p .small {
  font-size: 0.8462rem;
}
mark,
.mark {
  background-color: rgb(254.5338582677, 247.1921259843, 225.8661417323);
  padding: 0;
}
.text-bold {
  font-weight: 500 !important;
}
.text-success a {
  color: #34a853 !important;
}
.text-success aa:hover, .text-success aa:focus {
  color: rgb(39.9454545455, 129.0545454545, 63.7590909091) !important;
}
.text-warning a {
  color: #fbbc05 !important;
}
.text-warning aa:hover, .text-warning aa:focus {
  color: rgb(201.7716535433, 150.9251968504, 3.2283464567) !important;
}
.text-danger a {
  color: #ea4335 !important;
}
.text-danger aa:hover, .text-danger aa:focus {
  color: rgb(213.7757847534, 37.0403587444, 22.2242152466) !important;
}
ul,
ol {
  line-height: 20px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  padding-left: 25px;
}
.list-unstyled ul,
.list-unstyled ol {
  padding-left: 40px;
}
blockquote,
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
blockquote p,
.blockquote p {
  margin-bottom: 18px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child,
.blockquote p:last-child,
.blockquote ul:last-child,
.blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small,
.blockquote footer,
.blockquote small,
.blockquote .small {
  font-size: 1rem;
}
.display-heading {
  font-size: 40px;
  font-weight: 100;
  margin: 20px 0 15px;
}
@media screen and (max-width: 1080px) {
.display-heading {
    font-size: 32px;
}
}
.display-description {
  font-size: 18px;
  font-weight: 100;
  line-height: 29px;
  margin: 0 0 50px;
}
@media screen and (max-width: 1080px) {
.display-description {
    font-size: 15px;
    line-height: 24px;
}
}
address {
  line-height: 20px;
}

/*------------------------------------------------------------------
  [Progress bars]
*/
.progress {
  height: 22px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 22px;
}

/*------------------------------------------------------------------
  [Pagination]
*/
.pagination {
  padding-left: 0;
  border-radius: 2px;
}
.page-item:first-child .page-link {
  border-radius: 2px;
}
.page-item:last-child .page-link {
  border-radius: 2px;
}
.pagination-rounded .page-item:first-child .page-link {
  border-radius: 50%;
}
.pagination-rounded .page-item:last-child .page-link {
  border-radius: 50%;
}
.page-link {
  font-size: 1.077rem;
  line-height: 14px;
  font-weight: 400;
  padding: 0.7692rem 0.9231rem;
  color: #404040;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-left: 4px;
}
.page-link > span {
  line-height: 12px;
}
.pagination-rounded .page-link {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 14px;
}

/*------------------------------------------------------------------
  [Forms]
*/
.form-control {
  border-width: 1px;
  border-top-color: #bdc0c7;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 12px;
  font-size: 1.1538rem;
  -webkit-transition: none;
  transition: none;
  height: 3.692rem;
}
.form-control[multiple] {
  padding: 0;
}
.form-control[multiple] option {
  padding: 8px 12px;
}
.col-form-label {
  padding-bottom: 0;
}
@media (max-width: 575.98px) {
.col-form-label {
    padding-bottom: 8px;
}
}
input.form-control,
textarea.form-control {
  -webkit-appearance: none;
}
textarea.form-control,
select[multiple],
select[size] {
  height: auto;
}
label {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 8px;
  color: rgb(102.25, 102.25, 102.25);
}
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
  padding: 0 10px;
  font-size: 1rem;
  line-height: 28px;
  border: 1px solid transparent;
  border-color: #d5d8de;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}
.inputfile + label i {
  margin-right: 10px;
}
.form-control-xs {
  height: 30px;
  font-size: 0.9231rem;
  padding: 6px 9px;
}
select.form-control-xs:not([size]):not([multiple]) {
  height: 3.1384rem;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  height: 37px;
  font-size: 1rem;
  padding: 4px 12px;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  height: 57px;
  padding: 12px 14px;
  font-size: 1.385rem;
  font-weight: 300;
  border-radius: 2px;
}
.form-group.row {
  margin-bottom: 0;
  padding: 12px 0;
}
.form-horizontal .form-group.row .col-form-label {
  text-align: right;
}
.form-group.row label {
  white-space: nowrap;
}
.input-group-prepend .custom-control,
.input-group-append .custom-control {
  width: 1.77592rem;
  height: 1.77592rem;
  top: 2px;
}
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  padding: 10px 12px;
}
.input-group-prepend .custom-control, .input-group-append .custom-control {
  margin: 0;
  padding: 0;
}
.custom-select {
  line-height: 1.2;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.form-control-success,
.form-control-error {
  padding: 10px 45px 10px 12px;
}
.form-control-success + span,
.form-control-error + span {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.923rem;
  background-size: 1.846rem 1.846rem;
  font-size: 19px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  pointer-events: none;
}
.form-control-success.is-valid + span,
.form-control-error.is-valid + span {
  color: #34a853;
}
.form-control-success.is-invalid + span,
.form-control-error.is-invalid + span {
  color: #ea4335;
}

/*------------------------------------------------------------------
  [Input Groups]
*/
.input-search input {
  border: 1px solid #d5d8de;
  border-radius: 0;
  display: block;
  font-size: 1rem;
}
.input-search input:focus {
  background-color: transparent;
}
.input-search .input-group-btn {
  position: absolute;
  right: 0;
  display: block;
  width: auto;
  top: 1px;
  right: 1px;
  z-index: 3;
}
.input-search .input-group-btn button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  height: 3.5382rem;
}
.input-search .input-group-btn button:active {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.input-search .input-group-btn button .icon {
  font-size: 1.923rem;
  color: #737373;
}
.input-search .input-group-btn button:hover .icon {
  color: rgb(89.5, 89.5, 89.5);
}
.input-search.input-group-lg .input-group-btn button {
  height: 2.6922rem;
}
.input-search.input-group-sm .input-group-btn button {
  height: 2.693rem;
}
.input-search.input-group-sm .input-group-btn button .icon {
  font-size: 1.692rem;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-collapse: collapse;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}
table.dataTable thead > tr > th.sorting {
  background: rgba(0, 0, 0, 0.5);
  color: #8e8e8e;
  font-family: BebasNeue-Bold;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  border-radius: 0px;
  font-size: 20px;
  cursor: pointer;
  letter-spacing: 1px;
  line-height: 18px;
  border: 2px solid #0b2939;
  border-right: 0px;
  outline: none;
  padding-top: 11px;
  padding-bottom: 7px;
}
table.dataTable thead > tr > th.sorting:after {
  display: none;
}
table.dataTable thead > tr > th.sorting:before {
  display: none;
}
table.dataTable tbody > tr > td {
  font-family: BebasNeue-Regular;
  font-size: 22px;
  opacity: 1;
  letter-spacing: 1.2px;
  line-height: 20px;
}
.table-hover tbody tr:hover {
  background-color: rgba(9, 123, 186, 0.2) !important;
}
.user-avatar.cell-detail.user-info {
  text-align: left;
  padding-bottom: 5px;
  padding-left: 20px;
}
.table > tbody > tr > td {
  font-weight: 400;
  background: rgba(11, 43, 57, 0.4);
  border: 2px solid #0b2939;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: transparent;
}
table.dataTable thead > tr > th:last-child {
  border-right: 2px solid #0b2939;
}
table.dataTable tbody > tr > td {
  border-top: 0px;
  border-right: 0px;
}
table.dataTable tbody > tr.gradeA > td:last-child {
  border-right: 2px solid #0b2939;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 10px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}
div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}
@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}
}
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}
#user-leaderboard-ranking p {
  font-size: 18px;
  color: #ffffff;
}
#user-leaderboard-ranking a {
  color: #2ea2ea;
}
#user-leaderboard-ranking .user-ranking-table th.sorting {
  text-align: center;
  border: 1px solid #2ea2ea;
  color: #ffffff;
  cursor: default;
}
html {
  height: 100%;
  overflow-x: hidden;
  font-size: 16px;
}
body {
  padding: 0;
  background-color: #000000;
  height: 100%;
  line-height: 1.42857143;
}
body.be-alt-bg {
  background-color: black;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
}
p {
  font-size: inherit;
  line-height: 21px;
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  line-height: 1.428571429;
  color: #a0adb9;
  text-align: left;
  min-width: 1150px;
  overflow-x: auto;
}
body .be-wrapper {
  padding-top: 0px;
}
#app {
  font-family: "Roboto", sans-serif;
  text-align: center;
  color: #a0adb9;
  background: #1a181e !important;
}
@media (max-width: 575.98px) {
#app {
    padding-bottom: 100px;
}
}
#app .main-content {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: padding 500ms ease-out;
  transition: padding 500ms ease-out;
  background: #1a181e !important;
}
#app .main-content.home {
  padding: 0 0 0 0;
}
#welcome-container {
  width: 100%;
  min-height: calc(100vh - 50px);
  height: auto;
  display: block;
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position-y: center !important;
  background-position-x: 0% !important;
  background-color: #1a181e !important;
}
@media screen and (max-width: 1080px) {
#welcome-container {
    display: none;
}
}
#welcome-container .content-container {
  width: 100%;
  padding: 5% 10% 0 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1400px) {
#welcome-container .content-container {
    padding: 5% 5% 0 15%;
}
}
@media screen and (max-width: 1280px) {
#welcome-container .content-container {
    padding: 5% 5% 0 10%;
}
#welcome-container .content-container .brand {
    font-size: 5em !important;
}
}
#welcome-container .content-container .content-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 2;
      -ms-flex: 2 wrap;
          flex: 2 wrap;
  min-height: 300px;
  height: auto;
  margin: 0 0 30px;
}
#welcome-container .content-container .content-row.border-bottom {
  border-bottom: 1px solid #4c4557 !important;
}
#welcome-container .content-container .content-row .content-block {
  width: 50%;
  display: block;
  padding: 10px 30px;
}
#welcome-container .content-container .content-row .content-block.left {
  text-align: right !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#welcome-container .content-container .content-row .content-block.right {
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#welcome-container .content-container .content-row .content-block p {
  margin: 0 0 30px;
}
#welcome-container .content-container .content-row .content-block p strong {
  color: #b8e986;
}
#welcome-container .content-container .content-row .content-block h4 {
  font-size: 1.15em;
  line-height: 1.5;
  margin: 0 0 15px;
}
#welcome-container .content-container .content-row .content-block h4 b {
  font-family: BebasNeue-Bold;
}
#welcome-container .content-container .content-row .content-block h4 strong {
  color: #b8e986;
}
#mobile-welcome-container {
  display: none;
}
@media screen and (max-width: 1080px) {
#mobile-welcome-container {
    display: block;
}
}
#mobile-welcome-container {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position-y: -40px !important;
  background-position-x: 50% !important;
  background-color: #2d2934 !important;
}
#mobile-welcome-container #prize-stats {
  text-align: center;
}
#mobile-welcome-container #prize-stats p {
  text-align: center;
  margin: 0 0 15px;
}
#mobile-welcome-container #prize-stats h3 {
  font-size: 2em;
}
#mobile-welcome-container #prize-stats h3 strong {
  font-size: 2.25rem;
}
#mobile-welcome-container .mobile-container {
  width: 100%;
  padding: 25% 10%;
}
@media screen and (max-width: 320px) {
#mobile-welcome-container .mobile-container {
    padding: 30% 5%;
}
}
#mobile-welcome-container .mobile-container {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #2d2934));
  background: linear-gradient(to bottom, transparent 0%, #2d2934 10%);
}
#mobile-welcome-container .mobile-container .mobile-row {
  width: 100%;
  display: block;
  min-height: 300px;
  height: auto;
  padding: 0 0 30px;
  margin: 0 0 60px;
}
#mobile-welcome-container .mobile-container .mobile-row.border-bottom {
  border-bottom: 1px solid #4c4557 !important;
}
#mobile-welcome-container .mobile-container .mobile-row h4 {
  text-align: left;
  margin: 0 0 30px;
  line-height: 1.25;
  font-size: 1.25em;
}
#mobile-welcome-container .mobile-container .mobile-row h4 strong {
  color: #b8e986;
}
#mobile-welcome-container .mobile-container .mobile-row p {
  text-align: left;
  margin: 15px 0;
}
#mobile-welcome-container .mobile-container .mobile-row p strong {
  color: #b8e986;
}
.about-s3-version .brand {
  direction: rtl;
  white-space: nowrap;
  text-align: right;
}
@media screen and (max-width: 1080px) {
.about-s3-version #feed {
    margin: 30px 0;
}
}
.about-s3-version #feed .news-post {
  text-align: left;
  margin: 0px 0 30px;
  border-bottom: 1px solid #4c4557 !important;
  width: 100%;
  padding: 0px 10px 30px 0;
  text-align: left;
  display: block;
  text-decoration: none;
}
.about-s3-version #feed .news-post a.primary.right {
  font-size: 1.2em;
  float: right;
}
.about-s3-version #feed .news-post .date {
  margin: 0 0 30px 5px;
  font-size: 0.8em;
}
.about-s3-version #prize-stats {
  display: block;
  margin: 15px 0 15px;
  padding: 0 10px 0 0;
  text-align: right;
}
.about-s3-version #prize-stats h2 {
  color: #b8e986;
}
.about-s3-version #prize-stats h3 {
  font-size: 2em;
}
.about-s3-version #prize-stats h3 strong {
  color: #b8e986;
  font-size: 2.25rem;
}
@media screen and (max-width: 1280px) {
.about-s3-version #prize-stats h3 {
    font-size: 1.8em;
}
.about-s3-version #prize-stats h3 strong {
    font-size: 2rem;
}
}
@media screen and (max-width: 1080px) {
.about-s3-version #prize-stats {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
}
.about-s3-version #prize-stats .cash-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 25px 15px 0 10px;
}
.about-s3-version #prize-stats .cash-block .primary {
  color: #fff;
}
.about-s3-version #prize-stats .cash-block p {
  margin: 0 0 0 0;
}
.about-s3-version #prize-stats .cash-block span.primary {
  font-size: 1.5em;
}
.about-s3-version #actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-s3-version #actions button {
  margin: 15px 12px;
}
.about-s3-version #twitch {
  margin: 10px 0;
}
@media screen and (max-width: 1080px) {
.about-s3-version #twitch {
    margin: 30px 0;
}
}
.about-s3-version #twitch a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin: 30px auto;
}
.about-s3-version #twitch img {
  width: 25px;
  height: 25px;
  margin: 5px 10px 5px 0;
}
@media screen and (max-width: 1080px) {
.about-s3-version #twitch img {
    width: 50px;
    height: 50px;
}
}
.card {
  background-color: transparent;
}
#competition-banner {
  z-index: 1000;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #4c4557;
  -webkit-transition: background 200ms ease-out;
  transition: background 200ms ease-out;
}
#competition-banner .rules-banner-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  text-align: center;
  z-index: 999;
  font-size: 16px;
  font-family: "BebasNeue-Regular";
  letter-spacing: 2px;
  color: #52b3a0;
}
#competition-banner span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 250px;
  text-align: center;
  font-size: 22px;
  color: #e1dbec;
  font-family: "BebasNeue-Bold";
  letter-spacing: 2px;
}
#google-chrome-banner {
  z-index: 1001;
  width: 100%;
  position: absolute;
  left: 0;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #4c4557;
  -webkit-transition: background 200ms ease-out;
  transition: background 200ms ease-out;
}
#google-chrome-banner:hover {
  background: #195075;
}
#google-chrome-banner span {
  font-size: 16px;
  color: #e1dbec;
  font-family: "BebasNeue-Bold";
  letter-spacing: 0.05em;
  padding-bottom: 2px;
}
#google-chrome-banner span img {
  width: 16px;
  height: 16px;
  margin: 0 0.05em;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 30px;
}
#rules-section #ConfigDescription {
  margin: 15px 0 30px;
  padding: 30px 15px;
  background: #4c4557;
}
#rules-section #ConfigDescription h2 {
  margin: 0 0 15px 0;
  border-bottom: none;
}
#rules-section #ConfigDescription p {
  margin: 0 0 0 0;
}
#rules-section #ConfigDescription table {
  background: rgb(5, 17, 24);
}
#rules-section #rules-highlight {
  color: #ffffff;
  opacity: 0.9;
  font-weight: bold;
}
#rules-section .video_container {
  width: 640px;
  height: 360px;
}
#rules-section hr {
  background: #17476a;
  width: 110%;
  margin-left: -5%;
  margin-right: -5%;
}
#rules-section h1 {
  color: #ffffff;
  font-family: BebasNeue-Bold;
  letter-spacing: 1px;
}
#rules-section h2 {
  max-width: 800px;
  display: inline-block;
  width: 100%;
  margin: 50px 0px 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #247ab0;
  border-bottom: 2px solid #195075;
  text-align: left;
  background: transparent;
  font-family: BebasNeue-Bold;
  font-size: 22px;
  opacity: 1;
  letter-spacing: 1px;
  opacity: 0.8;
}
#rules-section h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #af1b77;
  font-family: BebasNeue-Regular;
  font-size: 22px;
  opacity: 1;
  text-align: left;
  margin: 0px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#rules-section h4 {
  max-width: 800px;
  display: inline-block;
  width: 100%;
  margin: 50px 0px 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #ffffff;
  text-align: left;
  background: transparent;
  font-family: BebasNeue-Bold;
  font-size: 22px;
  opacity: 1;
  letter-spacing: 1px;
  opacity: 0.8;
}
#rules-section h5 {
  display: inline-block;
  margin-left: 40px;
  -webkit-font-smoothing: antialiased;
  top: -2px;
  position: relative;
  color: #1d618d;
  font-weight: bold;
  font-size: 20px;
  font-family: "Avenir";
}
#rules-section p {
  max-width: 800px;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3em;
  font-family: "Avenir";
  padding: 10px 50px 0px 10px;
}
#rules-section ul {
  list-style-type: none;
  padding: 0;
}
#rules-section .rules-nav-bar {
  float: left;
  margin-right: -5%;
  color: #fff;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.09em;
}
#rules-section .rules-nav-bar:hover {
  color: #295772;
}
#rules-section #scrollSpy {
  position: relative;
  z-index: 1;
  letter-spacing: 1px;
  text-align: left;
  padding-top: 15px;
}
#rules-section #scrollSpy .label {
  display: block;
  padding: 5px 5px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1em;
  font-family: "BebasNeue-Regular";
}
#rules-section #rules-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 50px;
}
#rules-section li.active {
  background-color: #0b2939;
  color: #2ea2ea;
}
#rules-section .label {
  padding: 10px 15px;
  position: relative;
  display: block;
  font-size: 1.5em;
  font-family: "BebasNeue-Book";
}
#rules-section .nav-link {
  font-size: 1.15em;
  white-space: nowrap;
  letter-spacing: 0.1em;
  color: #247ab0;
  padding: 0px 20px;
  font-family: "BebasNeue-Book";
  list-style-type: square;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#rules-section .nav-link:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 5px;
  height: 5px;
  background: #195075;
}
#rules-section .nav-link.rounded:before {
  border-radius: 50%;
}
#rules-section .nav-link:hover {
  color: #fff;
}
#rules-section .nav-link:hover:before {
  background: #2ea2ea;
}
#rules-section .nav-link.active {
  color: #fff;
}
#rules-section .nav-link.router-link-active {
  color: #fff;
}
#rules-section .nav-link.router-link-active.sub {
  color: #fff;
}
#rules-section .nav-link.sub {
  font-family: "BebasNeue-Regular";
  padding-left: 40px;
  color: #195075;
  font-size: 1em;
}
#rules-section .nav-link.sub:before {
  content: "–";
  background: none;
  left: 30px;
  top: 0;
  color: #195075;
}
#rules-section .nav-link.sub:hover {
  color: #fff;
}
#rules-section .nav-link.sub:hover:before {
  color: #2ea2ea;
}
#rules-section .nav-link.sub2 {
  padding-left: 65px;
  color: rgb(25, 80, 117);
  padding-top: 2px;
  padding-bottom: 0px;
  font-family: BebasNeue-Regular;
}
#rules-section .nav-link.sub2:hover {
  color: #fff;
}
#rules-section img {
  max-width: 100%;
}
#rules-section .alt-table table {
  border-bottom: 20px solid #0a202c;
}
#rules-section .alt-table table thead > tr > th {
  background: #0a202c;
  font-family: BebasNeue-Bold;
  border: none;
  font-size: 0.8em;
}
#rules-section .alt-table table thead > tr > th:first-child {
  padding-left: 20px;
}
#rules-section .alt-table table tbody > tr > td {
  background: #20292f;
  font-family: BebasNeue-Regular;
  border: none;
  border-top: 1px solid #2b3338;
  font-size: 1em;
}
#rules-section .alt-table table tbody > tr > td:first-child {
  padding-left: 20px;
}
#rules-section .alt-table table tbody > tr:nth-child(odd) td {
  background: #20292f;
}
#rules-section table {
  max-width: 800px;
  margin-bottom: 20px;
  margin-top: 30px;
  width: 100%;
}
#rules-section table .config-table {
  border: 3px #ffffff;
}
#rules-section table thead > tr > th {
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: BebasNeue-Bold;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  border-radius: 0px;
  font-size: 17px;
  cursor: pointer;
  letter-spacing: 1px;
  line-height: 18px;
  border: 2px solid #0b2939;
  border-right: 0px;
  outline: none;
  padding-top: 11px;
  padding-bottom: 7px;
  padding-left: 10px;
}
#rules-section table thead > tr > th:last-child {
  border-right: 2px solid #0b2939;
}
#rules-section table tbody > tr > td {
  font-size: 15px;
  opacity: 1;
  letter-spacing: 1.2px;
  line-height: 18px;
  font-weight: 400;
  background: transparent;
  border: 2px solid #0b2939;
  font-family: "Avenir";
  padding: 10px;
}
#rules-section table tbody > tr > td:last-child {
  border-right: 2px solid #0b2939;
}
#rules-section table tbody > tr > td:first-child {
  font-weight: bold;
  color: rgba(254, 254, 254, 0.831372549);
  -webkit-font-smoothing: antialiased;
}
#rules-section table tbody > tr:nth-child(odd) td {
  background: #041a24;
}
#rules-section p strong {
  max-width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #195075;
  font-family: BebasNeue-Regular;
  font-size: 22px;
  opacity: 1;
  text-align: left;
  margin: 0px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 20px;
  outline: 0 !important;
  letter-spacing: 0.05em;
}
#rules-section summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #195075;
  font-family: BebasNeue-Regular;
  font-size: 22px;
  opacity: 1;
  text-align: left;
  margin: 0px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 20px;
  outline: 0 !important;
  opacity: 0.9;
  letter-spacing: 2px;
}
#rules-section summary:hover {
  opacity: 1;
}
#rules-section details {
  max-width: 780px;
  padding-left: 20px;
  padding: 0px 20px 5px 20px;
  background: transparent;
  border: 2px solid transparent;
}
#rules-section details[open] {
  background: #051116;
  border: 2px solid #0b2939;
}
#rules-section details[open] summary {
  color: #2ea2ea;
  opacity: 0.9;
}
#rules-section details[open] summary:hover {
  color: #2ea2ea;
  opacity: 1;
}
#rules-section h4 {
  display: inline-block;
  padding-left: 10px;
}
#rules-section h5 {
  display: inline-block;
  margin-left: 30px;
  -webkit-font-smoothing: antialiased;
  top: -2px;
  position: relative;
  font-size: 18px;
}
#rules-section b {
  font-weight: bolder;
  color: #247ab0;
}
#rules-section b a {
  color: #247ab0;
}
#rules-section b a:hover {
  color: #2ea2ea;
}
#rules-section ol {
  padding-left: 60px;
}
#rules-section ol li {
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  font-family: "Avenir";
  font-size: 95%;
}
#competitions-filter-controls {
  width: 100%;
  border-bottom: 2px solid #0b2939;
  margin-top: 0px;
}
#competition-timeline {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px auto 30px;
  padding: 0 15px;
}
#competition-timeline .timeline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 5px;
  background: #4c4557;
  border-radius: 20px;
}
#competition-timeline .timeline .timeline-bar {
  width: 50%;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: #52b3a0;
  border-radius: 20px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#competition-timeline .timeline .timeline-point {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: transparent !important;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#competition-timeline .timeline .timeline-point::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #000;
  border: 4px solid #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#competition-timeline .timeline .timeline-point.active::after {
  background: #52b3a0;
  border-color: #52b3a0;
}
#competition-timeline .timeline .timeline-point.active h4 {
  color: #52b3a0;
}
#competition-timeline .timeline .timeline-point h4 {
  position: relative;
  font-family: "BebasNeue-Regular";
  font-size: 0.8em;
  letter-spacing: 0.085em;
  color: #e1dbec;
  text-align: center;
  top: 30px;
  white-space: nowrap;
}
#competition-application {
  width: 100%;
  border-bottom: 2px solid #4c4557;
  margin-top: 0px;
}
#welcome-container {
  text-align: left;
}
#competition-detail {
  background: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/blue-bg-algo.png);
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: 80% 200px;
}
#competition-detail #participants {
  padding-top: 20px;
}
#competition-detail #matches {
  padding-top: 20px;
}
.download-btn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.upload-btn {
  background: transparent;
  border: 1px dashed #fff;
  color: #fff;
}
.uploaderrorbutton {
  background: #b73329;
}
.change-btn {
  padding: 6px 10px 3px;
  font-size: 16px;
  line-height: 13px;
  background: #247ab0;
  font-family: BebasNeue-Bold;
  padding: 5px 30px 3px;
  max-width: 100px;
  width: auto;
  opacity: 0.7;
  letter-spacing: 0.05em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  border: none;
}
@media screen and (max-width: 1200px) {
.change-btn {
    font-size: 16px;
    padding: 5px 15px 3px;
    min-width: 80px;
}
}
.change-btn:hover {
  opacity: 1;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.btn {
  font-size: 18px;
  font-family: BebasNeue-Bold;
  padding: 5px 30px 3px;
  min-width: 100px;
  width: auto;
  margin: 0 15px 0;
  opacity: 0.7;
  letter-spacing: 0.05em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  border-radius: 0;
}
@media screen and (max-width: 1200px) {
.btn {
    font-size: 16px;
    padding: 5px 15px 3px;
    min-width: 80px;
}
}
.btn:hover {
  opacity: 1;
}
.selector-table {
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-collapse: collapse;
  width: 400px;
  margin: 15px 0;
}
@media screen and (max-width: 1080px) {
.selector-table {
    width: 90%;
}
}
@media (max-width: 575.98px) {
.selector-table {
    width: 100%;
}
}
.selector-table tr {
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-collapse: collapse;
  width: 400px;
}
.selector-table tr.table-row {
  color: #fff;
  font-family: BebasNeue-Regular;
}
.selector-table tr.table-row p {
  margin: 0 0 0 0;
}
.selector-table tr .selector-col,
.selector-table tr .selector-row {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}
.selector-table tr .selector-col {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.selector-table tr .selector-row {
  padding: 10px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selector-table tr .selector-row.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.selector-table tr .selector-row .choose-btn {
  margin: 0 0 0 0 !important;
}
.selector-table tr .selector-row p {
  font-family: BebasNeue-Regular;
  font-size: 1em;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.5);
}
.selector-table tr .selector-row .tooltip-text {
  font-family: BebasNeue-Regular;
  font-size: 1em;
  letter-spacing: 0.05em;
  color: #195075;
  font-size: 0.9em;
  cursor: pointer;
  -webkit-transition: color 250ms ease-out;
  transition: color 250ms ease-out;
  position: relative;
}
.selector-table tr .selector-row .tooltip-text.normal:hover .tooltip-div-normal {
  visibility: visible;
  opacity: 1;
}
.selector-table tr .selector-row .tooltip-text.error .tooltip-div-normal {
  visibility: hidden !important;
}
.selector-table tr .selector-row .tooltip-text.error .tooltip-div-error {
  visibility: visible;
  opacity: 1;
}
.selector-table tr .selector-row .tooltip-text .tooltip-div {
  position: absolute;
  min-height: 40px;
  width: 200px;
  padding: 10px 15px;
  white-space: normal;
  left: 115%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: auto;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  visibility: hidden;
  opacity: 0;
}
.selector-table tr .selector-row .tooltip-text .tooltip-div-normal {
  background: #081116;
  border: 1px solid #247ab0;
  color: #247ab0;
}
.selector-table tr .selector-row .tooltip-text .tooltip-div-error {
  background: #3d110e;
  border: 1px solid #b73329;
  color: #b73329;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.selector-table tr .selector-row .tooltip-text .tooltip-div p {
  font-family: BebasNeue-Regular;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  color: gray;
  line-height: 1.25;
}
.tooltiperror {
  visibility: visible !important;
}
#join-notification {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 580px;
  z-index: 1;
}
#join-notification p {
  margin: 0px;
  padding: 10px;
  background-color: #0b2939;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  line-height: 1.2;
  color: #ffffff;
  text-transform: uppercase;
}
#join-notification p span {
  color: #be6e0b;
}
#join-notification p span:hover {
  cursor: pointer;
  color: #f28b0f;
}
#global-competitions {
  background: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/leaderboard-bg-large.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 70px;
}
@media screen and (max-width: 1400px) {
#global-competitions {
    background-size: 150%;
    background-position: 50% 70px;
}
}
.competition-search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
}
.competition-search-bar span {
  background-color: #071929;
  padding-left: 10px;
  padding-right: 10px;
}
.competition-search-bar span i {
  margin-top: 2px;
  font-size: 25px;
}
.competition-search-bar input {
  background-color: #071929;
  border: 0px solid;
  outline: none;
  color: white;
  width: 20%;
}
.competition-preview-container {
  min-width: 200px;
}
.competition-preview {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 20px 0px;
  height: 230px;
  display: block;
  padding: 20px;
  background: rgba(11, 43, 57, 0.75);
  border-radius: 0px;
  position: relative;
  background-size: cover;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: BebasNeue-Regular;
  border: 2px solid rgba(11, 43, 57, 0.9);
  text-align: left;
  opacity: 0.85;
  -webkit-box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.75);
}
.competition-preview .title {
  color: #f7f7f7;
  font-family: BebasNeue-Regular;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  max-width: 80%;
  max-height: 60px;
  overflow: hidden;
}
.competition-preview .date-range {
  font-weight: normal;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  color: #2ea2ea;
  text-align: left;
  background: transparent;
  font-family: BebasNeue-Bold;
  font-size: 16px;
  opacity: 0.7;
  letter-spacing: 1px;
  padding: 0px;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
}
.competition-preview .description {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 14px;
  font-weight: 500;
  margin-top: 30px;
  font-family: Roboto;
  max-width: 75%;
  max-height: 60px;
  position: absolute;
  bottom: 22px;
  overflow: hidden;
}
.competition-preview .participant-count {
  position: absolute;
  right: 20px;
  color: #999999;
  bottom: 20px;
  text-align: right;
  font-size: 18px;
}
.competition-preview .prize-holder {
  position: absolute;
  right: 20px;
  color: #f7f7f7;
  top: 40px;
  text-align: right;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.05em;
}
.competition-preview .joined {
  position: absolute;
  right: 0;
  background: #1d7025;
  border-radius: 2em 0px 0px 2em;
  padding: 5px 5px 0px 13px;
  color: #04000f;
  font-weight: normal;
  top: 3px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 20px;
}
.competition-preview .join {
  background: #185e20;
  color: #000000;
  position: absolute;
  right: 0;
  border-radius: 0px;
  padding: 2px 5px 0px 7px;
  top: 0px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 900;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.competition-preview .join i.mdi {
  font-weight: bold;
}
.competition-preview .join:hover {
  background: #1d7025;
  color: #ffffff;
}
.competition-preview .locked {
  background: #0b2939;
  color: #a0adb9;
  position: absolute;
  right: 0;
  border-radius: 0px;
  padding: 2px 5px 0px 7px;
  top: 0px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 900;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}
.competition-preview .locked i.mdi {
  font-weight: bold;
}
.competition-preview .locked:hover {
  background: #1d7025;
  color: #ffffff;
}
.competition-preview:hover {
  background: rgba(11, 43, 57, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  opacity: 1;
}
.competition-preview:hover .title {
  color: #fff;
}
.competition-preview:hover .prize-holder {
  color: #fff;
}
.competition-preview:hover .participant-count {
  color: #fff;
}
.competition-preview.joined-container {
  background: rgba(9, 74, 40, 0.6);
  border: 2px solid rgba(9, 74, 40, 0.3);
}
.competition-preview.joined-container .date-range {
  color: #4de83a;
}
.competition-preview.joined-container:hover {
  background: rgba(9, 74, 40, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  opacity: 1;
}
.competition-preview.joined-container:hover .title {
  color: #fff;
}
.competition-preview.joined-container:hover .prize-holder {
  color: #fff;
}
.competition-preview.joined-container:hover .participant-count {
  color: #fff;
}
.listing-header h3 {
  display: inline-block;
  width: 33vw;
  margin: 50px 0px 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #075384;
  border-bottom: 2px solid #0b2939;
  text-align: left;
  background: transparent;
  font-family: BebasNeue-Bold;
  font-size: 18px;
  opacity: 0.9;
  letter-spacing: 1px;
}
.listing-footer h3 {
  display: inline-block;
  width: 33vw;
  margin: 50px 0px 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #075384;
  border-bottom: 2px solid #0b2939;
  text-align: left;
  background: transparent;
  font-family: BebasNeue-Bold;
  font-size: 18px;
  opacity: 0.9;
  letter-spacing: 1px;
  left: auto;
}
#back-option {
  list-style: none;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px;
}
.back-button {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  color: #247ab0;
  opacity: 0.7;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.back-button:hover {
  color: #247ab0;
  text-decoration: underline;
  opacity: 1;
}
#back-option li {
  color: rgb(66, 120, 238);
  background-color: transparent;
  text-decoration: none;
  font-weight: normal;
  font-family: BebasNeue-Bold;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  border-radius: 0px;
  font-size: 20px;
  cursor: pointer;
  padding: 5px 17px;
  margin: 10px 0px -2px -15px;
}
#back-option li:hover {
  color: #2ea2ea;
}
.filter-choices {
  list-style: none;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
}
.filter-option {
  color: #247ab0;
  background-color: transparent;
  text-decoration: none;
  font-weight: normal;
  font-family: BebasNeue-Bold;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  border-radius: 0px;
  font-size: 18px;
  cursor: pointer;
  padding: 5px 17px;
  margin: 10px 10px -2px 0px;
  letter-spacing: 1px;
}
.filter-option:hover {
  color: #2ea2ea;
}
.filter-option.active {
  color: #ffffff;
  background-color: transparent;
  border-bottom: 3px solid #fff;
}
.search-box {
  display: none;
}
.application-text {
  font-weight: normal;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  width: 100%;
  display: block;
}
.blue-1 {
  color: #2ea2ea;
}
#assessment-button {
  color: #247ab0;
  border: 1px solid #247ab0;
  font-size: 20px;
  padding: 10px;
  font-family: BebasNeue-Regular;
  background: none;
  cursor: pointer;
}
.application--finished-title {
  font-family: BebasNeue-Bold;
  font-size: 48px;
  margin-top: 50px;
  margin-bottom: 30px;
  color: #ffffff;
  opacity: 1;
  line-height: 1.2;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.application-finished {
  font-family: "Avenir";
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 40px;
  color: #ffffff;
  opacity: 0.7;
  line-height: 1.7;
  letter-spacing: 2px;
  text-align: left;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.application-title-head {
  font-family: BebasNeue-Bold;
  font-size: 25px;
  margin-top: 50px;
  margin-bottom: 40px;
  color: #ffffff;
  opacity: 0.7;
  line-height: 1.2;
  text-transform: uppercase;
}
.application-sub-title {
  font-family: BebasNeue-Bold;
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #2ea2ea;
  line-height: 1.2;
  opacity: 0.7;
}
#application-title-body {
  font-family: BebasNeue-Bold;
  font-size: 25px;
  color: #247ab0;
  line-height: 1.2;
  text-transform: uppercase;
}
#application-title-direction {
  margin-top: 30px;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  line-height: 1.2;
  color: #247ab0;
  text-transform: uppercase;
}
#resume-upload {
  width: 550px;
  display: block;
  margin: 0 auto;
  border-width: 1.5px;
}
@media screen and (max-width: 568px) {
#resume-upload {
    width: inherit;
}
}
#drag-file {
  height: 195px;
  border: 3px dotted rgb(36, 122, 176);
  background-color: black;
  border-bottom: none;
  position: relative;
}
#browse-file {
  height: 90px;
  border-left: 3px dotted rgb(36, 122, 176);
  border-right: 3px dotted rgb(36, 122, 176);
  border-bottom: 3px dotted rgb(36, 122, 176);
  border-top: 3px dotted rgba(36, 122, 176, 0.3);
  position: relative;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-weight: normal;
  background: rgb(4, 11, 17);
  border-radius: 0px;
  background-size: cover;
}
#browse-file:hover {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 0.8;
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(6, 22, 29, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  opacity: 1;
}
#drag-file #drag-title {
  font-family: BebasNeue-Regular;
  color: #247ab0;
  font-size: 28px;
  opacity: 0.8;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  margin-bottom: 20px;
}
#drag-file #or-title {
  font-family: BebasNeue-Regular;
  color: #247ab0;
  font-size: 13px;
  position: absolute;
  opacity: 0.7;
  vertical-align: text-bottom;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  margin-bottom: 8px;
}
#or-file p {
  font-family: BebasNeue-Regular;
  font-size: 15px;
  color: #247ab0;
  position: absolute;
  margin-bottom: 6px;
}
#browse-file p {
  font-size: 20px;
  font-family: BebasNeue-Regular;
  color: #247ab0;
  top: 43%;
  -webkit-transform: translateY(-43%);
          transform: translateY(-43%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.8;
}
#resume-icon {
  margin-top: 20px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
#application-page {
  height: calc(100vh - 150px);
  background-position-y: -90px;
  background-position-x: 20px;
}
#application-page .upload-file {
  vertical-align: middle;
  position: relative;
  height: 100%;
  width: 100%;
  opacity: 0;
}
#application-page .submit-btn {
  margin-top: 15px;
  font-family: BebasNeue-Regular;
  float: right;
  width: 140px;
  height: 43px;
  background: none;
  color: #247ab0;
  font-size: 25px;
  border-color: #247ab0;
  cursor: pointer;
}
#application-page .submit-disabled {
  pointer-events: none;
  opacity: 0.4;
}
#application-page .dragging {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 0.8;
  background: rgba(6, 22, 29, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  opacity: 1;
}
#application-page #bar-container {
  width: 190px;
  margin: 50px auto;
}
#application-page #bar-container #file-name {
  float: left;
  color: white;
}
#application-page .progress {
  height: 7px;
  margin-top: -10px;
  background-color: gray !important;
}
#application-page .progress-bar {
  background: white !important;
}
#application-page #pdf-upload {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  float: left;
  margin-left: 90px;
  margin-top: -18px;
}
#application-page .c1-logo {
  width: 200px;
}
#application-page #c1-logo {
  width: 100%;
  height: 100%;
}
#application-page .citadel-logo {
  width: 500px;
}
#application-page .citadel-logo img {
  margin-top: 5px;
}
#application-page #sponsor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#application-page #file-upload {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
#application-page #file-ready {
  font-size: 19px;
  margin-top: -6px;
  color: white;
  font-family: BebasNeue-Regular;
}
#application-page #percentage {
  float: right;
  margin-right: 120px;
  margin-top: 19px;
  color: white;
}
#application-page #error-message {
  color: #cc0000;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  margin: -8px auto;
}
#application-page .profile-container {
  margin-top: 30px;
  border: 3px solid #132938;
}
@media screen and (max-width: 568px) {
#application-page .profile-container {
    width: 100% !important;
}
}
@media screen and (max-width: 568px) {
#application-page .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
#application-page .editRole {
  background-color: #081116 !important;
}
#application-page .custom-text-input input {
  background-color: #081116 !important;
}
.no-competitions-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 18px;
}
.no-competitions-container {
  background: #23212A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  padding: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 48px;
}
.no-competition-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.no-competitions-title {
  color: #FFF;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Barlow Condensed";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 1.6px !important;
  text-transform: uppercase;
}
.no-competitions-description {
  color: #FFF;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Helvetica Neue";
  line-height: 36px;
  letter-spacing: 0.64px;
  text-align: start;
  margin: 0;
}
.apply-btn {
  color: #000 !important;
}
.apply-btn:hover {
  color: #52b3a0 !important;
}
#my-algos {
  background: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/dots-bg-large.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
}
#my-algos h2.selected-algo-name {
  font-size: 40px;
}
.algo-stats-name-container {
  width: 30% !important;
}
.algo-stats-rating-container {
  width: 60% !important;
}
#team-toggle {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-bottom: 30px;
}
#team-toggle input {
  text-align: center;
  visibility: hidden;
  display: none;
}
#team-toggle label {
  text-align: center;
  padding: 12px 30px;
  margin: 0px 0px;
  background: #000000;
  border: 1px solid #195075;
  width: 400px;
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  color: #5996c3;
}
#team-toggle label.active, #team-toggle label:hover {
  background: #041a24;
  border: 1px solid #195075;
  color: #ffffff;
}
@media screen and (max-width: 1080px) {
#team-toggle {
    width: 100%;
}
}
#algo-container {
  padding-bottom: 200px;
  width: 25%;
  margin-top: 75px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 100%);
}
h2.selected-algo-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #ffffff;
  font-weight: normal;
  font-size: 30px;
  position: relative;
  top: auto;
  left: auto;
  font-family: BebasNeue-Bold;
  bottom: auto;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  margin-top: 5px;
}
h3.selected-algo-sub {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 22px;
  opacity: 1;
  text-align: left;
  margin: 0px;
  line-height: 26px;
  margin-bottom: -5px;
  margin-top: 5px;
}
.nav-tabs > li.nav-item a.nav-link {
  background: transparent;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  opacity: 0.9;
}
.nav-tabs > li.nav-item a.nav-link.active {
  color: #ffffff;
}
.nav-tabs {
  background-color: #000000;
  border: 2px solid #0b2939;
}
.tab-content.myalgos {
  background: rgba(11, 43, 57, 0.4);
  border: 2px solid #0b2939;
  border-top: 0px;
  padding: 40px 60px;
  margin-bottom: 40px;
  border-radius: 0 0 0px 0px;
  min-height: 250px;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.nav-tabs > li.nav-item a.nav-link:hover {
  background: transparent;
  color: #ffffff;
  opacity: 1;
}
.nav-tabs > li.nav-item a.nav-link.active:hover,
.nav-tabs > li.nav-item a.nav-link.active:focus {
  color: #ffffff;
  opacity: 1;
}
.nav-tabs > li.nav-item a.nav-link.active {
  color: #ffffff;
}
.nav-tabs > li.nav-item a.nav-link.active {
  background: transparent;
  border-bottom: none;
  color: #ffffff;
  font-family: BebasNeue-Regular;
  font-size: 20px;
}
.container-fluid {
  position: relative;
  z-index: 2;
}
.background-svg {
  position: absolute;
  pointer-events: none;
  width: 100vw;
  height: 60vh;
  display: block;
  bottom: 0px;
  overflow: hidden;
  bottom: 0px;
  top: calc(40vh - 65px);
  left: 0px;
  right: 0px;
}
.background-svg svg .st0 {
  opacity: 0.07;
}
.background-svg svg .st1 {
  fill: none;
}
.background-svg svg .st2 {
  fill: #ffffff;
}
.background-svg svg {
  position: absolute;
  z-index: 0;
  width: 70vw;
  left: 50%;
  top: -20px;
  opacity: 0.3;
  pointer-events: none;
  margin-left: -43vw;
  overflow: hidden;
}
.background-svg:after {
  position: absolute;
  width: 100vw;
  height: 250px;
  bottom: 0px;
  content: "";
  z-index: 1;
  left: 0px;
}
.selected-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
@media screen and (max-width: 1400px) {
.selected-container {
    padding-left: 30px;
}
}
#tutorial-link {
  cursor: pointer;
  -webkit-transition: color 250ms ease-in;
  transition: color 250ms ease-in;
  font-family: BebasNeue-Regular;
  font-size: 16px;
  letter-spacing: 0.085em;
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
#tutorial-link:hover {
  color: #a0adb9;
}
#selected-algo-container {
  padding-bottom: 200px;
  width: 25%;
}
@media screen and (max-width: 1400px) {
#selected-algo-container {
    width: 100%;
    padding-bottom: 50px;
}
}
#replay-container {
  padding-bottom: 200px;
  width: 100%;
}
.algo-video {
  position: absolute;
  right: 5%;
  bottom: 0px;
  padding-bottom: 100px;
  z-index: 9999;
}
@media screen and (max-width: 1400px) {
.algo-video {
    position: relative;
    bottom: 0;
    margin: 0 auto;
    padding-bottom: 100px;
    right: 0;
}
}
.algo-video h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: BebasNeue-Book;
}
@media screen and (max-width: 1400px) {
#my-algos {
    background-size: 150%;
    background-position: 50% 70px;
}
}
@media screen and (max-width: 950px) {
.selected-container {
    padding-left: 85px;
}
}
@media screen and (max-width: 767px) {
.selected-container {
    padding-left: 100px;
}
}
@media screen and (max-width: 650px) {
#my-algos {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
}
#algo-container {
    padding-bottom: 20px;
    width: 100%;
}
.selected-container {
    padding-left: 0px;
}
#replay-container {
    padding-bottom: 20px;
}
}
.mobile-carousel > div > div > div {
  padding: 0 5px;
}
#my-mobile-algos .mobile-carousel {
  margin: 0 0 10px;
}
#my-mobile-algos .mobile-carousel .mobile-carousel-dots {
  margin: 10px 0 0;
  height: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#my-mobile-algos .mobile-carousel .mobile-carousel-dots ._dot {
  width: 10px;
  height: 10px;
  background: #195075;
  border-radius: 50%;
  border: 1px solid #0b2939;
  margin: 0 5px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
#my-mobile-algos .mobile-carousel .mobile-carousel-dots ._dot.active {
  background: #2ea2ea;
}
#my-mobile-algos .algo-card {
  padding: 10px 15px;
  margin-bottom: 0px !important;
  border: 1px solid #2ea2ea;
  background: #0b2939;
  opacity: 1;
  height: 90px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#my-mobile-algos .algo-card .algo-actions-right {
  display: none;
}
#my-mobile-algos .algo-card .algo-heading {
  font-size: 10px;
  font-family: BebasNeue-Bold;
  color: #ff22a1;
  line-height: 12px;
  opacity: 1;
}
#my-mobile-algos .algo-card .algo-name {
  font-size: 28px;
  line-height: 28px;
  color: #fff;
  opacity: 1;
}
#my-mobile-algos .algo-card .mobile-algo-stats {
  position: absolute;
  right: 15px;
  bottom: 5px;
  text-align: right;
}
#my-mobile-algos .algo-card .mobile-algo-stats span {
  display: block;
  line-height: 22px;
}
#my-mobile-algos .algo-card .mobile-algo-stats .algo-rating {
  color: #ff22a1;
  font-family: "BebasNeue-Bold";
  font-size: 20px;
}
#my-mobile-algos .algo-card .mobile-algo-stats .algo-ranking {
  color: #247ab0;
  font-size: 18px;
  display: none;
}
#my-mobile-algos .algo-card .matches {
  position: absolute;
  left: 15px;
  bottom: 0px;
  text-align: left;
}
#my-mobile-algos .algo-card .matches span {
  font-size: 12px;
  margin: 0 15px 0 0;
}
#my-mobile-algos .algo-card .matches span b {
  font-size: 14px;
}
#my-mobile-algos .algo-card .matches span.win {
  color: #ff22a1;
}
#my-mobile-algos .algo-card .matches span.loss {
  color: #2ea2ea;
}
#mobile-replay-container #mobile-replay-table {
  width: 100%;
  border: 1px solid #2ea2ea;
}
#mobile-replay-container #mobile-replay-table th {
  border: 1px solid #2ea2ea;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 1em;
}
#mobile-replay-container #mobile-replay-table tbody {
  border: 1px solid #2ea2ea;
}
#mobile-replay-container #mobile-replay-table tbody tr,
#mobile-replay-container #mobile-replay-table tbody td {
  border: none;
}
#mobile-replay-container #mobile-replay-table tbody tr {
  color: #247ab0;
  background: #0b2939;
}
#mobile-replay-container #mobile-replay-table tbody tr:nth-child(2n) {
  background: #00081c;
}
#mobile-replay-container #mobile-replay-table tbody tr.win {
  color: #af1b77;
}
#mobile-replay-container #mobile-replay-table tbody tr td {
  font-size: 0.8em;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.085em;
  padding: 8px;
}
.no-algos {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
.no-algos i,
.no-algos p,
.no-algos h1 {
  color: #52b3a0;
}
.no-algos h4 {
  margin: 5px 0;
}
@media screen and (max-width: 1080px) {
#playground {
    height: 80vh !important;
}
}
#playground .config-display {
  float: right;
  font-size: 12px;
  margin-top: -24px;
  font-family: BebasNeue-Bold;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.5);
}
#playground .width-disclaimer {
  display: none;
  background: #1a181e;
  z-index: 99999;
  width: 100%;
  height: 100%;
  padding-top: 40%;
}
@media screen and (max-width: 1200px), screen and (max-height: 580px) {
#playground .width-disclaimer {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
}
#playground .width-disclaimer h4 {
  color: #ffffff;
}
#playground .width-disclaimer.fullScreen {
  z-index: 999999;
}
#playground #external-playtest-link a {
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  line-height: 60px;
  color: #247ab0;
  font-size: 20px;
  padding: 2px 18px 0px;
  font-weight: normal;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#playground #external-playtest-link a:before {
  content: "[";
  color: #247ab0;
  font-family: BebasNeue-Bold;
  position: absolute;
  left: 50px;
  font-size: 1.8em;
  top: -15px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#playground #external-playtest-link a:after {
  content: "]";
  color: #247ab0;
  font-family: BebasNeue-Bold;
  position: absolute;
  right: 50px;
  font-size: 1.8em;
  top: -15px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#playground #external-playtest-link a:hover {
  color: #2ea2ea;
}
#playground #external-playtest-link a:hover:before {
  content: "[";
  color: #2ea2ea;
  left: 2px;
  opacity: 0.6;
}
#playground #external-playtest-link a:hover:after {
  content: "]";
  color: #2ea2ea;
  right: 2px;
  opacity: 0.6;
}
.code-editor {
  height: 85%;
  width: 100%;
  text-align: left;
}
#server-timeout-error {
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  border: 1px solid #52B3A0;
  padding: 0 15px;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background: #1a181e;
  cursor: pointer;
}
#server-timeout-error h1 {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: BebasNeue-Regular;
  color: #adae2c;
  margin: 0 0 0 0;
  padding: 15px 0;
  white-space: nowrap;
}
#server-timeout-error h1 span {
  font-size: 22px;
  line-height: 22px;
  margin-right: 15px;
  border-right: 1px solid #74741e;
  padding: 15px 15px 15px 0;
}
#server-timeout-error:hover {
  border-color: #fff;
  background-color: #52B3A0;
  color: #fff;
}
#server-timeout-error:hover h1 {
  color: #fff;
}
#server-timeout-error:hover h1 span {
  color: #fff;
  border-color: #fff;
}
#metrics {
  width: 100%;
  position: relative;
  display: block;
}
#metrics h1.lead-header {
  margin: 30px auto 15px;
  font-size: 4em;
  font-family: BebasNeue-Book;
  text-align: center;
  border-bottom: 1px solid #a0adb9;
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#metrics h1.lead-header span {
  font-size: 1.2em;
  margin: 0 15px 15px 0;
}
#boss-victories .card-header {
  margin: 30px 0 0px;
  font-size: 1.6em;
  line-height: 1.6em;
  font-family: BebasNeue-Book;
  color: #195075;
  line-height: 1.8em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#boss-victories .card-header span {
  color: #247ab0;
  font-size: 2em;
  line-height: 1.6em;
  margin: 0 15px 0 0;
}
#metrics-board thead th {
  font-family: BebasNeue-Bold;
}
#metrics-board thead th:before, #metrics-board thead th:after {
  display: none;
}
#metrics-board tbody .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#metrics-board tbody .user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 10px;
}
#metrics-board tbody .algo {
  padding: 10px 0 0;
}
#metrics-board tbody .algo small {
  display: block;
  margin: 5px 0 0;
  font-size: smaller;
  color: #247ab0;
}
#metrics-board tbody .algo small span {
  margin: 0 5px;
}
#metrics-board tbody .boss[id="0"], #metrics-board tbody .boss[id="1"] {
  color: #25741d;
}
#metrics-board tbody .boss[id="2"], #metrics-board tbody .boss[id="3"], #metrics-board tbody .boss[id="4"] {
  color: #804909;
}
#metrics-board tbody .boss[id="5"], #metrics-board tbody .boss[id="6"], #metrics-board tbody .boss[id="7"] {
  color: #7a231c;
}
#metrics-board tbody .date {
  font-size: 16px;
  font-family: BebasNeue-Book;
}

/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.c3 path,
.c3 line {
  fill: none;
  stroke: #000;
}
.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}
.c3-chart-arc path {
  stroke: #fff;
}
.c3-chart-arc rect {
  stroke: white;
  stroke-width: 1;
}
.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}
.c3-grid text {
  fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}
.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}
.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}
.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}
.c3-legend-item-hidden {
  opacity: 0.15;
}
.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.c3-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}
.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}
.c3-tooltip tr {
  border: 1px solid #ccc;
}
.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #fff;
}
.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}
.c3-chart-arc .c3-gauge-value {
  fill: #000;
}
.c3-chart-arc.c3-target g path {
  opacity: 1;
}
.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

/*-- Zoom --*/
.c3-drag-zoom.enabled {
  pointer-events: all !important;
  visibility: visible;
}
.c3-drag-zoom.disabled {
  pointer-events: none !important;
  visibility: hidden;
}
.c3-drag-zoom .extent {
  fill-opacity: 0.1;
}
#charts .chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto;
  height: 500px;
  max-height: 600px !important;
  background: rgba(11, 43, 57, 0.4);
  -webkit-transition: background 300ms ease-out;
  transition: background 300ms ease-out;
}
#charts .chart:hover {
  background: #00081c;
}
#charts .chart svg {
  margin: 25px;
}
#charts .chart svg .c3-axis path.domain {
  fill: none;
  stroke: #216356;
  stroke-width: 1px;
}
#charts .chart svg .c3-axis g.tick line {
  fill: none;
  stroke: #216356;
  stroke-width: 1px;
}
#charts .chart svg text {
  fill: #fff;
}
#charts .chart svg .c3-legend-item {
  padding-top: 10px;
}
#charts .chart svg .c3-legend-item text {
  font-family: BebasNeue-Regular;
  font-size: 14px;
  letter-spacing: 1px;
}
#editUser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  width: 100%;
  padding: 0px 0px 200px;
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
#editUser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 0px 100px;
}
#editUser .block {
    margin: 0 0 50px;
}
}
#editUser h4 {
  font-family: BebasNeue-Regular;
}
#editUser .userTagline,
#editUser .teamTagline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 30px 5px 0;
  border: 3px solid #0b2939;
  min-height: 300px;
  height: auto;
  margin: 0 0 30px;
}
#editUser .userTagline h4,
#editUser .teamTagline h4 {
  font-family: BebasNeue-Book;
  margin: 15px auto;
  font-size: 22px;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0.085em;
}
#editUser .userTagline h4 span,
#editUser .teamTagline h4 span {
  font-family: BebasNeue-Book;
  font-size: 30px;
  color: #a0adb9;
  line-height: 24px;
  margin: 0 4px;
  top: 2.5px;
  position: relative;
}
#editUser .userTagline h4 small,
#editUser .teamTagline h4 small {
  display: block;
}
#editUser .userTagline h4 small a,
#editUser .teamTagline h4 small a {
  color: #247ab0;
  text-decoration: none;
  margin: 0 0 0 5px;
}
#editUser .userTagline h4 small,
#editUser .teamTagline h4 small {
  margin: 5px auto;
  font-size: 14px;
}
#editUser .userTagline .profileProgress,
#editUser .teamTagline .profileProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 120px;
  margin: 15px auto;
  border-radius: 50%;
  border: 4px solid #42414c;
}
#editUser .userTagline .profileProgress img,
#editUser .teamTagline .profileProgress img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  display: block;
}
#editUser .userStats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 0 0 0 0;
  overflow: hidden;
  height: auto;
  min-height: 300px;
}
#editUser .userStats .editUserIcon {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: #0b2939;
  -webkit-transition: 200ms opacity ease-out;
  transition: 200ms opacity ease-out;
  z-index: 999;
}
#editUser .userStats .editUserIcon:hover {
  opacity: 1;
}
#editUser .userStats p.header {
  position: absolute;
  padding: 5px 15px;
  margin: 0 0 15px 0;
  width: 100%;
  top: 0;
  left: 0;
  text-align: left;
  background: #0b2939;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "BebasNeue-Regular";
  color: #a0adb9;
  letter-spacing: 0.085em;
}
#editUser .userAlgos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 0 0 0 0;
  border: 3px solid #0b2939;
  overflow: hidden;
  height: auto;
  min-height: 300px;
  margin: 30px auto;
}
.rowBlock {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 991px) {
.rowBlock {
    height: 400px;
}
}
.rowBlock {
  background: #000f18;
}
.rowBlock form,
.rowBlock .userInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0;
  height: 100%;
  width: 100%;
}
.rowBlock form .info-container,
.rowBlock .userInfo .info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rowBlock form h1,
.rowBlock form h4,
.rowBlock .userInfo h1,
.rowBlock .userInfo h4 {
  font-family: BebasNeue-Regular;
  color: #fff;
}
.rowBlock form h1 span,
.rowBlock form h1 small,
.rowBlock form h4 span,
.rowBlock form h4 small,
.rowBlock .userInfo h1 span,
.rowBlock .userInfo h1 small,
.rowBlock .userInfo h4 span,
.rowBlock .userInfo h4 small {
  color: #247ab0;
}
.rowBlock form h1,
.rowBlock .userInfo h1 {
  font-size: 4em;
}
.rowBlock form h4,
.rowBlock .userInfo h4 {
  letter-spacing: 0.1em;
  margin: 0 0 0 0;
}
@media screen and (max-width: 776px) {
.rowBlock form h4,
  .rowBlock .userInfo h4 {
    font-size: 1em;
}
}
.rowBlock form .align-block,
.rowBlock .userInfo .align-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rowBlock form .align-block h4,
.rowBlock .userInfo .align-block h4 {
  margin: 0 0 15px;
}
.rowBlock form .align-block small,
.rowBlock .userInfo .align-block small {
  font-family: BebasNeue-Bold;
  vertical-align: middle;
  margin: 0 5px;
  letter-spacing: 0.085em;
  word-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.rowBlock form .align-block,
  .rowBlock .userInfo .align-block {
    text-align: left;
}
.rowBlock form .align-block h4,
  .rowBlock form .align-block small,
  .rowBlock .userInfo .align-block h4,
  .rowBlock .userInfo .align-block small {
    display: block;
}
.rowBlock form .align-block h4,
  .rowBlock .userInfo .align-block h4 {
    margin: 0px 0 10px;
}
.rowBlock form .align-block small,
  .rowBlock .userInfo .align-block small {
    margin: 0px 0;
}
}
.rowBlock .form_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 1080px) {
.rowBlock .form_input {
    max-width: 300px;
    margin: 5px auto;
}
}
@media screen and (max-width: 991px) {
.rowBlock .form_input {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 0px;
}
}
.rowBlock .form_input {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: auto;
  margin: 35px auto 0;
  position: relative;
}
.rowBlock .form_input.vf-field-valid.vf-field-touched input {
  border-color: #25741d !important;
}
.rowBlock .form_input.vf-field-invalid input {
  border-color: #7a231c !important;
}
.rowBlock .form_input label {
  font-family: BebasNeue-Regular;
  color: #52b3a0 !important;
  font-size: 14px;
  margin: 0 10px 0 0;
  white-space: nowrap;
  letter-spacing: 0.085em;
}
.rowBlock .form_input input {
  font-family: BebasNeue-Bold;
  font-size: 18px;
  line-height: 23px;
  background: transparent;
  color: white;
  margin: 0 0 0 0;
  letter-spacing: 0.085em;
}
@media screen and (max-width: 1280px) {
.rowBlock .form_input input {
    max-width: 180px;
}
}
.rowBlock .form_input .multiselect__spinner {
  background: transparent;
  border-color: transparent;
}
.rowBlock .form_input .multiselect__placeholder {
  margin-bottom: 0;
}
.rowBlock .form_input .multiselect__tags,
.rowBlock .form_input .multiselect__input,
.rowBlock .form_input .multiselect__single {
  background: transparent;
  border-color: transparent;
  color: #fff;
  font-family: BebasNeue-Bold;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.085em;
}
.rowBlock .form_input .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #0b2939;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #195075;
}
.rowBlock .form_input .multiselect__content-wrapper .multiselect__option {
  color: #fff;
}
.rowBlock .form_input .multiselect__content-wrapper .multiselect__option--selected {
  color: #35495e;
}
.rowBlock .form_input .messages {
  display: block;
  color: #b73329;
  position: absolute;
  width: 200px;
  text-align: right;
  top: 35px;
  right: 25px;
}
.rowBlock .form_input .messages p {
  font-family: BebasNeue-Bold;
  font-size: 10px;
  letter-spacing: 0.05em;
}
.rowBlock .form_input.small {
  min-width: 260px;
}
.rowBlock .form_input.small label {
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
.rowBlock .form_input.small label {
    font-size: 12px;
}
}
.rowBlock .form_input.small input {
  font-size: 16px;
}
@media screen and (max-width: 1280px) {
.rowBlock .form_input.small input {
    font-size: 14px;
}
}
.rowBlock .form_submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
  margin: 10px auto 0;
}
@media screen and (max-width: 991px) {
.rowBlock .form_submit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
}
.rowBlock .form_submit button {
  font-family: BebasNeue-Book;
  margin: 30px 0 0 0;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  cursor: pointer;
  font-size: 18px;
  padding: 5px 22px 2px;
}
@media screen and (max-width: 991px) {
.rowBlock .form_submit button {
    padding: 5px 15px 2px;
    width: 280px;
    font-size: 14px;
}
}
.rowBlock .form_submit button.submit {
  background: #0b2939;
  border: 1px solid #247ab0;
  color: #a0adb9;
}
.rowBlock .form_submit button.submit:hover {
  background: #195075;
  border: 1px solid #fff;
  color: #fff;
}
#userResume p.header,
#userSchool p.header {
  margin-left: 15px;
}
.rowBlock {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
.rowBlock {
    padding: 30px 10px 0;
}
}
.rowBlock .error,
.rowBlock .confirm {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 14px;
  text-align: right;
  width: 100%;
  padding: 10px 5px;
  position: relative;
}
.rowBlock .error i,
.rowBlock .confirm i {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0, -60%);
          transform: translate(0, -60%);
  line-height: 12px;
}
.rowBlock .error {
  color: #b73329;
}
.rowBlock .error i {
  color: #f44437;
  font-size: 14px;
}
.rowBlock .confirm {
  color: #247ab0;
}
.rowBlock .confirm i {
  color: #2ea2ea;
  font-size: 16px;
}
.rowBlock .success {
  color: green;
  font-size: 14px;
}
.rowBlock .ring-spinner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px auto;
}
.rowBlock .lds-ring > div {
  border: 2px solid #247ab0;
  border-color: #247ab0 transparent transparent transparent;
  width: 50%;
  height: 50%;
}
.rowBlock p {
  float: right;
  color: #247ab0;
  font-size: 12px;
  font-family: "BebasNeue-Regular";
}
#upload-resume {
  display: block;
  width: 100%;
  height: 100px;
  border: 2px dashed #195075;
  opacity: 0.7;
  -webkit-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
  -webkit-animation: from-bottom-simple 450ms ease-out;
  animation: from-bottom-simple 450ms ease-out;
  overflow: hidden;
}
#upload-resume .drop-area {
  background: #0b2939;
  height: 100%;
}
#upload-resume .drop-area p {
  color: #fff;
  font-size: 16px;
}
#upload-resume .drop-area p .icon {
  font-size: 30px;
}
#upload-resume:hover {
  opacity: 1;
}
#upload-resume.success {
  border: 2px solid #25741d;
  border-radius: 2px;
}
#upload-resume.success .drop-area {
  background: #133a0d;
}
#upload-resume.failed {
  border: 2px solid #7a231c;
  border-radius: 2px;
}
#upload-resume.failed .drop-area {
  background: #3d110e;
}
#validate {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: BebasNeue-Book;
}
#validate .checkVerified i {
  color: #4de83a;
}
#validate .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 100%;
}
#validate .form_submit {
  margin-top: 0;
}
#validate .d-control {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  height: 60px;
  cursor: pointer;
  border: 1px solid #a0adb9;
  margin: 25px auto;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  opacity: 0.8;
  -webkit-transition: color 250ms ease-out, opacity 250ms ease-in-out, border-color 250ms ease-out;
  transition: color 250ms ease-out, opacity 250ms ease-in-out, border-color 250ms ease-out;
  position: relative;
  font-family: BebasNeue-Regular;
}
#validate .d-control::before, #validate .d-control::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
#validate .d-control::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#validate .d-control::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
#validate .d-control .down-caret {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  display: inline-block;
  margin-left: 6px;
  top: -3px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  border-color: #fff transparent transparent transparent;
}
#validate .d-control.active, #validate .d-control:hover {
  opacity: 1;
  background: rgba(11, 43, 57, 0.4);
}
#validate .d-control.active::before, #validate .d-control.active::after, #validate .d-control:hover::before, #validate .d-control:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
#validate .d-control.active .down-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#validate .d-school-dropdown {
  width: 200px;
  padding: 0px;
  margin: -25px auto 25px;
  list-style: none;
  max-height: 200px;
  overflow: scroll;
  border-bottom: 2px solid #fff;
  position: relative;
}
#validate .d-school-dropdown li {
  width: 100%;
  height: 60px;
  padding: 0 0 0 0;
  background: transparent;
  -webkit-animation: extend-height 500ms ease-in-out;
          animation: extend-height 500ms ease-in-out;
}
#validate .d-school-dropdown li button {
  background: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid #fff;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  opacity: 0.8;
  letter-spacing: 0.065em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background 500ms ease-out;
  transition: background 500ms ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#validate .d-school-dropdown li button:hover {
  opacity: 1;
}
#validate .form_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 300px;
  width: auto;
  margin: 15px auto 0;
}
@media screen and (max-width: 1080px) {
#validate .form_input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
#validate .form_input input {
    margin: 0px auto 30px;
    width: 90%;
}
}
#validate .form_input label {
  font-family: BebasNeue-Bold;
  color: #52b3a0;
  margin: 5px 10px;
  letter-spacing: 0.05em;
  font-size: 24px;
  white-space: nowrap;
}
#validate .form_input input {
  font-family: BebasNeue-Regular;
  padding: 5px 10px 2px;
  font-size: 18px;
  background: rgba(11, 43, 57, 0.4);
  color: #fff;
  border: 1px solid #42414c;
  letter-spacing: 0.05em;
  min-width: 200px;
  font-size: 16px;
}
#validate #verify {
  margin: 0 15px;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  padding: 5px 22px 2px;
  outline: none;
}
@media screen and (max-width: 991px) {
#validate #verify {
    padding: 5px 15px 2px;
}
}
@media screen and (max-width: 767px) {
#validate #verify {
    width: 140px;
    margin: 30px 0;
}
}
#validate .email_validated .verify-portal h2 {
  color: #247ab0;
  font-family: BebasNeue-Bold;
  vertical-align: middle;
  margin: 0 5px;
  letter-spacing: 0.085em;
  word-spacing: 0.05em;
  font-size: 1em;
  margin-left: 0;
}
#validate .email_validated .verify-portal h2 span {
  font-size: 1.2em;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.1em;
}
#validate .verify-portal {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#validate .verify-portal h4 {
  font-size: 18px;
  line-height: 1.5;
  font-family: "BebasNeue-Book";
  letter-spacing: 0.085em;
  color: #fff;
}
#validate .verify-portal h4 span {
  color: #247ab0;
  font-size: 20px;
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
#validate .verify-portal h4 span {
    font-size: 18px;
}
}
@media screen and (max-width: 767px) {
#validate .verify-portal h4 {
    font-size: 16px;
}
}
#validate .verify-portal h2 {
  font-size: 20px;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #ffffff;
  white-space: nowrap;
}
#validate .verify-portal h2 span {
  color: #247ab0;
  font-size: 24px;
  font-family: "BebasNeue-Regular";
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
#validate .verify-portal h2 {
    font-size: 18px;
    white-space: normal;
}
#validate .verify-portal h2 span {
    font-size: 22px;
}
}
@media screen and (max-width: 767px) {
#validate .verify-portal h2 {
    font-size: 16px;
    white-space: nowrap;
}
#validate .verify-portal h2 span {
    font-size: 20px;
}
}
@media screen and (max-width: 558px) {
#validate .verify-portal h2 {
    font-size: 12px;
    white-space: normal;
    text-align: right;
}
#validate .verify-portal h2 span {
    font-size: 16px;
}
}
#validate span.status {
  float: right;
  line-height: 1;
  font-size: 10px;
  letter-spacing: 0.085em;
  color: #ddd;
  background: #804909;
  margin: -5px 0 0 5px;
  padding: 2px 5px;
  white-space: nowrap;
}
#validate span.status.verified {
  background: #25741d;
}
#validate span.status .mdi {
  font-size: 10px;
}
#verify-edit {
  position: absolute;
  right: 15px;
  top: 0;
}
#verify-edit span {
  width: 32px;
  height: 32px;
  color: #a0adb9;
  background: rgba(11, 43, 57, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  z-index: 9999;
}
#verify-edit-competition span {
  width: 32px;
  height: 32px;
  color: #a0adb9;
  background: rgba(11, 43, 57, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  z-index: 9999;
}
.edit-icon .sub {
  opacity: 0;
  visibility: hidden;
}
.edit-icon .sub.active,
.edit-icon .sub :hover {
  opacity: 1;
  visibility: visible;
}
.edit-icon .sub {
  position: absolute;
  top: 40px;
  right: 10px;
  min-width: 150px;
  width: auto;
  white-space: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #11352e;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.edit-icon .sub p {
  padding: 5px 10px;
  width: 100%;
  margin: 0 0 0 0;
  color: #a0adb9 !important;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 12px;
  line-height: 12px;
}
.edit-icon .sub:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #11352e;
}
#userEditForm {
  padding-top: 57px;
}
#userEditForm .user-container {
  margin-left: 67px;
  margin-right: 67px;
}
@media (max-width: 575.98px) {
#userEditForm .user-container {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
}
#userEditForm .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#userEditForm .userInfo {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#userEditForm .userInfo p {
  font-size: 14px;
  color: #247aaa;
  line-height: 19px;
  letter-spacing: 0.68px;
}
#userEditForm .userInfo span {
  margin-left: 5px;
  color: white;
  font-size: 18px;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.6px;
}
#userEditForm {
  background-color: #000;
}
#resume-area {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 30px;
}
#resume-area .resume-active {
  width: 120px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 2px dashed #0b2939;
}
#resume-area .resume-active a {
  width: 100%;
  height: 80px;
  display: block;
}
#resume-area .resume-active #uploaded-resume {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  font-family: BebasNeue-Regular;
  overflow: hidden;
  -webkit-transition: 500ms all ease-out;
  transition: 500ms all ease-out;
  cursor: pointer;
  position: relative;
}
#resume-area .resume-active #uploaded-resume:hover {
  background: #0b2939;
}
#resume-area .resume-active #uploaded-resume:hover::after {
  opacity: 0.6;
  font-family: BebasNeue-Book;
}
#resume-area .resume-active #uploaded-resume::after {
  content: "Download";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  opacity: 0;
  -webkit-transition: 500ms all ease-out;
  transition: 500ms all ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#resume-area .resume-active #uploaded-resume p {
  margin: 5px 0 0 0;
  font-size: 12px;
}
#resume-area .resume-active #uploaded-resume p .icon {
  font-size: 30px;
}
#resume-area .resume-active #uploaded-resume p.text {
  margin: 0 0 5px 0;
}
#resume-area .resume-active #uploaded-resume p {
  color: #247ab0;
}
#resume-area .resume-active .delete {
  position: absolute;
  z-index: 9999;
  color: #3d110e;
  top: -5px;
  right: 1px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 200ms all ease-out;
  transition: 200ms all ease-out;
}
#resume-area .resume-active .delete:hover {
  color: #b73329;
}
#resume-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 30px auto 0;
}
@media screen and (max-width: 1200px) {
#resume-check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
#resume-check .resume-input {
  margin: 0 30px;
}
#resume-check .resume-input label {
  margin: 0 0 0 15px;
}
#userResume {
  padding-bottom: 30px;
}
.rowBlock .notice {
  text-align: right;
  margin: 15px 0;
  display: block;
  float: right;
}
.rowBlock .notice p.detail {
  letter-spacing: 0.085em;
  margin: 0 0 0 0;
  line-height: 1.5;
  font-size: 1em;
  display: block;
  word-spacing: 0.05em;
  color: #247ab0;
  padding: 0 0 0 0;
  font-family: "BebasNeue-Bold";
}
@media screen and (max-width: 1200px) {
.rowBlock .notice {
    text-align: center !important;
    float: none !important;
    margin: 0 15px 30px;
}
.rowBlock .notice p.detail {
    margin: 0 auto;
    text-align: center;
    float: none !important;
}
}
#formRows .row {
  margin: 0 0 0 0;
}
#formRows .rowBlock {
  margin: 0 0 45px;
  border: 3px solid #0b2939;
}
#formRows .toggle-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
@media screen and (max-width: 1080px) {
#formRows .toggle-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 200px;
}
}
@media screen and (max-width: 580px) {
#formRows .toggle-buttons {
    min-width: 220px;
}
}
#formRows .toggle-buttons input {
  display: none;
}
#formRows .toggle-buttons label {
  padding: 5px 15px;
  font-family: "BebasNeue-Bold";
  border: 2px solid #195075;
  background: #081116;
  letter-spacing: 0.68px;
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  color: #247ab0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#formRows .toggle-buttons label.active, #formRows .toggle-buttons label:hover {
  letter-spacing: 0.94px;
  background: #0b2939;
  border: 2px solid #fff;
  color: #fff;
}
@media screen and (max-width: 1080px) {
#formRows .toggle-buttons label {
    width: 100%;
    margin: 15px auto 0;
}
}
#currentRole .editRole {
  background-color: #000;
}
#currentRole .rowBlock {
  overflow: auto;
}
#currentRole {
  text-align: center;
  padding: 30px 0px 0px 0px;
  display: block;
}
#currentRole .toggle-buttons label {
  margin: 0 10px;
}
@media screen and (max-width: 1080px) {
#currentRole .toggle-buttons label {
    margin: 15px auto 0;
}
}
#currentRole .selectRole {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
@media screen and (max-width: 1080px) {
#currentRole .selectRole {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
#currentRole h4 {
  font-family: BebasNeue-Bold;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 5px;
  letter-spacing: 0.085em;
  word-spacing: 0.05em;
  font-size: 1em;
  color: #247ab0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#currentRole .row.bar {
  border-bottom: 1px solid #0b2939;
  margin-left: 67px;
  margin-right: 67px;
}
@media (max-width: 575.98px) {
#currentRole .row.bar {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
}
#currentRole .row.padding {
  padding: 30px 0;
}
#currentRole .form_input {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#currentRole .form_input label {
  font-family: BebasNeue-Bold;
  color: #247ab0;
  font-size: 14px;
  margin: 5px 10px;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
#currentRole .form_input input {
  font-family: BebasNeue-Regular;
  padding: 5px 10px 2px;
  font-size: 18px;
  background: rgba(11, 43, 57, 0.4);
  color: #fff;
  border: 1px solid #42414c;
  letter-spacing: 0.05em;
  font-size: 16px;
}
.school_validation {
  width: 100%;
}
.school_details,
.prof_details {
  font-family: BebasNeue-Bold !important;
  font-size: 16px !important;
  color: #0b2939;
}
.school_details .form_input,
.prof_details .form_input {
  width: 100%;
}
.school_details .form_input input,
.prof_details .form_input input {
  width: 100%;
}
.school_details .bar,
.prof_details .bar {
  border-bottom: 1px solid #0b2939;
  width: 100%;
  margin: 30px 0 30px 0;
}
.school_details textarea,
.prof_details textarea {
  width: 100%;
  min-height: 100px;
}
.school_details label,
.prof_details label {
  color: #247ab0;
}
.school_details .form_submit,
.prof_details .form_submit {
  margin: 0 0 30px;
}
.school_details .flex-col,
.prof_details .flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.role_profile form {
  padding: 0 0 0 0;
}
#student_profile > .row {
  padding: 30px 0 30px 0;
}
#userSkills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 15px;
}
#userSkills h4 {
  color: #247ab0;
  font-family: BebasNeue-Bold;
  vertical-align: middle;
  margin: 0 5px;
  letter-spacing: 0.085em;
  word-spacing: 0.05em;
  font-size: 1em;
}
#userSkills #multi-skills {
  width: 80%;
  font-family: BebasNeue-Bold !important;
  letter-spacing: 0.085em !important;
  word-spacing: 0.05em !important;
}
#userRole {
  background-color: #000;
  padding: 30px 45px 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#userRole h2 {
  font-size: 22px;
  font-family: BebasNeue-Bold;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1.28px;
}
#userRole p {
  margin: 0;
}
#userRole .info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#userRole .info-container h1 {
  font-size: 22px;
  font-family: BebasNeue-Bold;
  text-transform: uppercase;
  letter-spacing: 1.28px;
}
#userRole .title {
  color: white;
  font-family: BebasNeue-Bold;
  letter-spacing: 1.28px;
  font-size: 22px;
  line-height: 25px;
}
#userRole .sub-title {
  font-family: BebasNeue-Regular;
  color: #9facc6;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 1.1px;
  line-height: 41px;
}
#userRole .details-label {
  font-family: BebasNeue-Regular;
  font-size: 16px;
  color: #247aaa;
  letter-spacing: 0.93px;
  font-weight: 300;
}
#userRole .details-label h2 {
  line-height: 21px !important;
  font-family: BebasNeue-Regular !important;
  font-size: 15px !important;
}
#userRole .details-info {
  font-size: 16px;
  color: #247aaa;
  letter-spacing: 0.93px;
  font-weight: 300;
  color: #9facc6;
}
@media screen and (max-width: 767px) {
#userRole {
    padding: 30px 5px 30px;
}
}
#userRole .roleIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 80px;
  height: 80px;
  border: 2px solid #195075;
  background: #0b2939;
  margin: 0 auto 30px;
}
#userRole .roleIcon i.mdi {
  color: #247ab0;
}
#userRole .roleIcon h1 {
  margin: 0px 0px 0px 0;
  font-size: 3em;
}
#userRole .roleDetails {
  margin: 5px auto 0;
  padding: 0 10px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
#userRole .roleDetails {
    margin: 5px 0;
    padding: 0 0px;
}
}
#userRole .details h2,
#userRole .details h3,
#userRole .details h5,
#userRole .details h6,
#userRole .title h2,
#userRole .title h3,
#userRole .title h5,
#userRole .title h6 {
  font-family: BebasNeue-Regular;
  line-height: 1;
  margin: 0 0 0 0;
  letter-spacing: 0.1em;
  color: #fff;
}
#userRole .details h2 small,
#userRole .details h3 small,
#userRole .details h5 small,
#userRole .details h6 small,
#userRole .title h2 small,
#userRole .title h3 small,
#userRole .title h5 small,
#userRole .title h6 small {
  color: #a0adb9;
}
#userRole .details h3,
#userRole .title h3 {
  font-size: 1.2em;
}
#userRole .details h2,
#userRole .title h2 {
  font-size: 1.6em;
}
#userRole .details h4,
#userRole .title h4 {
  margin-left: 0;
}
#userRole .block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0 15px;
}
#userRole .block #validate span.status {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
#userRole .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
#userRole .block h2 {
    text-align: left !important;
    margin: 5px 0;
}
#userRole .block h4 {
    text-align: left !important;
    font-size: 0.8em !important;
}
#userRole .block h3 {
    font-size: 0.9em;
}
#userRole .block .email_validated h2 {
    font-size: 0.8em !important;
    text-align: left !important;
    margin: 5px 0 5px 0;
}
#userRole .block .email_validated h2 span {
    display: block;
    text-align: left !important;
    margin: 5px 0 5px 0;
}
#userRole .block #validate span.status {
    font-size: 8px;
    padding: 1px 3px;
}
}
#applicationValidation {
  font-family: BebasNeue-Regular;
  text-transform: uppercase;
}
#applicationValidation .check-email {
  font-size: 18px;
  font-family: BebasNeue-Bold;
  color: #ffffff;
}
#applicationValidation .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#applicationValidation .error {
  color: #b73329;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 14px;
  text-align: center;
  width: 100%;
  background: #3d110e;
  padding: 10px 5px;
}
#applicationValidation .ring-spinner {
  margin-top: 20px;
  width: 50%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#applicationValidation .lds-css {
  width: 50px;
  height: 50px;
  margin-right: -45px;
  margin-top: 3px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
#applicationValidation .lds-ring > div {
  border: 2px solid #247ab0;
  border-color: #247ab0 transparent transparent transparent;
  width: 50%;
  height: 50%;
  margin: 0px;
  margin-right: -50px;
}
#applicationValidation .edit {
  cursor: pointer;
}
#applicationValidation .edit:hover {
  color: #2ea2ea;
}
#applicationValidation .edit-icon .edit-tooltip {
  opacity: 0;
  visibility: visible;
}
#applicationValidation .edit-icon .edit-tooltip.active,
#applicationValidation .edit-icon .edit-tooltip :hover {
  opacity: 1;
  visibility: visible;
}
#applicationValidation .edit-icon .edit-tooltip {
  top: 40px;
  right: 10px;
  min-width: 150px;
  width: auto;
  white-space: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #11352e;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#applicationValidation .edit-icon .edit-tooltip p {
  padding: 5px 10px;
  width: 100%;
  margin: 0 0 0 0;
  color: #a0adb9 !important;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 12px;
  line-height: 12px;
}
#applicationValidation .edit-icon .edit-tooltip:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #11352e;
}
#professionalDetails .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
#professionalDetails .err-messages p {
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 12px;
  letter-spacing: 1.43px;
  line-height: 15px;
  margin-bottom: 0px;
  margin-left: 10px;
}
#professionalDetails .center {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#professionalDetails .lds-css {
  margin: 0px;
  margin-left: 15px;
}
#professionalDetails .save-button {
  font-size: 18px;
  color: #a0adb9;
  background: #0b2939;
  font-family: BebasNeue-Book;
  border-radius: 2px;
  border: 1px solid #247ab0;
  cursor: pointer;
  outline: none;
  padding: 5px 22px 2px;
}
#professionalDetails .save-button:hover {
  background: #195075 !important;
  border: 1px solid #fff;
  color: #fff;
}
#professionalDetails .save-button {
  float: right;
}
#professionalDetails .input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0px;
  margin-bottom: 30px;
}
#professionalDetails input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#professionalDetails label {
  font-size: 16px;
  letter-spacing: 1.28px;
}
#professionalDetails .col-padding-left {
  padding-left: 80px;
}
#professionalDetails .col-padding-right {
  padding-right: 80px;
}
#professionalDetails select {
  background-color: #000;
  width: 100%;
  color: #ffffff;
  outline: none;
  border-style: none;
  font-family: BebasNeue-Regular;
  text-transform: uppercase;
}
#professionalDetails select option {
  font-size: 22px;
  background-color: red;
}
@media screen and (max-width: 568px) {
#degreeDetails {
    width: 100%;
}
}
#degreeDetails .save-button {
  width: 80px;
  font-size: 18px;
  color: #a0adb9;
  background: #0b2939;
  font-family: BebasNeue-Book;
  border-radius: 2px;
  border: 1px solid #247ab0;
  cursor: pointer;
  outline: none;
  padding: 5px 22px 2px;
}
#degreeDetails .save-button:hover {
  background: #195075 !important;
  border: 1px solid #fff;
  color: #fff;
}
#degreeDetails .save-button {
  float: right;
}
#degreeDetails .rowBlock {
  overflow: visible;
}
#degreeDetails .opt-out {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
}
#degreeDetails .opt-out input {
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
#degreeDetails .opt-out .form_input {
  margin-top: 0px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#degreeDetails p {
  color: #9facc6;
  font-size: 16px;
  letter-spacing: 1.3px;
}
#degreeDetails .add-degree:hover {
  cursor: pointer;
}
#degreeDetails .add-degree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#degreeDetails .add-degree i {
  top: 1px;
  font-size: 15px;
}
#degreeDetails .add-degree p {
  color: #586c7a;
  font-size: 14px;
  letter-spacing: 1.3px;
  line-height: 17px;
}
#degreeDetails .search-input {
  font-family: BebasNeue-Bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  margin-bottom: 30px;
  border-bottom: 1px #738791 solid;
}
#degreeDetails .search-input div {
  border-bottom: 0px;
}
#degreeDetails .search-input label {
  font-family: BebasNeue-Bold;
  margin: 5px 10px 5px 0px;
  color: #247ab0;
}
#degreeDetails .search-input span {
  font-size: 16px;
  font-family: BebasNeue-Regular;
  color: white;
  margin-left: 0px;
  padding-left: 0px;
}
#degreeDetails .search-input .clear {
  display: none;
}
#degreeDetails .search-input .vs__selected-options {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#degreeDetails .search-input .open-indicator::before {
  border-color: #247aaa;
}
#degreeDetails .search-input .dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#degreeDetails .search-input .dropdown-toggle {
  border: 0px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  padding: 0px;
}
#degreeDetails .search-input .dropdown-menu {
  max-height: 200px !important;
}
#degreeDetails .search-input input {
  height: inherit;
  caret-color: white;
  padding-left: 0px;
}
#jobInterest {
  width: 100%;
}
#jobInterest .message {
  font-size: 16px;
  font-family: BebasNeue-regular;
  letter-spacing: 0.76px;
  float: left;
  margin: 0;
  padding-right: 20px;
}
#jobInterest .application-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
#jobInterest .application-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0px 30px;
}
}
#jobInterest .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-right: 80px;
}
#jobApplication {
  width: 100%;
  background-color: #2d2934;
}
#jobApplication .rowBlock {
  padding: 30px 0px 0px 0px;
}
#jobApplication .messages p {
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 14px;
  letter-spacing: 1.43px;
  line-height: 15px;
  margin-bottom: 10px;
}
#jobApplication .errorMessage p {
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 18px;
  letter-spacing: 1.43px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
#jobApplication .errorMessageBackend p {
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 18px;
  letter-spacing: 1.43px;
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
#jobApplication .form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 67px;
}
#jobApplication .lds-css {
  margin: 0px;
}
#jobApplication .save-button {
  width: 124px;
  height: 30px;
  margin-top: 24px;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.94px;
  color: #a0adb9;
  background-color: rgba(36, 122, 170, 0.6);
  font-family: BebasNeue-Bold;
  border: 2px solid #247aaa;
  cursor: pointer;
  outline: none;
}
#jobApplication .save-button:hover {
  background: #195075 !important;
  color: #fff;
}
#jobApplication .question-label {
  font-family: BebasNeue-Regular;
  text-transform: uppercase;
  color: #247ab0;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 19px;
  margin-right: 10px;
  text-align: start;
}
#jobApplication .question-label span {
  color: #586c7a;
  font-size: 14px;
  letter-spacing: 1.32px;
  line-height: 17px;
}
#jobApplication .rowBlock {
  margin: 0 0 45px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #000;
}
#jobApplication .radio-option {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#jobApplication .radio-option label {
  margin-left: 20px;
  color: #ffffff !important;
  width: auto;
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
}
#jobApplication .custom-radio-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
#jobApplication .custom-radio-option {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#jobApplication .custom-radio-option input {
  display: none;
}
#jobApplication .custom-radio-option label {
  width: 100%;
  padding: 7px;
  background-color: #0b2939;
  margin-left: 6px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  cursor: pointer;
}
#jobApplication .custom-radio-option label.active, #jobApplication .custom-radio-option label:hover {
  background: #0f74aa;
  color: #fff !important;
}
#jobApplication .custom-radio-option .rounded_left {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}
#jobApplication .custom-radio-option .rounded_right {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
#jobApplication .custom-radio-option .round_scale {
  text-align: center;
}
#jobApplication .text-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  padding: 30px 0px 30px 0px;
}
#jobApplication .text-row input {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #364249;
  outline: none;
  background-color: #000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 5px;
  font-size: 18px;
  font-family: BebasNeue-Regular;
  color: white;
}
#jobApplication .text-row label {
  font-family: BebasNeue-Regular;
  text-transform: uppercase;
  color: #247ab0;
}
#jobApplication .text-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 30px 0px 30px 0px;
  width: 100%;
}
#jobApplication .text-input label {
  font-family: BebasNeue-Regular;
  text-transform: uppercase;
  color: #247ab0;
}
#jobApplication .text-input textarea {
  outline: none;
  font-family: BebasNeue-Regular;
  background-color: #081116;
  border-color: #1f2a2f;
  color: #ffffff;
  padding: 10px;
  width: 100%;
  height: 100px;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 17px;
}
#jobApplication .text-input textarea::-webkit-input-placeholder {
  color: #152c38;
}
#jobApplication .text-input textarea::-moz-placeholder {
  color: #152c38;
}
#jobApplication .text-input textarea:-ms-input-placeholder {
  color: #152c38;
}
#jobApplication .text-input textarea::-ms-input-placeholder {
  color: #152c38;
}
#jobApplication .text-input textarea::placeholder {
  color: #152c38;
}
#jobApplication .text-input textarea:focus {
  border: 2px solid #164660 !important;
}
#jobApplication .text-input:focus {
  border: 2px solid #164660 !important;
  color: #ffffff;
}
#jobApplication .text-input #singletext {
  height: 60px;
  width: 100%;
}
#jobApplication .radio-input {
  padding: 30px 0 30px 0;
}
#jobApplication .radio-input label {
  font-family: BebasNeue-Regular;
  float: left;
  color: #52b3a0;
  text-transform: uppercase;
  text-align: left;
}
#jobApplication .radio-input p {
  float: left;
}
#jobApplication .radio-input input {
  height: 15px;
  margin: 0px 0px;
}
#jobApplication .message {
  font-size: 14px;
  font-family: BebasNeue-Regular;
  float: left;
  margin-top: 30px;
  letter-spacing: 1.67px;
  line-height: 17px;
}
#jobApplication .row.bar {
  border-bottom: 1px solid #0b2939;
  margin-left: 67px;
  margin-right: 67px;
}
@media (max-width: 575.98px) {
#jobApplication .row.bar {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
}
#jobApplication .row.padding {
  padding: 30px 0;
}
.custom-text-input input {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  outline: none;
  padding: 0px 0px 0px 0px;
  background-color: inherit;
}
.custom-text-input input:-webkit-autofill,
.custom-text-input input:-webkit-autofill:hover,
.custom-text-input input:-webkit-autofill:focus,
.custom-text-input input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}
.custom-text-input label {
  margin-left: 0px !important;
}
.custom-text-input .outline {
  border-bottom: 1px #738791 solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#assessmentHeader {
  padding: 32px 72px 32px 72px;
}
@media screen and (max-width: 568px) {
#assessmentHeader {
    padding: 30px 10px;
}
}
#assessmentHeader .title {
  font-family: BebasNeue-Bold;
  color: #52b3a0;
  font-size: 23px;
  float: left;
  margin-bottom: 0px;
}
#assessmentHeader .sub-title {
  font-family: BebasNeue-Bold;
  color: #9facc6;
  font-size: 18px;
  letter-spacing: 1.61px;
  line-height: 14px;
  float: left;
}
#assessmentHeader .title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#assessmentHeader .assessment-buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#assessmentHeader .assessment-buttons button {
  width: 265px;
  font-size: 18px;
  letter-spacing: 0.76px;
  line-height: 23px;
  margin-top: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 568px) {
#assessmentHeader .assessment-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#assessmentHeader .assessment-buttons button {
    margin-right: 0px;
    margin-top: 10px;
}
}
#editUser .teamTagline {
  min-height: 100px;
  padding: 30px 5px 30px;
  position: relative;
}
#editUser .teamTagline #edit {
  position: absolute;
  right: 10px;
  top: 10px;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 0.9em;
  cursor: pointer;
  color: #a0adb9;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
#editUser .teamTagline #edit:hover {
  color: #fff;
}
#editUser .teamTagline .build-team {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
#editUser .teamTagline .build-team h2,
#editUser .teamTagline .build-team h4 {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
#editUser .teamTagline .build-team h2 {
  color: #247ab0;
  font-size: 1.5em;
}
#editUser .teamTagline .build-team h4 {
  color: #fff;
  font-size: 1.15em;
}
#editUser .teamTagline .build-team .btn {
  width: 100%;
  margin: 15px 0 15px;
  border: 2px solid #195075;
  background: #081116;
  color: #247ab0;
}
#editUser .teamTagline .invited-team-members {
  border-top: 1px solid #738791;
}
#teamModule .teamTagline {
  min-height: 100px;
  padding: 0 5px 30px;
  position: relative;
  width: 100%;
}
#teamModule .teamTagline #edit {
  position: absolute;
  right: 0px;
  top: -15px;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 0.9em;
  cursor: pointer;
  color: #a0adb9;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
#teamModule .teamTagline #edit:hover {
  color: #fff;
}
#teamModule .teamTagline #edit i.mdi-account-add {
  margin: -2px 0 0;
}
#teamModule .teamTagline .build-team {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
#teamModule .teamTagline .build-team h2,
#teamModule .teamTagline .build-team h4 {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
#teamModule .teamTagline .build-team h4 {
  color: #fff;
  font-size: 1em;
  margin: 8px 4px;
}
#teamModule .teamTagline .build-team .btn {
  width: 100%;
  margin: 15px 0 15px;
  background: #081116;
  color: #247ab0;
}
#teamModule .teamTagline .invited-team-members {
  margin: 12px auto 12px;
  padding: 0 0 0 0;
}
#teamModule .teamTagline .invited-team-members .team-member {
  padding: 12px 8px 12px;
  position: relative;
  border: 1px solid #4c4557;
}
#teamModule .teamTagline .invited-team-members .team-member #removePlayer {
  position: absolute;
  right: 0;
  top: -10px;
}
#teamModule .teamTagline .invited-team-members .left h4 {
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1080px) {
.user_form .form_input {
    width: 100%;
    margin: 15px auto;
}
}
@media (max-width: 575.98px) {
.user_form .form_input label {
    font-size: 10px;
    white-space: nowrap;
    margin-top: 3px;
    text-align: left;
}
}
.user-form-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
}
.user-form-modal .submit-teams {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-form-modal .submit-teams input[type=submit] {
  margin: 15px 0 15px;
  border: 2px solid #195075;
  background: #081116;
  color: #247ab0;
  padding: 8px 50px 5px;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  opacity: 0.8;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  cursor: pointer;
}
.user-form-modal .submit-teams input[type=submit]:hover {
  opacity: 1;
}
.user-form-modal .background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #081116;
  opacity: 0.8;
  z-index: 1;
}
.user-form-modal .disclaimer {
  width: 600px;
  min-height: 100px;
  height: auto;
  background: #0b2939;
  border: 2px solid #247ab0;
  display: block;
  z-index: 99;
  padding: 30px 60px;
  text-align: center;
}
.user-form-modal .disclaimer .btn-group {
  width: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto;
}
.user-form-modal .disclaimer .btn-group .btn {
  width: auto;
  padding: 3px 10px 0px;
  margin: 0 0 0 0;
  border: 2px solid #2ea2ea;
  background: #0b2939;
  color: #2ea2ea;
}
.user-form-modal .disclaimer .btn-group .btn:first-child {
  border: 2px solid #ff22a1;
  background: #440a33;
  color: #ff22a1;
}
.user-form-modal .builder-modal {
  width: 800px;
  min-height: 100px;
  height: auto;
  background: #2d2934;
  border: 2px solid #4c4557;
  display: block;
  z-index: 99;
  padding: 30px 60px;
  text-align: left;
}
.user-form-modal .builder-modal .input-container {
  position: relative;
}
.user-form-modal .builder-modal .input-container input[type=submit] {
  background: #25741d;
  position: absolute;
  right: 0;
  bottom: 2px;
  border: 1px solid #133a0d;
  padding: 5px 10px 2px;
  font-family: BebasNeue-Regular;
  color: #fff;
  border-radius: 5px;
  font-size: 0.8em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
.user-form-modal .builder-modal .input-container input[type=submit]:hover {
  border: 1px solid #25741d;
  background: #3aad2c;
}
.user-form-modal .builder-modal .invited-team-members {
  background: #4c4557;
}
.user-form-modal .builder-modal .invited-team-members .team-member {
  padding: 10px 15px;
}
.user-form-modal .builder-modal input[type=text] {
  width: 100%;
  color: #fff;
  font-family: BebasNeue-Regular;
}
.user-form-modal .builder-modal h2,
.user-form-modal .builder-modal label {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
.user-form-modal .builder-modal p {
  color: #a0adb9 !important;
  margin: 8px 0 !important;
  line-height: 1.25 !important;
  font-size: 0.8em !important;
}
.user-form-modal .builder-modal p.sub {
  text-align: right;
}
.user-form-modal .builder-modal p.danger {
  color: #b73329;
}
.user-form-modal .builder-modal h2 {
  color: #52b3a0;
  font-size: 1.5em;
}
.user-form-modal .builder-modal label {
  color: #a0adb9;
  font-size: 1.15em;
}
.user-form-modal .builder-modal .btn {
  width: 100%;
  margin: 15px 0 15px;
  border: 2px solid #195075;
  background: #081116;
  color: #247ab0;
}
.user-form-modal .invite-team {
  display: block;
  background: #2d2934;
  padding: 0 0 30px 0;
  border-top: 1px solid #4c4557;
  margin: 32px auto 0;
}
.user-form-modal .invite-team .input-container {
  padding: 16px 0;
  position: relative;
}
.user-form-modal .invite-team .input-container input[type=text] {
  background: #2d2934;
  border: 1px solid #738791;
  padding: 10px 10px;
  color: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: Avenir;
  font-size: 0.8em;
}
.user-form-modal .invite-team .input-container input[type=submit] {
  bottom: 20px;
  right: 5px;
  font-size: 1em;
}
.user-form-modal .input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.invited-team-members {
  width: 100%;
  padding: 10px 15px;
}
.invited-team-members .team-member {
  width: 100%;
  min-height: 30px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  -webkit-transition: background 300ms ease-out;
  transition: background 300ms ease-out;
  position: relative;
}
.invited-team-members .team-member:hover {
  background: #247ab0;
}
.invited-team-members .team-member:hover .joined {
  visibility: hidden;
  opacity: 0;
}
.invited-team-members .team-member:hover .remove {
  opacity: 1;
  visibility: visible;
}
.invited-team-members .team-member .bl {
  min-width: 100px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.invited-team-members .team-member .bl.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.invited-team-members .team-member .bl.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.invited-team-members .team-member .remove {
  cursor: pointer;
  width: 30px;
  height: 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: visibility 300ms ease-out, opacity 300ms ease-out;
  transition: visibility 300ms ease-out, opacity 300ms ease-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.invited-team-members .team-member .remove .icon {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #7a231c;
  background: #b73329;
  border-radius: 50%;
  margin: 0 0 0 0;
  color: #a0adb9;
  -webkit-transition: background 300ms ease-out, border 300ms ease-out;
  transition: background 300ms ease-out, border 300ms ease-out;
}
.invited-team-members .team-member .remove:hover .icon {
  background: #f44437;
  border: 2px solid #b73329;
  color: #fff;
}
.invited-team-members .team-member .joined {
  width: 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: visibility 300ms ease-out, opacity 300ms ease-out;
  transition: visibility 300ms ease-out, opacity 300ms ease-out;
}
.invited-team-members .team-member .joined .icon {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 0 0 15px;
  opacity: 1;
}
.invited-team-members .team-member .joined span {
  color: #74741e;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 0.8em;
}
.invited-team-members .team-member .profile {
  width: 30px;
  height: 30px;
  background-size: contain !important;
  background: #2ea2ea;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.invited-team-members .team-member h4 {
  color: #fff;
  font-size: 1em;
  letter-spacing: 0.085em;
}
#teamName {
  font-size: 1.5em;
}
#quick-start {
  width: 100%;
  display: block;
  position: relative;
  padding: 0 0 0 0;
}
#quick-start .quick-start-nav-bar {
  float: right;
  margin-right: -5%;
  color: #fff;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.09em;
}
#quick-start .quick-start-nav-bar:hover {
  color: #295772;
}
#quick-start h2,
#quick-start h3,
#quick-start h4,
#quick-start p {
  color: #fff;
  text-align: left;
  letter-spacing: 0.085em;
}
#quick-start h2 {
  font-family: BebasNeue-Bold;
  font-size: 2.539rem;
  margin-top: 30px;
}
#quick-start h3 {
  font-family: BebasNeue-Bold;
  margin-top: 40px;
  color: #4497c7;
}
#quick-start p {
  font-family: Avenir;
  color: #a0adb9;
}
#quick-start hr {
  background: #17476a;
  width: 110%;
  margin-left: -5%;
  margin-right: -5%;
}
#quick-start a {
  color: #4497c7;
}
#quick-start a:hover {
  color: #295772;
}
#quick-start .sample-game-video {
  border: 1px solid #0b2939;
  width: 640px;
  height: 360px;
}
@media screen and (max-width: 1080px) {
#quick-start .sample-game-video {
    width: 90%;
    padding: 56.25% 0 0 0;
}
}
@media (max-width: 575.98px) {
#quick-start .sample-game-video {
    width: 100%;
}
}
#quick-start .qS {
  margin: 0 auto;
  padding: 0 0 0 0;
}
#quick-start .qS .videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0 100px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
#quick-start .qS .videos .video-step-container {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-height: 300px;
  height: auto;
  padding: 0 0 30px 0;
  margin: 0 0 30px;
  position: relative;
}
@media screen and (max-width: 776px) {
#quick-start .qS .videos .video-step-container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0 0 30px 0 !important;
}
}
#quick-start .qS .videos .video-step-container.video-step-0 {
  padding: 0 15px 30px 0;
}
#quick-start .qS .videos .video-step-container.video-step-0 .video-button {
  background: url(https://storage.googleapis.com/nprd-terminal-assets/nprd-manager-static/static/img/video1.660513b1.png) center center no-repeat !important;
  background-size: contain !important;
}
#quick-start .qS .videos .video-step-container.video-step-1 {
  padding: 0 0 30px 15px;
}
#quick-start .qS .videos .video-step-container.video-step-1 .video-button {
  background: url(https://storage.googleapis.com/nprd-terminal-assets/nprd-manager-static/static/img/video2.d6fad31d.png) center center no-repeat !important;
  background-size: contain !important;
}
#quick-start .qS .videos .video-step-container.video-step-2 {
  padding: 0 15px 30px 0;
}
#quick-start .qS .videos .video-step-container.video-step-2 .video-button {
  background: url(https://storage.googleapis.com/nprd-terminal-assets/nprd-manager-static/static/img/video3.12eac9d6.png) center center no-repeat !important;
  background-size: contain !important;
}
#quick-start .qS .videos .video-step-container.video-step-3 {
  padding: 0 0 30px 15px;
}
#quick-start .qS .videos .video-step-container.video-step-3 .video-button {
  background: url(https://storage.googleapis.com/nprd-terminal-assets/nprd-manager-static/static/img/video4.e6cd004c.png) center center no-repeat !important;
  background-size: contain !important;
}
#quick-start .qS .videos .video-step-container .video-button {
  width: 100%;
  padding-bottom: 56.25%;
  background: rgba(11, 43, 57, 0.4);
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  opacity: 0.7;
  position: relative;
}
#quick-start .qS .videos .video-step-container .video-button:hover {
  opacity: 1;
}
#quick-start .qS .videos .video-step-container .video-button:hover .play-button {
  background: #195075;
  color: #2ea2ea;
  border-color: #2ea2ea;
}
#quick-start .qS .videos .video-step-container .video-button:hover p.subhead {
  color: #fff;
}
#quick-start .qS .videos .video-step-container .video-button .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  background: #0b2939;
  border-radius: 50%;
  border: 2px solid #247ab0;
  color: #247ab0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#quick-start .qS .videos .video-step-container .video-button .play-button .icon {
  font-size: 1.5em;
}
#quick-start .qS .videos .video-step-container p {
  font-family: BebasNeue-Regular;
  text-align: left;
  margin: 10px 0 30px;
  color: #fff;
  font-size: 0.9em;
}
#quick-start .qS .videos .video-step-container p.subhead {
  margin: 0 0 0 0;
  font-size: 0.8em;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #a0adb9;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
#quick-start .qS .videos .video-step-container h4 {
  margin: 15px 0;
  color: #a0adb9;
  font-family: BebasNeue-Bold;
  font-size: 1em;
}
.landing-page-container {
  min-height: calc(100vh - 145px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  gap: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 64px;
}
.landing-page-container .highlight {
  color: #ff6a3d;
}
.landing-page-container .items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  width: 680px;
}
.landing-page-container .ongoing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
}
.landing-page-container .ongoing-container .other-competitions-title {
  font-size: 24px;
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  margin-bottom: 16px;
  margin-top: 48px;
  text-transform: uppercase;
}
.landing-page-container .header {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 16px;
  font-family: "Barlow Condensed";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 100% */
  text-transform: uppercase;
}
.landing-page-container .competition-name {
  margin-bottom: 0px;
}
.landing-page-container .description-wrapper {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 48px;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.landing-page-container .description-list {
  padding: 0px;
  list-style: none;
}
.landing-page-container .description-item {
  margin-bottom: 0px;
  line-height: 24px;
  text-align: left;
}
.landing-page-container .list-item {
  position: relative;
  left: -60px;
}
.landing-page-container ul li {
  margin-bottom: 4px;
}
.landing-page-container .main-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
  padding: 12px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #000000;
}
.landing-page-container .s3.s3-update {
  min-height: auto !important;
}
.main-content.competitionlandingpage {
  padding: 0px;
}
#resource-board {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  font-family: BebasNeue-Book;
}
.score_block {
  width: 400px;
  height: 100%;
  text-transform: uppercase;
  font-weight: 100;
  z-index: 999;
  position: relative;
}
.score_block:first-child .playerScore {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.score_block .playerScore {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.score_block .playerScore .playStats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 70px;
}
.score_block .playerScore .playStats ._player {
  text-align: left;
}
.score_block .playerScore .playStats ._player span {
  font-size: 14px;
}
@media screen and (max-width: 1400px) {
.score_block .playerScore .playStats ._player span {
    font-size: 12px;
}
}
.score_block .playerScore .playStats ._player h1 {
  text-align: left;
  font-size: 24px;
  margin: 0 0 0 0;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 1680px) {
.score_block .playerScore .playStats ._player h1 {
    font-size: 22px;
}
}
@media screen and (max-width: 1400px) {
.score_block .playerScore .playStats ._player h1 {
    font-size: 20px;
}
}
.score_block .playerScore .playStats ._stats h4 {
  font-size: 14px;
  color: #fff;
  margin: 0 0 0;
}
@media screen and (max-width: 1400px) {
.score_block .playerScore .playStats ._stats h4 {
    font-size: 12px;
}
}
.score_block .playerScore .playStats ._health {
  width: 92px;
}
@media screen and (max-width: 1680px) {
.score_block .playerScore .playStats ._health {
    width: 88px;
}
}
@media screen and (max-width: 1400px) {
.score_block .playerScore .playStats ._health {
    width: 85px;
}
}
.score_block .playerScore .playStats ._health {
  padding: 0 0px;
  padding-right: 5px;
  margin: 0px 5px 0 15px;
  text-align: left;
}
.score_block .playerScore .playStats ._health .health_bar {
  width: 88px;
  height: 32px;
  background-color: #041923;
  margin: 10px 0 0;
  overflow: visible;
  position: relative;
  display: block;
  border: 2px solid #50575d;
}
.score_block .playerScore .playStats ._health .health_bar:after {
  content: "";
  width: 2px;
  height: 10px;
  position: absolute;
  background: #000;
  right: -2px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.score_block .playerScore .playStats ._health .health_bar .fillBar {
  height: 22px;
  position: absolute;
  top: 3px;
  left: 1px;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -webkit-animation: extend-bar 2s ease-out 5s;
          animation: extend-bar 2s ease-out 5s;
}
.score_block .playerScore .playStats ._health .health_bar .fillBar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: repeating-linear-gradient(90deg, #000, #000 2px, transparent 2px, transparent 5px);
  z-index: 1;
  overflow: hidden;
}
.score_block .playerScore .playStats ._circ {
  width: 60px;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: 10px 10px;
}
@media screen and (max-width: 1400px) {
.score_block .playerScore .playStats ._circ {
    margin: 10px 5px;
}
}
.score_block .playerScore .playStats ._circ .circ-bg {
  position: relative;
  height: 30px;
  margin-bottom: 10px;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.score_block .playerScore .playStats ._circ .circ-m {
  position: absolute;
  top: 5px;
  right: 5px;
  left: 5px;
  height: 34px;
  background-color: #000;
  border-radius: 150px 150px 0 0;
}
.score_block .playerScore .playStats ._circ .circ-m::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: 100%;
  border-top: 2px solid #50575d;
  border-right: 2px solid #50575d;
  border-left: 2px solid #50575d;
  z-index: 99999;
  border-radius: 150px 150px 0 0;
}
.score_block .playerScore .playStats ._circ .circ-per {
  position: absolute;
  top: 30px;
  left: -60%;
  width: 120%;
  height: 120%;
  margin-left: 30px;
  background-color: #00aeef;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -webkit-animation: extend-circ 2s ease-out 5s;
          animation: extend-circ 2s ease-out 5s;
}
.score_block .playerScore .playStats ._circ p {
  font-size: 14px;
  font-weight: 400;
  top: 15px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
}
.score_block .playerScore .showAdditionalStats {
  font-size: 12px;
  margin: 0 0 0 0;
  line-height: 1;
  cursor: pointer;
  margin: -5px 0px 10px 0;
  background: #000;
  border: 0;
  height: 15px;
  padding: 0 0 0 0;
}
.score_block .playerScore .showAdditionalStats.active {
  color: #fff !important;
}
.score_block .playerScore .showAdditionalStats.active ._caret {
  border-bottom-color: #fff !important;
}
.score_block .playerScore .showAdditionalStats span._caret {
  height: 0px;
  width: 0px;
  border-bottom: 6px solid #fff;
  display: inline-block;
  background: blue;
  margin: 0 2px;
  line-height: 1;
}
.score_block .playerScore .additionalStats {
  min-width: 200px;
  width: auto;
  max-width: 400px;
  height: auto;
  padding: 10px 15px;
  text-align: left;
  margin: 0 0 15px 0;
  clear: both;
}
.score_block .playerScore .additionalStats h4 {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 0 0;
}
.score_block .playerScore .additionalStats h4 span {
  color: #fff;
  margin: 0 0 0 5px;
}
.score_block .playerScore .algoCrashedStatus {
  display: block;
  padding: 5px;
  width: 160px;
  background: transparent;
  cursor: pointer;
  -webkit-transition: 250ms all ease-out;
  transition: 250ms all ease-out;
  clear: both;
  border: 1px solid #000;
}
.score_block .playerScore .algoCrashedStatus h1 {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 0 0;
  color: #f28b0f;
  letter-spacing: 0.05em;
}
.score_block .playerScore .algoCrashedStatus span {
  position: relative;
  top: 2px;
}
.score_block .playerScore .algoCrashedStatus:hover {
  background: #7a231c;
  border: 1px solid #b73329;
}
.score_block .playerScore .algoCrashedStatus:hover h1 {
  color: #fff;
}
#Player_1 .playStats {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#Player_1 .showAdditionalStats {
  float: left;
  text-align: left;
}
#Player_1 .showAdditionalStats span._caret {
  border-left: 6px solid #000;
}
#Player_1 .additionalStats {
  background: #0b2939;
  text-align: left;
  float: left;
}
#Player_1 .additionalStats h4 {
  color: #2ea2ea;
}
#Player_1 .algoCrashedStatus {
  float: left;
}
#Player_2 .playStats {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#Player_2 .showAdditionalStats {
  float: right;
  text-align: right;
}
#Player_2 .showAdditionalStats span._caret {
  border-right: 6px solid #000;
}
#Player_2 .additionalStats {
  background: #440a33;
  text-align: right;
  float: right;
}
#Player_2 .additionalStats h4 {
  color: #ff22a1;
}
#Player_2 .algoCrashedStatus {
  float: right;
}
._headline {
  width: 350px;
  height: 50px;
}
@media screen and (max-width: 1680px) {
._headline {
    width: 325px;
}
}
@media screen and (max-width: 1400px) {
._headline {
    width: 300px;
}
}
._headline #headline {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
}
._headline ._round,
._headline ._phase {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
._headline ._round,
  ._headline ._phase {
    font-size: 16px;
}
}
@media screen and (max-width: 1400px) {
._headline ._round,
  ._headline ._phase {
    font-size: 14px;
}
}
._headline ._main {
  font-size: 20px;
  font-family: BebasNeue-Regular;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -webkit-animation: from-top-simple 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: from-top-simple 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-top: -5px;
}
@media screen and (max-width: 1400px) {
._headline ._main {
    font-size: 18px;
}
}
._headline ._main span {
  border-bottom: 1px solid #fff;
  margin-left: 5px;
}
._headline ._main.playerOne {
  color: #52b3a0;
}
._headline ._main.playerTwo {
  color: #f9502a;
}
._headline ._main small {
  font-size: 16px;
  color: #fff;
}
#resource-board .box-fill-container {
  width: 360px;
}
@media screen and (max-width: 1400px) {
#resource-board .box-fill-container {
    width: 320px;
}
}
#resource-board .box-fill-container {
  height: 125%;
  position: absolute;
  top: -10%;
}
#resource-board .box-fill-container.hiPlayerOne {
  left: 0;
}
#resource-board .box-fill-container.hiPlayerTwo {
  right: 0;
}
#resource-board .box-fill-container .arrow {
  width: 15px;
  height: 15px;
  position: absolute;
}
#resource-board .box-fill-container .arrow.topL {
  left: -10px;
  top: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
#resource-board .box-fill-container .arrow.topR {
  right: -10px;
  top: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
#resource-board .box-fill-container .arrow.bottomL {
  left: -10px;
  bottom: 0;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
#resource-board .box-fill-container .arrow.bottomR {
  right: -10px;
  bottom: 0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
#toggle-nav-display {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 61px;
}
.game-board-container {
  position: relative;
  min-height: calc(100vh - 85px);
}
@media screen and (max-width: 996px), screen and (max-height: 700px) {
.game-board-container {
    display: none;
}
}
#playground {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#playground *:focus {
  outline: none;
}
#playground .animated {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1200px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: -1;
}
#playground .animated h1 {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: BebasNeue-Book;
  font-size: 12em;
  opacity: 1;
  color: #fff;
  opacity: 0.8;
  -webkit-animation: from-top 500ms ease-in-out;
          animation: from-top 500ms ease-in-out;
}
@media screen and (max-width: 1400px) {
#playground .animated h1 {
    font-size: 8em;
}
}
@media screen and (max-width: 1080px) {
#playground .animated h1 {
    display: none;
}
}
#playground .animated img {
  display: block;
  width: 100%;
  position: absolute;
  top: 100px;
  left: 30px;
  opacity: 0.6;
}
@media screen and (max-width: 1080px) {
#playground .animated img {
    opacity: 0.3;
}
}
#playground .animated img.flip {
  -webkit-transform: scaleX(-1) rotate(180deg);
          transform: scaleX(-1) rotate(180deg);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
  left: -30px;
  opacity: 0.4;
}
@media screen and (max-width: 1080px) {
#playground .animated img.flip {
    opacity: 0.2;
}
}
#game-board {
  position: relative;
  width: 900px;
  height: 900px;
  margin: 0px auto;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  overflow: hidden;
}
#game-board ._gameboard {
  margin: 0px auto 0;
  width: 900px;
  height: 900px;
}
.build-node {
  position: absolute;
  width: 34px;
  height: 34px;
  content: "";
}
.build-node:after {
  position: absolute;
  width: 3px;
  height: 3px;
  background: #9aacbd;
  opacity: 0.4;
  content: "";
  border-radius: 2em;
  top: 16px;
  left: 16px;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.build-node.p1-bn {
  cursor: pointer;
}
.build-node.p1-bn:after {
  opacity: 0.6;
}
.build-node.p1-bn:hover:after {
  -webkit-transform: scale(3);
          transform: scale(3);
  opacity: 1;
  background: #fff;
}
.build-node.p1-bn.p1-edge.highlight:after {
  -webkit-transform: scale(3);
          transform: scale(3);
  opacity: 1;
  background: #fff;
}
._space {
  fill: none;
}
._line {
  fill: #171321;
}
._space,
._line,
._player-one-dots,
._player-two-dots {
  cursor: pointer;
}
._player-one, ._player-two {
  visibility: auto;
}
.unit {
  position: absolute;
  cursor: pointer;
}
.unit.filter {
  border: 0px solid #000;
}
.unit.ping {
  border: 0px dashed #000;
  border-radius: 50%;
}
._animationMask {
  cursor: pointer;
}
#algo-debug-log {
  width: 100%;
  position: absolute;
  display: block;
  margin: 30px auto 0px;
  z-index: 999999999999999;
  height: auto;
  background: #000;
  padding: 30px 15px 80px;
  border-top: 5px solid #42414c;
  overflow: hidden;
}
#algo-debug-log h1,
#algo-debug-log h4 {
  margin: 0 0 0 0;
}
#algo-debug-log h1 i,
#algo-debug-log h4 i {
  color: #3a3a0f;
  -webkit-transition: 200ms color ease-out;
  transition: 200ms color ease-out;
}
#algo-debug-log .debug-output {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#algo-debug-log .debug-output .debug-log {
  display: block;
  overflow: auto;
  width: 50%;
  height: 100%;
  text-align: left;
  background: #1b2a32;
  border: 1px solid #42414c;
  padding: 15px 25px 50px;
}
#algo-debug-log .debug-output .debug-log h4 {
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 2px solid #42414c;
}
#algo-debug-log .debug-output .debug-log pre {
  font-size: 14px;
  padding: 15px 15px;
  line-height: 2;
  background: #1b2a32;
}
#algo-debug-log .debug-output .log-1 pre {
  color: #00a6f9;
}
#algo-debug-log .debug-output .log-2 pre {
  color: #f9289d;
}
#algo-debug-log h4 {
  font-size: 24px;
  color: #fff;
  font-family: BebasNeue-Regular;
  margin-bottom: 20px;
}
#banner-startgame {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 15px 30px;
  border: 2px solid #fff;
  cursor: pointer;
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  font-size: 18px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#banner-startgame:hover {
  color: #3aeacc;
  background: #11352e;
  border: 2px solid #216356;
}
.scroll-to-error {
  margin: 0 auto;
  pointer-events: none;
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
  top: -15px;
}
.scroll-to-error p {
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.scroll-to-error img {
  width: 10px;
  height: auto;
  margin: 0 0 8px 0;
}
#algo-seq-analyzer {
  width: auto;
  height: auto;
  position: fixed;
  bottom: 30px;
  left: 30px;
  font-family: BebasNeue-Book;
}
.timeLine,
.slidecontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
}
@media screen and (max-width: 1680) {
.timeLine,
  .slidecontainer {
    width: 380px;
}
}
@media screen and (max-width: 1400px) {
.timeLine,
  .slidecontainer {
    width: 350px;
}
}
.timeLine,
.slidecontainer {
  height: 40px;
}
.timeLine {
  padding: 20px 15px;
  background: transparent;
  height: 40px;
}
.slidecontainer {
  background: #6b0f4c;
  height: 16px;
  width: 98%;
  opacity: 0.8;
  margin: 4px 1%;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
.slidecontainer h4 {
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 12px;
}
.slidecontainer label {
  position: absolute;
  font-size: 13px;
  top: 17px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.slidecontainer h4,
.slidecontainer label {
  font-size: 12px;
  font-family: BebasNeue-Regular;
  color: #a0adb9;
  letter-spacing: 0.04em;
}
.slidecontainer h4 span,
.slidecontainer label span {
  color: #be6e0b;
}
.slidecontainer:hover {
  opacity: 1;
}
.returnToTimeline {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0b2939;
  color: #247ab0;
  opacity: 0.7;
  cursor: pointer;
  z-index: 99999;
  border: 1px solid #2ea2ea;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.returnToTimeline:hover {
  opacity: 1;
  color: #fff;
  border-color: #fff;
}
.returnToTimeline h4 {
  font-family: BebasNeue-Bold;
  letter-spacing: 0.04em;
  font-size: 1em;
  line-height: 12px;
  margin: 0 0 0 0;
}
.slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 16px;
  outline: none;
  opacity: 0.5;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  top: 0px;
  left: 0;
  background: transparent;
  position: absolute;
  cursor: pointer;
}
.slider:hover {
  opacity: 0.7;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 19px;
  height: 28px;
  border: 2px solid #fff;
  cursor: pointer;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABUCAYAAAAvUA/IAAAABGdBTUEAALGPC/xhBQAAAYNJREFUeAHtnMFtwkAQRVlEbvSQSxogNaSd1ICoIe2khtAAF+pAijMgDhNO8NfzlaweksVa8p/Zec+WuJg2TdN2MchnOcgclzGGGmaVzbTWdvn8P6zzYzKUGYb5q7cfZjBjIMBtZoAstcCMhM0QwswjkOO3U4tjE8f6kZxyrcPMR2zsK459DPSkbPLejGOYt+tmXuL7+d6NKdc5hmlpY6X9SounISxLhrFgFppgRoBmiWDGglloghkBmiWCGQtmoQlmBGiWCGYsmIUmmBGgWSKYsWAWmmBGgGaJYMaCWWiCGQGaJYIZC2ahCWYEaJYIZiyYhSaYEaBZIpixYBaaYEaAZolgxoJZaIIZAZolghkLZqEJZgRolghmLJiFJg4zU9rXd1rPvnQM83nd9SG+j7NPkAo6hnmPfq9xbOJlo1PqPfvy15tNs1ePgjHA+TbbV9S+rekwc9uz7JxhytB2FsZMJ8CyOGbK0HYWxkwnwLI4ZsrQdhY+v3XEnxt0QiyJD/XM/AAZ+iKp+eMqKAAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: contain !important;
}
.slider::-moz-range-thumb {
  width: 19px;
  height: 28px;
  background: transparent;
  border: 2px solid #fff;
  cursor: pointer;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABUCAYAAAAvUA/IAAAABGdBTUEAALGPC/xhBQAAAYNJREFUeAHtnMFtwkAQRVlEbvSQSxogNaSd1ICoIe2khtAAF+pAijMgDhNO8NfzlaweksVa8p/Zec+WuJg2TdN2MchnOcgclzGGGmaVzbTWdvn8P6zzYzKUGYb5q7cfZjBjIMBtZoAstcCMhM0QwswjkOO3U4tjE8f6kZxyrcPMR2zsK459DPSkbPLejGOYt+tmXuL7+d6NKdc5hmlpY6X9SounISxLhrFgFppgRoBmiWDGglloghkBmiWCGQtmoQlmBGiWCGYsmIUmmBGgWSKYsWAWmmBGgGaJYMaCWWiCGQGaJYIZC2ahCWYEaJYIZiyYhSaYEaBZIpixYBaaYEaAZolgxoJZaIIZAZolghkLZqEJZgRolghmLJiFJg4zU9rXd1rPvnQM83nd9SG+j7NPkAo6hnmPfq9xbOJlo1PqPfvy15tNs1ePgjHA+TbbV9S+rekwc9uz7JxhytB2FsZMJ8CyOGbK0HYWxkwnwLI4ZsrQdhY+v3XEnxt0QiyJD/XM/AAZ+iKp+eMqKAAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: contain !important;
}
.sequence-analyzer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sequence-analyzer .bdr {
  border: 2px solid #0b2939;
}
.sequence-analyzer .block {
  width: 400px;
}
@media screen and (max-width: 1680) {
.sequence-analyzer .block {
    width: 380px;
}
}
@media screen and (max-width: 1400px) {
.sequence-analyzer .block {
    width: 350px;
}
}
.sequence-analyzer .block {
  height: 40px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin: 0 auto 10px;
}
.sequence-analyzer .block.small {
  height: 30px;
}
.sequence-analyzer .block .cntrller {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sequence-analyzer .block .cntrller .title {
  width: auto;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 0 10px;
  color: #a0adb9;
}
@media screen and (max-width: 1680px) {
.sequence-analyzer .block .cntrller .title {
    font-size: 16px;
}
}
@media screen and (max-width: 1400px) {
.sequence-analyzer .block .cntrller .title {
    font-size: 14px;
}
}
.sequence-analyzer .block .cntrller .seq-buttons {
  width: auto;
  max-width: 200px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sequence-analyzer .block .cntrller .seq-buttons .seq_btn {
  height: 100%;
  width: 80px;
  font-size: 12px;
  border: 0;
  padding: 0 0 0 0;
  background: #020713;
  color: #247ab0;
  text-align: center;
  font-weight: 600;
}
.sequence-analyzer .block .cntrller .seq-buttons .seq_btn .seq_btn_img {
  font-size: 16px;
  margin-top: 2px;
  background-size: contain !important;
}
.sequence-analyzer .block .cntrller .seq-buttons .seq_btn .seq_btn_img:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  content: "";
  position: absolute;
  background: #2ea2ea;
  opacity: 0.8;
  width: 2px;
  height: 10.5px;
  top: 12px;
  display: none;
}
.sequence-analyzer .block .cntrller .seq-buttons .seq_btn:not(:last-child) {
  border-right: 1px solid #0b2939;
}
.sequence-analyzer .block .cntrller .seq-buttons .seq_btn:first-child {
  border-left: 1px solid #0b2939;
}
.sequence-analyzer ._fblock {
  background: #195075;
  color: #2ea2ea;
  border: 1px solid #2ea2ea;
  font-family: BebasNeue-Regular, sans-serif;
  font-weight: 900;
  font-size: 15px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1400px) {
.sequence-analyzer ._fblock {
    font-size: 14px;
}
}
.sequence-analyzer ._fblock.cyan {
  background: #216356;
  color: #3aeacc;
  border-color: #349e89;
}
.sequence-analyzer ._fblock.icon {
  padding: 8px 15px 4px 30px;
  font-size: 14px;
  line-height: 14px;
}
@media screen and (max-width: 1400px) {
.sequence-analyzer ._fblock.icon {
    font-size: 12px;
    line-height: 12px;
    padding: 7px 12px 5px 30px;
}
}
.sequence-analyzer ._fblock i.mdi {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  height: 100%;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1400px) {
.sequence-analyzer ._fblock i.mdi {
    font-size: 16px;
    width: 30px;
}
}
.sequence-analyzer .seq_btn {
  padding: 0 12px;
}
.sequence-analyzer .seq_btn,
.sequence-analyzer ._fblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  opacity: 0.8;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.sequence-analyzer .seq_btn::before, .sequence-analyzer .seq_btn::after,
.sequence-analyzer ._fblock::before,
.sequence-analyzer ._fblock::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 9999;
}
.sequence-analyzer .seq_btn::before,
.sequence-analyzer ._fblock::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.sequence-analyzer .seq_btn::after,
.sequence-analyzer ._fblock::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.sequence-analyzer .seq_btn:not(.disable):hover,
.sequence-analyzer ._fblock:not(.disable):hover {
  border-color: #fff;
  color: #fff;
  opacity: 1;
}
.sequence-analyzer .seq_btn:not(.disable):hover::before, .sequence-analyzer .seq_btn:not(.disable):hover::after,
.sequence-analyzer ._fblock:not(.disable):hover::before,
.sequence-analyzer ._fblock:not(.disable):hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
.sequence-analyzer .seq_btn.disable,
.sequence-analyzer ._fblock.disable {
  opacity: 0.5;
  color: #0b2939;
  cursor: not-allowed;
}
.sequence-analyzer .magnifier {
  position: relative;
}
.sequence-analyzer .magnifier .magnifier_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 100%;
  bottom: 0;
  padding: 0px 5px 0px 5px;
  width: auto;
  height: 100%;
  margin: 0 0 0 5px;
  text-align: center;
  overflow-x: hidden;
  z-index: 999999999;
  opacity: 1;
  background: #247ab0;
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  border-radius: 5px;
  border-top: 1px solid #0b2939;
  border-bottom: 1px solid #0b2939;
}
.sequence-analyzer .magnifier .magnifier_list:hover {
  opacity: 1;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item {
  padding: 10 5px 0 5px;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn {
  margin: 0 0 0 0;
  width: 50px;
  opacity: 1;
  height: 100%;
  color: #fff;
  border: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  -webkit-animation: extend-bar 500ms ease;
          animation: extend-bar 500ms ease;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn::before {
  border-top: 1px solid #247ab0;
  border-bottom: 1px solid #247ab0;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn::after {
  border-left: 1px solid #247ab0;
  border-right: 1px solid #247ab0;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn:hover {
  border-color: #247ab0;
  background: #0b2939;
}
.sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn:hover::before, .sequence-analyzer .magnifier .magnifier_list ._mag_item .seq_btn:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
#debug-log {
  text-align: left;
  display: block;
  margin: 15px 0;
  width: 400px;
}
@media screen and (max-width: 1680) {
#debug-log {
    width: 350px;
}
}
@media screen and (max-width: 1400px) {
#debug-log {
    width: 300px;
}
}
#debug-log {
  height: auto;
}
#debug-log p {
  font-size: 14px;
  margin: 0 0 0 0;
  font-family: BebasNeue-Regular;
  color: #f28b0f;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
#debug-log p {
    font-size: 12px;
}
}
#toggleGridButton {
  opacity: 0.8;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
#toggleGridButton .v-switch-core {
  border: 1px solid #247ab0;
}
#toggleGridButton.toggled .v-switch-core {
  border: 1px solid #3aad2c;
}
#toggleGridButton.toggled .v-switch-label {
  color: #4de83a;
}
#toggleGridButton:hover {
  opacity: 1;
}
#toggleGridButton .v-switch-button {
  width: 17px !important;
  height: 17px !important;
}
#toggleGridButton .v-switch-core,
#toggleGridButton .v-switch-button {
  border-radius: 2px !important;
}
#toggleGridButton .v-switch-label {
  letter-spacing: 0.115em;
  font-family: "BebasNeue-Regular";
  font-weight: 900;
  font-size: 12px;
  top: 1px;
  color: #2ea2ea;
}
@media screen and (max-width: 1400px) {
#toggleGridButton .v-switch-button {
    width: 12px !important;
    height: 12px !important;
}
#toggleGridButton .v-switch-label {
    font-size: 10px;
    line-height: 20px !important;
}
#toggleGridButton .v-switch-core {
    width: 85px !important;
    height: 20px !important;
}
}
#downloadReplay {
  position: relative;
  display: block;
}
#downloadReplay button {
  padding: 5px 15px 3px 30px;
  width: auto;
  height: auto;
  background-size: contain !important;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: 250ms all ease-out;
  transition: 250ms all ease-out;
  border: 1px solid #402504;
  color: #be6e0b;
  font-size: 14px;
  text-transform: uppercase;
  font-family: BebasNeue-Regular;
  letter-spacing: 1px;
  background: transparent;
  position: relative;
}
#downloadReplay button[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #a0adb9 !important;
  color: #a0adb9 !important;
}
#downloadReplay button::before, #downloadReplay button::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 9999;
}
#downloadReplay button::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#downloadReplay button::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
#downloadReplay button:hover:not(.delete), #downloadReplay button[active=true] {
  border-color: #fff;
  color: #fff;
  opacity: 1;
  background: #be6e0b;
}
#downloadReplay button:hover:not(.delete)::before, #downloadReplay button:hover:not(.delete)::after, #downloadReplay button[active=true]::before, #downloadReplay button[active=true]::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
@media screen and (max-width: 1400px) {
#downloadReplay button {
    font-size: 12px;
}
}
#downloadReplay button i.mdi {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  height: 100%;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1400px) {
#downloadReplay button i.mdi {
    font-size: 16px;
    width: 30px;
}
}
#algo-controls {
  width: auto;
  height: auto;
  position: fixed;
  bottom: 25px;
  right: 25px;
  text-align: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  pointer-events: none;
}
#algo-controls svg .st0 {
  fill: #fff;
}
@media screen and (max-width: 1680px) {
#algo-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
#algo-controls.playerColor__pink svg .st0 {
  fill: #af1b77;
}
#algo-controls.playerColor__pink #info-detail-viewer ._unit-viewer {
  border: 2px solid #af1b77;
}
#algo-controls.playerColor__pink #info-detail-viewer .topInfo .type h4 {
  color: #af1b77;
}
#algo-controls.playerColor__pink #info-detail-viewer ._unit-stats ._unit-bar {
  background: #ff22a1;
}
#algo-controls.playerColor__pink #unit-builder-menu {
  border: 2px solid #af1b77;
}
#algo-controls.playerColor__pink #unit-builder-menu span {
  color: #af1b77;
}
#algo-controls.playerColor__pink #unit-builder-menu ._builder ._info_units {
  border: 2px solid #af1b77;
}
#algo-controls.playerColor__pink #ubm .game-ctrl {
  border: 1px solid #af1b77;
  color: #af1b77;
}
#algo-controls.playerColor__pink #ubm .game-ctrl.submit {
  border: 1px solid #3aad2c;
  color: #3aad2c;
}
#algo-controls.playerColor__blue svg .st0 {
  fill: #247ab0;
}
#algo-controls.playerColor__blue #info-detail-viewer ._unit-viewer {
  border: 2px solid #247ab0;
}
#algo-controls.playerColor__blue #info-detail-viewer .topInfo .type h4 {
  color: #247ab0;
}
#algo-controls.playerColor__blue #info-detail-viewer ._unit-stats ._unit-bar {
  background: #2ea2ea;
}
#algo-controls.playerColor__blue #unit-builder-menu {
  border: 2px solid #247ab0;
}
#algo-controls.playerColor__blue #unit-builder-menu span {
  color: #247ab0;
}
#algo-controls.playerColor__blue #unit-builder-menu ._builder ._info_units {
  border: 2px solid #247ab0;
}
#algo-controls.playerColor__blue #ubm .game-ctrl {
  border: 1px solid #247ab0;
  color: #247ab0;
}
#algo-controls.playerColor__blue #ubm .game-ctrl.submit {
  border: 1px solid #3aad2c;
  color: #3aad2c;
}
#info-detail-viewer {
  width: auto;
  height: auto;
}
#info-detail-viewer ._unit-viewer {
  width: 200px;
  height: auto;
  display: block;
  position: relative;
  text-transform: uppercase;
  padding: 10px 10px;
  margin: 0 15px;
  border: 2px solid #0b2939;
  background: #1a2932;
}
@media screen and (max-width: 1680px) {
#info-detail-viewer ._unit-viewer {
    margin: 10px 0px;
    width: 180px;
}
}
@media screen and (max-width: 1400px) {
#info-detail-viewer ._unit-viewer {
    width: 160px;
}
}
@media screen and (max-width: 1200px) {
#info-detail-viewer ._unit-viewer {
    width: 140px;
    padding: 10px 5px;
}
}
@media screen and (max-width: 1080px) {
#info-detail-viewer ._unit-viewer {
    display: none;
}
}
#info-detail-viewer ._unit-viewer .topInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#info-detail-viewer ._unit-viewer .topInfo .type h1,
#info-detail-viewer ._unit-viewer .topInfo .type h4 {
  margin: 0 0 0 0;
  text-align: right;
  font-family: BebasNeue-Book;
}
#info-detail-viewer ._unit-viewer .topInfo .type h4 {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1200px) {
#info-detail-viewer ._unit-viewer .topInfo .type h4 {
    font-size: 12px;
}
}
#info-detail-viewer ._unit-viewer .topInfo .type h1 {
  font-size: 24px;
  font-weight: 100;
}
@media screen and (max-width: 1200px) {
#info-detail-viewer ._unit-viewer .topInfo .type h1 {
    font-size: 18px;
}
}
#info-detail-viewer ._unit-viewer .topInfo .cost {
  color: #fff;
  font-size: 14px;
  font-family: BebasNeue-Book;
}
#info-detail-viewer ._unit-viewer ._info-graphic {
  width: 100px;
  height: 100px;
  margin: 10px auto;
}
@media screen and (max-width: 1200px) {
#info-detail-viewer ._unit-viewer ._info-graphic {
    width: 80px;
    height: 80px;
}
#info-detail-viewer ._unit-viewer ._info-graphic svg {
    width: 80px !important;
    height: 80px !important;
}
}
#info-detail-viewer ._unit-viewer ._unit-stats ._stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#info-detail-viewer ._unit-viewer ._unit-stats h4 {
  font-size: 14px;
  font-family: BebasNeue-Book;
  margin: 5px 0;
}
@media screen and (max-width: 1200px) {
#info-detail-viewer ._unit-viewer ._unit-stats h4 {
    font-size: 10px;
}
}
#info-detail-viewer ._unit-viewer ._unit-stats ._unit-bar {
  height: 18px;
  background: #a0adb9;
  -webkit-animation: extend-bar 500ms ease-out;
          animation: extend-bar 500ms ease-out;
}
#unit-controls {
  width: auto;
  height: 100%;
  pointer-events: all;
}
#unit-builder-menu {
  pointer-events: all;
  height: auto;
  width: auto;
  text-align: left;
  position: relative;
  display: block;
  border: 2px solid #42414c;
  padding: 5px 5px;
  border-radius: 2px;
  text-transform: uppercase;
}
#unit-builder-menu span {
  font-size: 14px;
  color: #a0adb9;
  font-family: BebasNeue-Regular;
  font-weight: 900;
  letter-spacing: 1px;
}
#unit-builder-menu ._builder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: auto;
  overflow: hidden;
}
#unit-builder-menu ._builder ._info_units {
  width: 70px;
  height: 70px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: #1a2932;
  border: 2px solid #42414c;
  margin: 5px 5px;
  position: relative;
  border-radius: 10px;
  -webkit-transition: border-color 500ms ease-out;
  transition: border-color 500ms ease-out;
}
@media screen and (max-width: 1400px) {
#unit-builder-menu ._builder ._info_units {
    width: 60px;
    height: 60px;
}
}
@media screen and (max-width: 1200px), screen and (max-height: 800px) {
#unit-builder-menu ._builder ._info_units {
    width: 50px;
    height: 50px;
}
}
#unit-builder-menu ._builder ._info_units p {
  font-size: 6px;
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 0.7;
  -webkit-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}
#unit-builder-menu ._builder ._info_units ._build-unit {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1400px) {
#unit-builder-menu ._builder ._info_units ._build-unit {
    width: 30px;
    height: 30px;
}
}
@media screen and (max-width: 1200px), screen and (max-height: 800px) {
#unit-builder-menu ._builder ._info_units ._build-unit {
    width: 18px;
    height: 18px;
}
}
#unit-builder-menu ._builder ._info_units ._build-unit {
  opacity: 0.7;
  margin-bottom: 5px;
  background-size: contain !important;
  -webkit-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}
#unit-builder-menu ._builder ._info_units:hover:not([disabled=disabled]), #unit-builder-menu ._builder ._info_units[active=true] {
  border-color: #fff !important;
}
#unit-builder-menu ._builder ._info_units:hover:not([disabled=disabled]) p, #unit-builder-menu ._builder ._info_units[active=true] p {
  opacity: 1;
}
#unit-builder-menu ._builder ._info_units:hover:not([disabled=disabled]) ._build-unit, #unit-builder-menu ._builder ._info_units[active=true] ._build-unit {
  opacity: 1;
}
#unit-builder-menu ._builder ._info_units[disabled=disabled] {
  border-color: #42414c !important;
  cursor: not-allowed;
}
#unit-builder-menu ._builder ._info_units[disabled=disabled] p {
  opacity: 0.2;
}
#unit-builder-menu ._builder ._info_units[disabled=disabled] ._build-unit {
  opacity: 0.2;
}
#ubm {
  height: 50px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ubm .game-ctrl {
  width: auto;
  height: auto;
  background-size: contain !important;
  cursor: pointer;
  margin: 10px 5px;
  padding: 5px 15px 2px;
  opacity: 0.8;
  -webkit-transition: 250ms all ease-in-out;
  transition: 250ms all ease-in-out;
  border: 1px solid #a0adb9;
  color: #a0adb9;
  font-size: 14px;
  text-transform: uppercase;
  font-family: BebasNeue-Bold;
  letter-spacing: 1px;
}
@media screen and (max-width: 1400px) {
#ubm .game-ctrl {
    font-size: 12px;
    padding: 5px 12px 2px;
}
}
@media screen and (max-width: 1200px), screen and (max-height: 800px) {
#ubm .game-ctrl {
    font-size: 12px;
    padding: 5px 7px 2px;
}
}
#ubm .game-ctrl[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #a0adb9 !important;
  color: #a0adb9 !important;
}
#ubm .game-ctrl:hover:not(.delete), #ubm .game-ctrl[active=true] {
  opacity: 1;
  border: 1px solid #fff !important;
  color: #fff !important;
}
#ubm .game-ctrl:hover.delete {
  opacity: 1;
}
#ubm .game-ctrl:first-child {
  margin-left: 0;
}
#ubm .game-ctrl:last-child {
  margin-right: 0;
}
#ubm .game-ctrl.submit {
  position: absolute;
  left: -150px;
  bottom: 0px;
  font-size: 20px;
  padding: 8px 20px 5px;
}
@media screen and (max-width: 1400px) {
#ubm .game-ctrl.submit {
    padding: 5px 15px 2px;
    font-size: 18px;
    left: -130px;
    bottom: 3px;
}
}
@media screen and (max-width: 1200px), screen and (max-height: 800px) {
#ubm .game-ctrl.submit {
    font-size: 16px;
}
}
#ubm .game-ctrl.submit:hover {
  background: #25741d;
}
#startHandPlay {
  position: fixed;
  right: 30px;
  bottom: 120px;
}
#startHandPlay button {
  padding: 5px 20px 0px 70px;
  width: auto;
  height: auto;
  background-size: contain !important;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: 250ms all ease-out;
  transition: 250ms all ease-out;
  border: 1px solid #11352e;
  color: #349e89;
  font-size: 30px;
  text-transform: uppercase;
  font-family: BebasNeue-Regular;
  letter-spacing: 1px;
  background: transparent;
  position: relative;
}
#startHandPlay button[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #a0adb9 !important;
  color: #a0adb9 !important;
}
#startHandPlay button::before, #startHandPlay button::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 9999;
}
#startHandPlay button::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#startHandPlay button::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
#startHandPlay button:hover:not(.delete), #startHandPlay button[active=true] {
  border-color: #fff;
  color: #fff;
  opacity: 1;
  background: #11352e;
}
#startHandPlay button:hover:not(.delete)::before, #startHandPlay button:hover:not(.delete)::after, #startHandPlay button[active=true]::before, #startHandPlay button[active=true]::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
#startHandPlay button:hover:not(.delete) i.mdi, #startHandPlay button[active=true] i.mdi {
  border-right: 2px solid #fff;
}
@media screen and (max-width: 1400px) {
#startHandPlay button {
    font-size: 28px;
}
}
#startHandPlay button i.mdi {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 0 4px 0;
  font-size: 34px;
  height: 100%;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #133a0d;
}
@media screen and (max-width: 1400px) {
#startHandPlay button i.mdi {
    font-size: 30px;
}
}
#startGame {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: transparent;
  border: 1px solid #42414c;
  margin: 30px auto;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  -webkit-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  padding: 10px 30px 6px;
  cursor: pointer;
  font-family: BebasNeue-Book;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1080px) {
#startGame {
    top: -100px;
}
}
#startGame::before, #startGame::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
#startGame::before {
  border-top: 1px solid #25741d;
  border-bottom: 1px solid #25741d;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#startGame::after {
  border-left: 1px solid #25741d;
  border-right: 1px solid #25741d;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
#startGame:hover {
  border-color: #133a0d;
  color: #4de83a;
  opacity: 1;
  background: #133a0d;
}
#startGame:hover::before, #startGame:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 1000ms ease-in-out;
  transition: -webkit-transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out;
}
#player0 {
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
#player0:hover, #player0.active {
  opacity: 1;
}
#player0 .p-algo-dropdown button {
  color: #247ab0;
}
#player0 .p-algo-dropdown button .bossLevel {
  color: #247ab0;
}
#player0 .p-algo-dropdown button:hover {
  color: #fff;
  background: #195075;
}
#player0 .p-algo-dropdown button:hover .bossLevel {
  color: #fff;
}
#player0 .p-control {
  color: #247ab0;
}
#player0 .p-control .down-caret {
  border-color: #247ab0 transparent transparent transparent;
}
#player0 .p-control:before, #player0 .p-control:after {
  border-color: #195075;
}
#player0 .p-control.active, #player0 .p-control:hover {
  border-color: #195075;
  color: #fff;
}
#player0 .p-control.active .down-caret, #player0 .p-control:hover .down-caret {
  color: #fff;
}
#player1 {
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
#player1:hover, #player1.active {
  opacity: 1;
}
#player1 .p-algo-dropdown button {
  color: #ff22a1;
}
#player1 .p-algo-dropdown button .bossLevel {
  color: #ff22a1;
}
#player1 .p-algo-dropdown button:hover {
  color: #fff;
  background: #6b0f4c;
}
#player1 .p-algo-dropdown button:hover .bossLevel {
  color: #fff;
}
#player1 .p-control {
  color: #ff22a1;
}
#player1 .p-control .down-caret {
  border-color: #ff22a1 transparent transparent transparent;
}
#player1 .p-control:before, #player1 .p-control:after {
  border-color: #6b0f4c;
}
#player1 .p-control.active, #player1 .p-control:hover {
  border-color: #6b0f4c;
  color: #fff;
}
#player1 .p-control.active .down-caret, #player1 .p-control:hover .down-caret {
  color: #fff;
}
.startGame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10% auto 50vh;
  width: 70%;
}
@media screen and (max-width: 1400px) {
.startGame {
    width: 700px;
}
}
.startGame {
  padding: 0 20px;
  height: 500px;
}
.startGame ::-webkit-scrollbar {
  display: none !important;
}
.startGame {
  font-family: BebasNeue-Book;
}
@media screen and (max-width: 1080px) {
.startGame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
    margin: 100px auto 0;
}
}
.startGame .p-control {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  background: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  height: 80px;
  cursor: pointer;
  border: 1px solid #a0adb9;
  margin: 25px auto;
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  opacity: 0.8;
  -webkit-transition: color 250ms ease-out, opacity 250ms ease-in-out, border-color 250ms ease-out;
  transition: color 250ms ease-out, opacity 250ms ease-in-out, border-color 250ms ease-out;
  position: relative;
  font-family: BebasNeue-Regular;
}
@media screen and (max-width: 1400px) {
.startGame .p-control {
    width: 180px;
    height: 70px;
    font-size: 18px;
}
}
@media screen and (max-width: 1080px) {
.startGame .p-control {
    background: rgba(11, 43, 57, 0.4);
}
}
.startGame .p-control::before, .startGame .p-control::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.startGame .p-control::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.startGame .p-control::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.startGame .p-control .down-caret {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  display: inline-block;
  margin-left: 6px;
  top: -3px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.startGame .p-control.active, .startGame .p-control:hover {
  opacity: 1;
  background: rgba(11, 43, 57, 0.4);
}
@media screen and (max-width: 1080px) {
.startGame .p-control.active, .startGame .p-control:hover {
    background: #020713;
}
}
.startGame .p-control.active::before, .startGame .p-control.active::after, .startGame .p-control:hover::before, .startGame .p-control:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
.startGame .p-control.active .down-caret, .startGame .p-control:hover .down-caret {
  border-color: #fff transparent transparent transparent;
}
.startGame .p-control.active .down-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.startGame ._title {
  width: 105%;
  border-bottom: 1px solid #fff;
}
.startGame ._title h1 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: font-size 100ms ease-in-out;
  transition: font-size 100ms ease-in-out;
}
.startGame .p-algo-dropdown {
  width: 200px;
}
@media screen and (max-width: 1400px) {
.startGame .p-algo-dropdown {
    width: 180px;
}
}
.startGame .p-algo-dropdown {
  padding: 0px;
  margin: -25px auto 25px;
  list-style: none;
  max-height: 200px;
  overflow: scroll;
  border-bottom: 2px solid #fff;
  position: relative;
}
.startGame .p-algo-dropdown li {
  width: 200px;
  height: 60px;
  padding: 0 0 0 0;
  background: transparent;
  -webkit-animation: extend-height 500ms ease-in-out;
          animation: extend-height 500ms ease-in-out;
}
@media screen and (max-width: 1400px) {
.startGame .p-algo-dropdown li {
    width: 180px;
    height: 50px;
}
}
.startGame .p-algo-dropdown li button {
  background: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid #fff;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
@media screen and (max-width: 1400px) {
.startGame .p-algo-dropdown li button {
    font-size: 16px;
}
}
.startGame .p-algo-dropdown li button {
  opacity: 0.8;
  letter-spacing: 0.065em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background 500ms ease-out;
  transition: background 500ms ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.startGame .p-algo-dropdown li button b {
  position: absolute;
  left: 5px;
  border-right: 1px solid #fff;
  padding-right: 5px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 26px;
  font-family: BebasNeue-Book;
  color: #fff;
}
.startGame .p-algo-dropdown li button .bossLevel {
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 7px;
  -webkit-transition: color 500ms ease-out;
  transition: color 500ms ease-out;
}
#player0 ._title {
  text-align: left;
}
#player0 ._title h1 {
  margin-left: -15px;
}
#player1 ._title {
  text-align: right;
  margin-left: -5%;
}
#player1 ._title h1 {
  margin-right: -15px;
}
#player0,
#player1 {
  height: 500px;
  display: block;
  position: relative;
}
#player0:hover .corner_graphic,
#player1:hover .corner_graphic {
  border-width: 2px;
  width: 20px;
  height: 20px;
}
#player0:hover ._title h1,
#player1:hover ._title h1 {
  font-size: 18px;
}
.corner_graphic {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  position: absolute;
  border-bottom: 0;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#player0 .corner_graphic {
  top: 0;
  left: -30px;
  border-right: 0;
}
#player0:hover .corner_graphic {
  -webkit-transform: translate(-5px, -5px);
          transform: translate(-5px, -5px);
}
#player1 .corner_graphic {
  top: 0;
  right: -30px;
  border-left: 0;
}
#player1:hover .corner_graphic {
  -webkit-transform: translate(5px, -5px);
          transform: translate(5px, -5px);
}
.corrupt {
  background: #7a231c !important;
  color: #f28b0f !important;
}
.corrupt .tooltiptext {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  right: 0px;
  padding: 18px 8px 6px;
  top: 0px;
  line-height: 20px;
  height: 100%;
  width: 100%;
}
.corrupt:hover {
  background: #7a231c;
  border-color: #804909;
}
.corrupt:hover .tooltiptext {
  visibility: visible;
  background: rgba(11, 43, 57, 0.9);
}
#competition-header {
  min-height: 275px;
}
#competition-header *:focus {
  outline: none;
}
#competition-header .header-left {
  padding-top: 25px;
  text-align: left;
  padding-left: 0px;
  padding-right: 25px;
}
#competition-header .header-right {
  padding-top: 20px;
}
#competition-header .competition-detail-row {
  min-height: 50px;
  width: 100%;
  max-width: 450px;
  text-align: left;
  margin: 10px auto 10px 0;
}
#competition-header .competition-detail-row .detail-block {
  float: left;
  margin-right: 45px;
}
#competition-header .competition-detail-row .leave-button-block {
  float: left;
  margin-top: 10px;
}
#competition-header .competition-detail-row .leave-button-block .leave-button {
  padding: 0px;
  font-size: 20px;
  background: Transparent;
  border: none;
  font-family: BebasNeue-Book;
  color: #107ab0;
  cursor: pointer;
}
#competition-header .competition-detail-row .leave-button-block .leave-button:hover {
  color: #2ea2ea;
}
#competition-header .competition-detail-row .leave-button-block .leave-button .leave-icon {
  margin-right: 5px;
}
#competition-header .competition-detail-row .leave-button-block.mobile {
  float: right;
}
#competition-header .competition-detail-row .joined-tag {
  display: inline-block;
  background: #25741d;
  color: #fff;
  font-family: BebasNeue-Book;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 6px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0px 15px 15px 0px;
}
#competition-header .competition-detail-row .heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 18px;
  opacity: 0.7;
  -webkit-font-smoothing: antialiased;
}
#competition-header .competition-detail-row .heading .sub {
  position: absolute;
  color: #d18118;
  -webkit-transition: color 500ms ease-in;
  transition: color 500ms ease-in;
  left: 140px;
}
#competition-header .competition-detail-row .heading .sub.hasJoined {
  color: #4caf50;
}
#competition-header .competition-detail-row .heading .sub.mobile {
  position: relative;
  left: 0;
}
#competition-header .competition-detail-row .detail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #ffffff;
  opacity: 0.7;
  font-weight: normal;
  font-size: 20px;
  position: relative;
  top: auto;
  left: auto;
  font-family: BebasNeue-Bold;
  bottom: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 26px;
}
#competition-header .competition-detail-row .name {
  font-size: 40px;
  color: #e5e5e5;
  font-family: BebasNeue-Regular;
  letter-spacing: 1.2px;
  font-weight: 300;
  line-height: 1.1;
  -webkit-font-smoothing: antialiased;
}
#competition-header .competition-detail-row .count-down {
  font-size: 30px;
  color: #fff;
  font-family: BebasNeue-Book;
  letter-spacing: 1.2px;
  font-weight: 300;
  line-height: 1.1;
  -webkit-font-smoothing: antialiased;
}
#competition-header .competition-detail-row .social-buttons {
  font-size: 30px;
}
#competition-header .competition-detail-row .social-buttons a {
  margin-right: 10px;
  color: #107ab0;
}
#competition-header .competition-detail-row .social-buttons a:hover {
  color: #2ea2ea;
}
#twitch-link {
  width: 500px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  left: 50%;
  top: 100px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid #0b2939;
  background: #020713;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  border-radius: 5px;
}
#twitch-link #twitch-logo {
  width: 60px;
  height: 60px;
}
#twitch-link h1 {
  font-family: BebasNeue-Regular;
  font-size: 24px;
  color: #195075;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  margin-left: 5px;
  letter-spacing: 1px;
}
#twitch-link:hover {
  border: 4px solid #195075;
  background: #0b2939;
  top: 95px;
  -webkit-box-shadow: 0px 10px 18px -2px #247ab0;
          box-shadow: 0px 10px 18px -2px #247ab0;
}
#twitch-link:hover h1 {
  color: #2ea2ea;
}
.corrupt {
  background: #7a231c !important;
  color: #f28b0f !important;
}
.corrupt .tooltiptext {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  right: 0px;
  padding: 18px 8px 6px;
  top: 0px;
  line-height: 20px;
  height: 100%;
  width: 100%;
}
.corrupt:hover {
  background: #7a231c;
  border-color: #804909;
}
.corrupt:hover .tooltiptext {
  visibility: visible;
  background: rgba(11, 43, 57, 0.9);
}
#competition-header .row.desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#competition-header .row.mobile {
  display: none;
}
#m_comp_details .detail,
#m_comp_details .heading,
#m_comp_details .social-buttons {
  text-align: right;
}
@media screen and (max-width: 996px) {
#competition-header .competition-detail-row {
    min-height: 30px;
}
#competition-header .row.desktop {
    display: none;
}
#competition-header .row.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#twitch-link {
    width: 80%;
    height: auto;
    padding: 15px 0;
    margin: 0 0 80px;
}
#twitch-link #twitch-logo {
    width: 50px;
    height: 50px;
    margin: 0 5px 0;
}
#twitch-link h1 {
    font-size: 18px;
}
}
@media screen and (max-width: 776px) {
#competition-detail .container,
  #competition-detail .row,
  #competition-detail .col-12,
  #competition-detail .col-6 {
    padding: 0 0 0 0;
}
#competition-detail #participants {
    padding-top: 5px;
}
#competitions-filter-controls {
    text-align: center;
}
#competitions-filter-controls .back-button {
    margin: 0 auto;
    width: 100%;
    padding: 5px 0;
    background: #0b2939;
    opacity: 1;
    border: 1px solid #247ab0;
}
#competitions-filter-controls .filter-choices {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px auto;
}
#competitions-filter-controls .filter-choices li {
    font-size: 16px;
}
#competition-header {
    min-height: 250px;
}
#competition-header .competition-detail-row {
    min-height: 30px;
    margin: 5px 0;
}
#competition-header .competition-detail-row .name {
    font-size: 30px;
}
#competition-header .competition-detail-row .heading {
    font-size: 16px;
}
#competition-header .competition-detail-row .detail {
    font-size: 20px;
}
#competition-header .competition-detail-row .social-buttons {
    font-size: 26px;
}
}
@media screen and (max-width: 556px) {
#twitch-link {
    width: 90%;
    height: auto;
    margin: 0 0 200px;
    padding: 0px 0;
}
#twitch-link #twitch-logo {
    width: 45px;
    height: 45px;
    margin: 0 10px 0;
}
#twitch-link h1 {
    font-size: 16px;
}
#competition-header .competition-detail-row {
    min-height: 30px;
}
#competition-header .competition-detail-row .name {
    font-size: 25px;
}
#competition-header .competition-detail-row .heading {
    font-size: 14px;
}
#competition-header .competition-detail-row .detail {
    font-size: 18px;
}
#competition-header .competition-detail-row .social-buttons {
    position: absolute;
    width: 100%;
    right: 0;
    white-space: nowrap;
    bottom: -50px;
}
}
.ranked-tier {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 40%;
  left: 0%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.ranked-tier.Bronze .ranked-graphic svg {
  fill: #804909;
}
.ranked-tier.Silver .ranked-graphic svg {
  fill: #a0adb9;
}
.ranked-tier.Gold .ranked-graphic svg {
  fill: #adae2c;
}
.ranked-tier .ranked-graphic {
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
}
.ranked-tier .ranked-graphic svg {
  width: 60px;
  height: auto;
}
#algo-selector .algo-select {
  width: 200px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0 10px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #0b2939;
  position: relative;
  text-transform: uppercase;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  color: #fff;
  margin: 0 0 0 0;
  -webkit-transition: border-color 300ms ease-in, opacity 500ms ease-in-out;
  transition: border-color 300ms ease-in, opacity 500ms ease-in-out;
  opacity: 1;
  cursor: pointer;
}
#algo-selector .algo-select .dropcaret {
  width: 40px;
  display: inline-block;
  position: absolute;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  top: 0;
  right: 0;
  height: 100%;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 2px solid #0b2939;
  color: #247ab0;
}
#algo-selector .algo-select.enabled:hover {
  border-color: #fff;
}
#algo-selector .algo-select.enabled:hover .dropcaret {
  border-color: #fff;
  color: #fff;
}
#algo-selector .algo-select #algo-displayed {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 140px;
}
@media screen and (max-width: 1200px) {
#algo-selector .algo-select {
    font-size: 16px;
    width: 160px;
}
}
#algo-selector .algo-list {
  position: relative;
}
#algo-selector .algo-options {
  z-index: 1;
  max-height: 200px;
  height: auto;
  width: 200px;
  position: absolute;
  background: #000;
  border-top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: BebasNeue-Book;
  font-size: 18px;
  top: 45px;
  letter-spacing: 0.05em;
  border: 2px solid #0b2939;
}
@media screen and (max-width: 1200px) {
#algo-selector .algo-options {
    font-size: 16px;
    width: 160px;
}
}
#algo-selector .algo-options ._algo {
  width: 100%;
  background: transparent;
  border: 0;
  text-transform: uppercase;
  color: #247ab0;
  padding: 15px 10px;
  border-bottom: 1px solid #0b2939;
  cursor: pointer;
  position: relative;
  -webkit-transition: color 250ms ease-out, border-color 250ms ease-out;
  transition: color 250ms ease-out, border-color 250ms ease-out;
}
#algo-selector .algo-options ._algo.upload {
  border: 1px solid #a0adb9;
  color: #a0adb9;
}
#algo-selector .algo-options ._algo.upload b {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 15px;
  font-size: 16px;
  border-right: 1px solid #a0adb9;
}
#algo-selector .algo-options ._algo::before, #algo-selector .algo-options ._algo::after {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 99999;
}
#algo-selector .algo-options ._algo::before {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#algo-selector .algo-options ._algo::after {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
#algo-selector .algo-options ._algo:hover {
  border-color: #fff;
  color: #fff;
}
#algo-selector .algo-options ._algo:hover::before, #algo-selector .algo-options ._algo:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
#algo-selector .algo-selector-btn {
  margin: 15px 0 0 0;
  padding: 2px 15px 2px 30px;
  background: #d18118;
  -webkit-transition: background 500ms ease-in;
  transition: background 500ms ease-in;
}
#algo-selector .algo-selector-btn.hasJoined {
  background: #3e793c;
  pointer-events: none;
}
#algo-selector .algo-selector-btn {
  border: 0;
  text-transform: uppercase;
  font-family: BebasNeue-Regular;
  color: #000;
  font-size: 18px;
  text-align: right;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}
#algo-selector .join-competition .join-btn {
  margin-left: 0;
}
#algo-selector .join-btn {
  background: #be6e0b;
  border: 1px solid #402504;
}
#algo-selector .choose-btn {
  background: #3aad2c;
  border: 1px solid #133a0d;
}
#algo-selector .download-btn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
#algo-selector .upload-btn {
  background: transparent;
  border: 1px dashed #fff;
  color: #fff;
}
#algo-selector .btn {
  font-size: 18px;
  font-family: BebasNeue-Bold;
  padding: 5px 30px 2px;
  min-width: 100px;
  width: auto;
  margin: 0 15px 0;
  opacity: 0.7;
  letter-spacing: 0.05em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  border-radius: 0;
}
@media screen and (max-width: 1200px) {
#algo-selector .btn {
    font-size: 16px;
    padding: 5px 15px 2px;
    min-width: 80px;
}
}
@media (max-width: 575.98px) {
#algo-selector .btn {
    padding: 12px 15px 8px;
    margin: 15px;
}
}
#algo-selector .btn:hover {
  opacity: 1;
}
#algo-selector .algo-list,
#algo-selector .algo-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 776px) {
#algo-selector .algo-list,
  #algo-selector .algo-status {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 0 15px;
}
}
#algo-selector .algo-status {
  width: 225px;
}
#algo-selector .algo-status h4 {
  font-size: 16px;
  font-family: BebasNeue-Book;
  color: #247ab0;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  width: 100px;
}
#algo-selector .select-an-algo {
  font-family: BebasNeue-Regular;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 50px;
}
@media (max-width: 575.98px) {
#algo-selector .select-an-algo {
    margin-right: 0;
    margin-bottom: 12px;
}
}
#algo-selector .change-btn {
  padding: 6px 10px 3px;
  font-size: 16px;
  line-height: 12px;
  margin: 0 0 0 0;
  background: #247ab0;
}
#algo-selector .change-btn.selectAlgo {
  background: #be6e0b;
}
@media screen and (max-width: 1080px) {
#algo-selector .change-btn {
    padding: 12px 15px 8px;
    margin: 15px 0;
}
}
#algo-selector .algo-header {
  border: 1px solid #247ab0;
  text-align: left;
  padding: 0 0;
  width: 225px;
}
@media screen and (max-width: 776px) {
#algo-selector .algo-header {
    width: 200px;
}
}
@media screen and (max-width: 556px) {
#algo-selector .algo-header {
    width: 180px;
}
}
#algo-selector .algo-header th {
  font-size: 14px;
  line-height: 14px;
  padding: 5px 10px 3px;
  border-right: 1px solid #195075;
  font-family: BebasNeue-Book;
  color: #fff;
  letter-spacing: 0.085em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 556px) {
#algo-selector .algo-header th {
    padding: 5px 5px 3px;
    width: 50%;
}
#algo-selector .algo-header th span {
    display: none;
}
#algo-selector .algo-header th:first-child {
    width: 100%;
}
}
.disabledselector {
  pointer-events: none;
  opacity: 0.5;
}
.algo-card {
  box-shadow: none;
  border-radius: 0px;
  min-width: 220px;
  margin: 0 auto 25px;
  height: 80px;
  padding: 15px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-family: BebasNeue-Bold;
  letter-spacing: 2px;
  font-weight: normal;
  color: #f7f7f7;
  background: rgba(11, 43, 57, 0.75);
  border-radius: 0px;
  position: relative;
  background-size: cover;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #a0adb9;
  text-align: left;
  opacity: 0.6;
  -webkit-box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.75);
}
.algo-card .file-title {
  display: none;
}
.algo-card.selected {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 0.9;
}
.algo-card.selected .algo-name {
  opacity: 1;
}
.algo-card.selected .algo-heading {
  opacity: 1;
}
.algo-card .algo-actions-right {
  position: absolute;
  bottom: auto;
  top: 4px;
  right: 4px;
  z-index: 2;
}
.algo-card .algo-actions-right:hover .algo-upload-text {
  opacity: 1;
}
.algo-card .algo-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  color: #ffffff;
  opacity: 0.7;
  font-weight: normal;
  font-size: 22px;
  font-family: BebasNeue-Bold;
  -webkit-font-smoothing: antialiased;
}
.algo-card .algo-name:after {
  display: none;
}
.algo-card .algo-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #52b3a0;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  opacity: 0.7;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.algo-card label.add-bot {
  width: 20px;
  cursor: pointer;
  height: 20px;
  position: absolute;
  left: auto;
  font-size: 12px;
  font-weight: 900;
  border-radius: 0px;
  color: #00061a;
  font-family: BebasNeue-Bold;
  text-align: center;
  line-height: 2px;
  background: #ffffff;
  padding: 0px 0px;
  top: -4px;
  right: -4px;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.algo-card label.add-bot .algo-upload-text {
  text-align: center;
  display: block;
  font-size: 14px;
  font-family: BebasNeue-Regular;
  color: #f7f7f7;
  margin-top: 20px;
  opacity: 0;
  line-height: 20px;
  position: absolute;
  top: 32px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.algo-card label.add-bot i {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: 1px;
  left: 1px;
}
.algo-card label.add-bot:hover {
  opacity: 1;
}
.algo-card.empty {
  opacity: 0.2;
  background: #010619;
  border-radius: 0px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.algo-card .btn.btn-remove {
  font-weight: bold;
  font-size: 20px;
  min-width: 20px;
  margin: 0 0 0 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 20px;
  cursor: pointer;
  height: 20px;
  font-size: 5px;
  font-weight: 900;
  border-radius: 0px;
  color: #00061a;
  font-family: BebasNeue-Bold;
  text-align: center;
  line-height: 32px;
  background: #fff;
  padding: 0px 0px;
  position: absolute;
  top: -4px;
  right: -4px;
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.algo-card .btn.btn-remove i {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: 0px;
  left: 0px;
}
.algo-card .btn.btn-remove:hover {
  background: #f44336;
  color: #fff;
  opacity: 0.8;
}
@media screen and (max-width: 1200px) {
.algo-card .btn.btn-remove {
    min-width: 0px !important;
    margin-right: 0;
}
}
.algo-card.open {
  background: #0b2939;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  border: 2px solid #0b2939;
  opacity: 0.6;
  cursor: normal;
}
.algo-card.open label.add-bot {
  opacity: 0.7;
  background: #247ab0;
}
.algo-card.open .algo-name {
  opacity: 0.7;
}
.algo-card.open.firstAlgo {
  border: 2px solid #247ab0;
}
.algo-card.open:hover {
  opacity: 1;
  border: 2px solid #247ab0;
  background: #0b2939;
}
.algo-card.open:hover label.add-bot {
  opacity: 1;
  background: #2ea2ea;
}
.algo-card.corrupt {
  background: #7a231c;
}
.algo-card.corrupt .algo-heading {
  color: #f28b0f;
}
.algo-card.corrupt .tooltiptext {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  right: 0px;
  padding: 10px 8px 6px;
  top: 0px;
  line-height: 20px;
}
.algo-card.corrupt:hover {
  background: #7a231c;
  border-color: #804909;
}
.algo-card.corrupt:hover .tooltiptext {
  visibility: visible;
  background: rgba(11, 43, 57, 0.9);
}
.algo-card.compiling {
  background: repeating-linear-gradient(45deg, #1f282e, #1f282e 2px, #192226 2px, #192226 6px);
  -webkit-box-shadow: none;
          box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #374045;
}
.algo-card.compiling.spinner {
  position: absolute;
  top: 35px;
  right: 30px;
}
.algo-card:hover {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 0.8;
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(11, 43, 57, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  box-shadow: 0px 0px 50px 15px rgb(0, 0, 0);
  opacity: 1;
}
.algo-card:hover .algo-name {
  opacity: 0.8;
}
.algo-card:hover .algo-heading {
  opacity: 0.8;
}
.algo-card:hover.selected {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}
.algo-card:hover.selected .algo-name {
  opacity: 1;
}
.algo-card:hover.selected .algo-heading {
  opacity: 1;
}
.rejectInput {
  pointer-events: none;
}
.error-card {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  padding: 15px 50px 30px;
  background: #0b2939;
  z-index: 999999;
  width: 60%;
  border: 1px solid #2ea2ea;
}
.error-card .endOfSeason {
  margin: 0;
}
.error-card .hazard {
  display: none;
}
.error-card h1 {
  text-transform: uppercase;
  margin: 30px auto;
  font-size: 1.5em;
  color: #fff;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.05em;
}
.error-card pre {
  background: #00081c;
  color: #b73329;
  white-space: normal;
}
.error-card p {
  font-family: BebasNeue-Regular;
  color: #247ab0;
  letter-spacing: 0.05em;
  padding: 0 0 0;
  margin: -20px auto 40px;
}
.error-card .delete {
  margin: 30px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-card .delete button {
  margin: 0 10px;
  font-size: 1em;
  font-family: BebasNeue-Bold;
  line-height: 1em;
  padding: 8px 15px 5px;
  letter-spacing: 0.04em;
  color: #fff;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  cursor: pointer;
  opacity: 0.7;
  border: 2px solid;
}
.error-card .delete button:hover {
  opacity: 1;
}
.error-card .delete button.btn-delete {
  background: #af1b77;
  border-color: #ff22a1;
}
.error-card .delete button.btn-cancel {
  background: #247ab0;
  border-color: #2ea2ea;
}
.error-card .retry {
  margin: 30px auto 0;
}
.error-card .retry .retry-upload {
  padding: 10px 30px;
  background: #247ab0;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #2ea2ea;
  cursor: pointer;
  font-family: BebasNeue-Regular;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-size: 16px;
  opacity: 0.8;
}
.error-card .retry .retry-upload:hover {
  opacity: 1;
}
.card-label {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: rgb(217, 216, 218);
  font-family: BebasNeue-Book;
  font-size: 22px;
  opacity: 1;
  left: 10px;
  top: 8px;
  letter-spacing: 0.5px;
}
@media (min-width: 1200px) {
.algo-card {
    min-width: 80%;
    max-width: 300px;
}
}
@media (min-width: 1680px) {
.algo-card {
    min-width: 90%;
    max-width: 90%;
}
}
.help-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.help-section p {
  margin: 0;
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0.64px;
}
.help-section .get-started-btn {
  border: 0;
  position: relative;
  outline: none;
}
.help-section .get-started-btn:focus, .help-section .get-started-btn:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.help-section .get-started-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #52b3a0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.help-section .get-started-btn:hover {
  background: transparent !important;
  color: #52b3a0 !important;
}
.help-section .get-started-btn:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.help-section--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.help-section--row-end {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.help-section--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  padding: 24px;
  width: 100%;
}
.help-section--column p {
  line-height: 24px;
  margin-bottom: 0;
}
.be-wrapper {
  min-height: 100%;
  padding-top: 61px;
}
@media (max-width: 575.98px) {
.be-wrapper {
    overflow-x: hidden;
}
}
@media print {
.be-wrapper {
    padding-top: 0;
}
}
@media (min-width: 768px) {
.be-wrapper.be-boxed-layout {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background-color: rgb(2.55, 2.55, 2.55);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.05);
}
}
#app {
  -webkit-transition: margin-top 800ms ease-out;
  transition: margin-top 800ms ease-out;
}
#app .be-top-header {
  -webkit-transition: height 800ms ease-out;
  transition: height 800ms ease-out;
  background: #1a181e !important;
  position: relative;
}
.main-content {
  padding: 48px 25px 0;
}
.cube-container {
  position: absolute;
  width: 200px;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -150px;
  -webkit-perspective: 1500px;
  -ms-perspective: 1500px;
  -o-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-animation-name: cube-fade-in, cube-pulse;
  animation-name: cube-fade-in, cube-pulse;
  -webkit-animation-duration: 10s, 20s;
  animation-duration: 10s, 20s;
  -webkit-animation-delay: 0s, 10s;
  animation-delay: 0s, 10s;
  -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1), ease-in-out;
  animation-timing-function: cubic-bezier(.165, .84, .44, 1), ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.cube-container .cube {
  display: block;
  position: relative;
  margin: 30px auto;
  height: 200px;
  width: 200px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-animation: rotwist 30s infinite linear;
  animation: rotwist 30s infinite linear;
}
.cube-container .cube .cube-face {
  width: 200px;
  height: 200px;
  font-size: 200px;
  position: absolute;
  text-align: center;
  -webkit-transition: 1s;
  transition: 1s;
}
.cube-container .cube .cube-face#one {
  -webkit-transform: rotateY(-90deg) translate3d(0px, 0px, -100px);
  transform: rotateY(-90deg) translate3d(0px, 0px, -100px);
  background-image: linear-gradient(73deg, #ff22a1, #440a33);
}
.cube-container .cube .cube-face#two {
  -webkit-transform: rotateY(90deg) translate3d(0px, 0px, -100px);
  transform: rotateY(90deg) translate3d(0px, 0px, -100px);
  background-image: linear-gradient(47deg, #3aeacc, #11352e);
}
.cube-container .cube .cube-face#three {
  -webkit-transform: translate3d(0px, 0px, 100px);
  transform: translate3d(0px, 0px, 100px);
  background-image: linear-gradient(335deg, #4de83a, #133a0d);
}
.cube-container .cube .cube-face#four {
  -webkit-transform: rotateX(90deg) translate3d(0px, 0px, 100px);
  transform: rotateX(90deg) translate3d(0px, 0px, 100px);
  background-image: linear-gradient(273deg, #f3ed04, #3a3a0f);
}
.cube-container .cube .cube-face#five {
  -webkit-transform: translate3d(0px, 0px, -100px);
  transform: translate3d(0px, 0px, -100px);
  background-image: linear-gradient(342deg, #f28b0f, #402504);
}
.cube-container .cube .cube-face#six {
  -webkit-transform: rotateX(-90deg) translate3d(0px, 0px, 100px);
  transform: rotateX(-90deg) translate3d(0px, 0px, 100px);
  background-image: linear-gradient(25deg, #f44437, #3d110e);
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu a.dropdown-item, .be-top-header .navbar-nav li.dropdown .dropdown-toggle .user-display-name, .be-top-header .navbar-nav li.dropdown .dropdown-toggle, .be-top-header .navbar-nav .nav-item .nav-link {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #e1dbec;
  outline: none;
  cursor: pointer;
  letter-spacing: 0.64px;
}
.be-top-header {
  width: 100%;
  min-width: 300px;
  height: 80px;
  margin: 0;
  padding: 0 !important;
  background-color: #000000;
  border: 0;
  border-bottom: 1px solid #4c4557;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.be-top-header .container-fluid {
  padding: 0;
  opacity: 0.6;
  -webkit-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
}
.be-top-header .container-fluid:hover {
  opacity: 1;
}
.be-top-header .be-navbar-header {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.be-top-header .be-navbar-header:hover {
  text-decoration: none;
}
.be-top-header .be-navbar-header .navbar-brand {
  display: block;
  width: 142px;
  margin: 0;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  line-height: 50px;
  letter-spacing: 0.8px;
  color: #ffffff;
}
.be-top-header .be-navbar-header .apex-logo {
  height: 50px;
  width: auto;
}
.be-top-header .navbar-nav > li {
  height: 80px;
}
.be-top-header .navbar-nav .nav-item .nav-link {
  padding: 0 16px;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  height: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
}
.be-top-header .navbar-nav .nav-item .nav-link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-bottom: 2px solid #52b3a0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.be-top-header .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
  opacity: 1;
}
.be-top-header .navbar-nav .nav-item .nav-link:hover:after {
  -webkit-transform: scale3d(0.9, 1, 1);
          transform: scale3d(0.9, 1, 1);
}
.be-top-header .navbar-nav .nav-item .nav-link.router-link-active {
  color: #ffffff;
  font-weight: 700;
}
.be-top-header .navbar-nav .nav-item .nav-link.router-link-active:after {
  border-color: #ffffff;
  -webkit-transform: scale3d(0.9, 1, 1);
          transform: scale3d(0.9, 1, 1);
}
.be-top-header .navbar-nav li.dropdown {
  position: relative;
}
.be-top-header .navbar-nav li.dropdown .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  height: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 16px;
}
.be-top-header .navbar-nav li.dropdown .dropdown-toggle .user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  z-index: 1000;
  display: none;
  width: 120px;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 20px;
  color: #247ab0;
  text-align: left;
  list-style: none;
  background-color: #2d2934;
  background-clip: padding-box;
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu a.dropdown-item {
  outline: none;
  position: relative;
  padding: 8px;
  border-bottom: 1px solid #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu a.dropdown-item .icon {
  vertical-align: middle;
  margin-right: 6px;
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu a.dropdown-item:hover {
  color: #ffffff;
  opacity: 1;
}
.be-top-header .navbar-nav li.dropdown .dropdown-menu.show {
  display: block;
}
.be-top-header .navbar-collapse {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.be-user-nav {
  margin-right: 0;
}
@media (min-width: 768px) {
.be-right-navbar-flex .be-user-nav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
}
.be-user-nav > li.dropdown > a {
  font-size: 0;
}
.navbar-expand .be-user-nav > li.dropdown > a {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 991.98px) {
.navbar-expand .be-user-nav > li.dropdown > a {
    padding-left: 10px;
}
}
.be-user-nav > li.dropdown > a img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 15px;
}
.be-user-nav > li.dropdown > a:after {
  display: none;
  font-size: 1.231rem;
  margin-left: 6px;
}
@media screen and (max-width: 1080px) {
.be-user-nav > li.dropdown > a:after {
    display: inline-block;
}
}
.be-user-nav > li.dropdown .dropdown-menu {
  width: 220px;
  padding: 0 0 7px;
  left: -178px;
  background: #000000;
}
@media (max-width: 991.98px) {
.be-user-nav > li.dropdown .dropdown-menu {
    left: -173px;
}
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu a:focus, .be-top-header .be-user-nav > li.dropdown .dropdown-menu a:active {
  background-color: transparent;
  color: rgb(79.5117355372, 78.2082644628, 78.2082644628);
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu a:hover {
  background-color: rgb(244.8, 244.8, 244.8);
  color: rgb(79.5117355372, 78.2082644628, 78.2082644628);
}
.be-user-nav > li.dropdown .dropdown-menu a .icon {
  vertical-align: middle;
  margin-right: 6px;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info {
  background-color: #4285f4;
  color: #ffffff;
  overflow: hidden;
  padding: 20px 15px 14px;
  border-radius: 2px 2px 0 0;
  margin-bottom: 7px;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-name {
  display: block;
  font-size: 1.462rem;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 13px;
  position: relative;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position:after {
  content: "";
  position: absolute;
  height: 7px;
  width: 7px;
  left: 0;
  top: 5px;
  border: 1px solid hsl(0, 0%, 94%);
  border-radius: 50%;
  background-color: transparent;
  display: block;
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.online:after {
  background-color: rgb(107.5418181818, 209.3581818182, 134.7513636364);
  border-color: rgb(107.5418181818, 209.3581818182, 134.7513636364);
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.away:after {
  background-color: rgb(252.2047244094, 208.1791338583, 80.2952755906);
  border-color: rgb(252.2047244094, 208.1791338583, 80.2952755906);
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .user-position.busy:after {
  background-color: rgb(242.6448430493, 144.3919282511, 136.1551569507);
  border-color: rgb(242.6448430493, 144.3919282511, 136.1551569507);
}
.be-user-nav > li.dropdown .dropdown-menu .user-info .switch-status {
  float: right;
  margin-top: 5px;
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
  left: auto;
  right: 13px;
  border-bottom-color: #4285f4;
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu:before {
  display: none;
}
@media screen and (max-width: 1080px) {
.be-user-nav {
    margin: 0;
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    overflow: hidden;
}
.be-user-nav > li.dropdown > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    white-space: nowrap;
}
.be-user-nav > li.dropdown > a:after {
    color: #ffffff;
}
.be-user-nav > li.dropdown > a img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.be-user-nav > li.dropdown > a .user-name {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.be-user-nav > li.dropdown .dropdown-menu {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    top: 60px;
    left: 0;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 220px;
}
.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    right: auto;
    left: 20px;
}
}
.card #replayTable .card-label {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #ffffff;
  font-family: BebasNeue-Book;
  font-size: 20px;
  opacity: 0.8;
  left: 10px;
  top: 10px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
.card #replayTable .card-label {
    font-size: 18px;
}
}
@media screen and (max-width: 996px) {
.card #replayTable .card-label {
    display: none;
}
}
.card #replayTable #download-link {
  float: right;
  font-family: BebasNeue-Regular;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.card #replayTable #download-link a {
  color: #247ab0;
}
.card #replayTable .replay-table-head {
  background: #000000;
  border: 2px solid #0b2939;
}
.card #replayTable .replay-table-header {
  margin: 0px;
  min-width: 60px;
}
.card #replayTable .replay-table-header:nth-of-type(6) span {
  border-left: none;
}
.card #replayTable .replay-table-header .vs {
  width: 302px;
}
.card #replayTable .replay-table-header span {
  background: transparent;
  color: #247ab0;
  font-family: BebasNeue-Regular;
  font-size: 18px;
  opacity: 1;
  height: 40px;
  display: block;
  border-left: 2px solid #0b2939;
  line-height: 30px;
  margin-top: -1px;
  padding: 0.5rem 1rem;
  letter-spacing: 0.05em;
  width: 100px;
}
.card #replayTable .tab-content.myreplays {
  background: rgba(11, 43, 57, 0.4);
  border: 2px solid #0b2939;
  border-top: 0px;
  padding: 0px;
  margin-bottom: 5px;
  border-radius: 0 0 0px 0px;
  min-height: 300px;
  max-height: 565px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.card #replayTable .tab-content.myreplays .lefty {
  position: absolute;
  text-align: left;
  min-width: 200px;
  min-height: 300px;
  width: 46%;
  overflow: auto;
}
.card #replayTable .tab-content.myreplays .lefty h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #ffffff;
  font-weight: normal;
  font-size: 30px;
  position: relative;
  top: 10px;
  left: 10px;
  font-family: BebasNeue-Bold;
  bottom: auto;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  margin: 0px;
  width: 200px;
}
.card #replayTable .tab-content.myreplays .lefty h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #ff22a1;
  font-family: BebasNeue-Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
  margin: 0px;
  line-height: 26px;
  margin: 10px 10px;
}
@media screen and (max-width: 1200px) {
.card #replayTable .tab-content.myreplays .lefty h4 {
    font-size: 20px;
}
}
.card #replayTable .tab-content.myreplays .lefty h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #2ea2ea;
  font-family: BebasNeue-Bold;
  font-size: 20px;
  opacity: 0.9;
  margin: 0px;
  position: absolute;
  left: 10px;
  bottom: 37px;
  letter-spacing: 0.8px;
}
.card #replayTable .tab-content.myreplays .lefty h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  margin: 0px;
  left: 10px;
  bottom: 10px;
  line-height: 25px;
  padding: 0px;
  letter-spacing: 1.2px;
}
.card #replayTable .tab-content.myreplays .lefty .matches {
  position: relative;
  display: block;
  text-align: left;
  margin: 0 10px 0;
  font-family: BebasNeue-Regular;
}
.card #replayTable .tab-content.myreplays .lefty .matches span {
  font-size: 14px;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
.card #replayTable .tab-content.myreplays .lefty .matches span {
    font-size: 12px;
}
}
.card #replayTable .tab-content.myreplays .lefty .matches span b {
  font-size: 20px;
  margin: 0 2px 0 0;
}
@media screen and (max-width: 1200px) {
.card #replayTable .tab-content.myreplays .lefty .matches span b {
    font-size: 18px;
}
}
.card #replayTable .tab-content.myreplays .lefty .matches span.win {
  border-right: 1px solid #fff;
  color: #ff22a1;
}
.card #replayTable .tab-content.myreplays .lefty .matches span.loss {
  color: #2ea2ea;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated {
  margin: 15px 0;
  width: 100%;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card {
  margin: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card.defeated {
  color: #52b3a0;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card.defeated span,
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card.defeated small {
  color: #52b3a0;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card.defeated span i,
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card.defeated small i {
  color: #52b3a0;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card strong {
  margin: 0 5px;
  font-family: BebasNeue-Bold;
  border-bottom: 1px solid #2d2934;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card strong.level-1 {
  border-color: #3aad2c;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card strong.level-2 {
  border-color: #be6e0b;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card strong.level-3 {
  border-color: #b73329;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card span,
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card small {
  margin: 0 10px;
  color: #be6e0b;
}
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card span i,
.card #replayTable .tab-content.myreplays .lefty .boss-defeated .cards .card small i {
  color: #804909;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .rating {
  background: #041a24;
  display: block;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .day {
  background: #041a24;
  display: block;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .turns {
  background: #041a24;
  display: block;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .results {
  background: #041a24;
  display: block;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .vs {
  background: #041a24;
  display: block;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse {
  cursor: pointer;
  border-right: 2px solid #041a24;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse > div {
  width: 100px;
  text-align: center;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover {
  border-right: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .rating {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .day {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .turns {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .results {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .vs {
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .vid {
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .vid img {
  width: 40px;
  height: 40px;
  border: 2px solid #031621;
  position: relative;
  left: 5px;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .vid:after {
  content: "►";
  font-weight: bold;
  color: #ffffff;
  opacity: 0.8;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse:hover .vid:after:hover {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.card #replayTable .tab-content.myreplays .replay-table .day {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 14px;
  opacity: 0.8;
  line-height: 30px;
  letter-spacing: 1.2px;
  min-width: 60px;
}
.card #replayTable .tab-content.myreplays .replay-table .rating {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 14px;
  opacity: 0.8;
  line-height: 30px;
  letter-spacing: 1.2px;
  min-width: 60px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.card #replayTable .tab-content.myreplays .replay-table .turns {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 16px;
  opacity: 0.8;
  line-height: 30px;
  letter-spacing: 1.2px;
  min-width: 65px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.card #replayTable .tab-content.myreplays .replay-table .results {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 16px;
  opacity: 0.8;
  line-height: 30px;
  letter-spacing: 1.2px;
  min-width: 80px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.card #replayTable .tab-content.myreplays .replay-table .vs {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2ea2ea;
  font-family: BebasNeue-Regular;
  font-size: 14px;
  opacity: 0.8;
  line-height: 30px;
  letter-spacing: 1.2px;
  min-width: 300px;
  max-width: 300px;
  white-space: nowrap;
  border-left: 2px solid #041b24;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.card #replayTable .tab-content.myreplays .replay-table .vid {
  min-width: 50px;
  border: 2px solid transparent;
  border-right: 0px;
}
.card #replayTable .tab-content.myreplays .replay-table .vid img {
  width: 40px;
  height: 40px;
  border: 2px solid #031621;
  position: relative;
  left: 5px;
}
.card #replayTable .tab-content.myreplays .replay-table .vid:after {
  content: "►";
  font-weight: bold;
  color: #ffffff;
  font-size: 15px;
  right: 20px;
  position: relative;
  top: 3px;
  opacity: 0.3;
}
.card #replayTable .tab-content.myreplays .replay-table .win .day {
  color: #ff22a1;
}
.card #replayTable .tab-content.myreplays .replay-table .win .vs {
  color: #ff22a1;
}
.card #replayTable .tab-content.myreplays .replay-table .win .turns {
  color: #ff22a1;
}
.card #replayTable .tab-content.myreplays .replay-table .win .results {
  color: #ff22a1;
}
.card #replayTable .tab-content.myreplays .replay-table .win .rating {
  color: #ff22a1;
}
@media (max-width: 1201px) {
.day {
    display: none;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse .day {
    display: none;
}
}
@media (max-width: 1051px) {
.turns {
    display: none;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse .turns {
    display: none;
}
.card #replayTable .tab-content.myreplays .lefty {
    display: none;
}
}
@media (max-width: 851px) {
.vs {
    display: none;
}
.card #replayTable .tab-content.myreplays .replay-table .d-flex.flex-row-reverse .vs {
    display: none;
}
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
  z-index: 1000000;
  position: relative;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
    -webkit-transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.loading {
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.9;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loading > div {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 40%;
  margin-top: -30px;
}
.loading > div > div {
  background: transparent;
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes lds-ring {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes lds-ring {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.lds-css {
  width: 50px;
  height: 50px;
  margin: auto;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.lds-ring > div {
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 7px solid #e0e0e0;
  border-color: #e0e0e0 transparent transparent transparent;
  -webkit-animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  margin-left: -17px;
}
.lds-ring > div:nth-child(2) {
  -webkit-animation-delay: 0.195s;
          animation-delay: 0.195s;
}
.lds-ring > div:nth-child(3) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
}
.lds-ring > div:nth-child(4) {
  -webkit-animation-delay: 0.585s;
          animation-delay: 0.585s;
}
.grey-back {
  background: #2d2934 !important;
}
button.btn-nue {
  font-family: "Barlow Condensed";
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.64px;
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  padding: 12px 16px;
  color: #fff;
  background: #52b3a0;
  border: 1px solid #52b3a0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  white-space: nowrap;
}
button.btn-nue.disabled {
  opacity: 0.5;
  pointer-events: none;
}
button.btn-nue:hover {
  background: #1a181e;
  color: #52b3a0;
}
button.btn-nue.__sm {
  font-size: 0.9em;
  padding: 6px 20px 6px;
}
@media screen and (max-width: 1200px) {
button.btn-nue.__sm {
    font-size: 0.8em;
}
}
button.btn-nue.__full {
  width: 100% !important;
}
button.btn-nue.__slim {
  font-size: 0.8em;
  padding: 5px 10px 3px;
}
button.btn-nue.__inverted {
  background: transparent;
  border-color: #52b3a0;
  color: #52b3a0;
}
button.btn-nue.__inverted:hover {
  background: #52b3a0;
  border-color: #52b3a0;
  color: #fff;
}
button.btn-nue.__inverted.__warning:hover {
  background: #f28b0f;
  border-color: #f28b0f;
  color: #fff;
}
button.btn-nue.__inverted.__danger:hover {
  background: #ae381d;
  border-color: #ae381d;
  color: #fff;
}
button.btn-nue.__transparent {
  background: transparent;
  border-color: transparent;
  color: #52b3a0;
}
button.btn-nue.__transparent:hover {
  background: #52b3a0;
  border-color: #52b3a0;
  color: #fff;
}
button.btn-nue.__dim {
  opacity: 0.5;
}
button.btn-nue.__tooltip {
  position: relative;
  overflow: visible;
}
button.btn-nue.__tooltip .tooltip-text {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -15px;
  right: 0;
  text-align: left;
  -webkit-transition: all 300ms ease-out 500ms;
  transition: all 300ms ease-out 500ms;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  white-space: nowrap;
  background: #1a181e;
  color: #52b3a0;
  padding: 2px 2px 0;
  font-size: 12px;
}
button.btn-nue.__tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
button.btn-nue.__tooltip.__primary .tooltip-text {
  color: #2ea2ea;
}
button.btn-nue.__tooltip.__warning .tooltip-text {
  color: #f28b0f;
}
button.btn-nue.__tooltip.__danger .tooltip-text {
  color: #ae381d;
}
button.btn-nue.__primary {
  color: #2ea2ea;
  background: #1a181e;
  border: 1px solid #2ea2ea;
}
button.btn-nue.__primary:hover {
  background: #2ea2ea;
  color: #fff;
}
button.btn-nue.__warning {
  color: #f28b0f;
  background: #1a181e;
  border: 1px solid #f28b0f;
}
button.btn-nue.__warning:hover {
  background: #f28b0f;
  color: #fff;
}
button.btn-nue.__danger {
  color: #ae381d;
  background: #1a181e;
  border: 1px solid #ae381d;
}
button.btn-nue.__danger:hover {
  background: #f9502a;
  color: #fff;
}
button.btn-nue.__purple {
  color: #fff;
  background: #ba93ff;
  border: 1px solid #ba93ff;
}
button.btn-nue.__purple:hover {
  background: #1a181e;
  color: #ba93ff;
}
button.btn-nue.__orange {
  color: #fff;
  background: #f9502a;
  border: 1px solid #f9502a;
}
button.btn-nue.__orange:hover {
  background: #1a181e;
  color: #f9502a;
}
button.btn-nue.__basic {
  color: #fff;
  background: #1a181e;
  border: 1px solid #fff;
  opacity: 0.5;
}
button.btn-nue.__basic:hover {
  opacity: 1;
}
button.btn-nue.__default {
  color: #fff;
  background: #52B3A0;
  border: 1px solid #52B3A0;
}
button.btn-nue.__default:hover {
  background: #1a181e;
  color: #52B3A0;
}
button.btn-nue.__circular {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 0;
  width: 32px;
  height: 32px;
}
button.btn-nue.__circular.__slim {
  width: 24px;
  height: 24px;
}
button.btn-nue.__circular.__mini {
  width: 16px;
  height: 16px;
}
button.btn-nue.__circular.__mini i {
  font-size: 10px;
}
button.btn-nue.__circular i {
  font-size: 1.15em;
}
button.btn-nue.__circular i.mdi-download {
  margin: 2px 0 0 1px;
}
button.btn-nue.__circular i.mdi-close {
  margin: 1px 0 0 1px;
}
button.btn-nue.__circular text {
  display: none;
}
button.btn-nue.__drop {
  color: #fff;
}
button.btn-nue.__drop.active {
  background: #1a181e;
  color: #52b3a0;
}
button.btn-nue.__drop.active.__purple {
  background: #1a181e;
  color: #f9502a;
}
button.btn-nue.__drop.active.__warning {
  background: #1a181e;
  color: #f9502a;
}
button.btn-nue.__drop.active.__danger {
  background: #ae381d;
  color: #fff;
}
button.btn-nue.__iconize {
  position: relative;
  padding-left: 45px !important;
}
button.btn-nue.__iconize i {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
button.btn-nue.__iconize:before {
  content: "";
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(76, 69, 87, 0.5);
}
button.btn-nue.__clean {
  font-size: 1.1em !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 30px 7px;
  letter-spacing: 0.15em;
}
button.btn-nue.__clean i {
  font-size: 1.45em !important;
  margin: -4px 8px 0 0;
}
button.btn-nue.__hidden {
  visibility: hidden;
}
button.btn-nue.__no-border {
  border: 0px solid transparent;
}
button.s3-icon {
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  min-width: 34px;
  min-height: 34px;
  width: auto;
  height: auto;
  cursor: pointer;
}
button.s3-icon i {
  font-size: 2em;
  color: #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
button.s3-icon:hover i {
  color: #fff;
}
.s3-toggle-btn input {
  visibility: hidden;
  display: none;
}
.s3-toggle-btn label,
.s3-toggle-btn .btn {
  background: #2d2934;
  border: 1px solid;
  border-color: #4c4557;
  color: #e1dbec;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  text-align: center;
  padding: 12px 30px;
  margin: 0px 0px;
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  font-size: 1em;
}
.s3-toggle-btn label.active,
.s3-toggle-btn .btn.active {
  border-color: #52b3a0;
  background: #1a181e;
  color: #52b3a0;
}
.s3-toggle-btn label:hover,
.s3-toggle-btn .btn:hover {
  border-color: #52b3a0;
  background: #52b3a0;
  color: #fff;
}
.s3 .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.s3-access {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid #e1dbec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  padding: 10%;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.s3-access i {
  font-size: 0.4em;
  color: #e1dbec;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.s3-access:hover {
  border-color: #52b3a0;
}
.s3-access:hover i {
  color: #52b3a0;
}
.s3-access.active {
  background: #52b3a0;
  border-color: #e1dbec;
}
.s3-access.active i {
  color: #e1dbec;
}
button.btn-disclaim {
  white-space: nowrap;
  font-size: 1.15em;
  padding: 10px 45px 8px 30px !important;
  font-family: BebasNeue-Book;
  background: #2d2934;
  border: 1px solid #4c4557;
  color: #e1dbec;
  letter-spacing: 0.085em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  z-index: 99;
  cursor: pointer;
}
button.btn-disclaim:hover {
  background: #4c4557;
}
button.btn-disclaim:hover:before {
  background: #766a8a;
}
button.btn-disclaim:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  width: 30px;
  height: 100%;
  background: #4c4557;
  font-family: BebasNeue-Book;
  font-size: 1.5em;
}
button.btn-disclaim:after {
  content: "";
  position: absolute;
  right: 12.5px;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-right: 1px solid #e1dbec;
  border-top: 1px solid #e1dbec;
  z-index: 999;
}
button.btn-disclaim.reverse:after {
  -webkit-transform: translate(0, -50%) rotate(225deg);
          transform: translate(0, -50%) rotate(225deg);
  right: 8px;
}
.abs-positioned-container-with-smooth-mobile-scroll {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100vh;
  overflow-x: hidden;
  opacity: 1;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -moz-appearance: none;
  scroll-behavior: smooth;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.abs-positioned-container-with-smooth-mobile-scroll::-webkit-scrollbar {
  display: none;
}
table.s3-table.disabled {
  opacity: 0.4;
}
table.s3-table thead tr th {
  background: #2d2934;
  padding: 8px 0;
  border: none;
  color: #e1dbec;
  font-family: BebasNeue-Book;
  font-size: 1.25em;
  letter-spacing: 0.085em;
  text-align: center;
}
table.s3-table thead tr th:not(:first-child) {
  position: relative;
  overflow: hidden;
}
table.s3-table thead tr th:not(:first-child)::before {
  content: "";
  width: 80;
  height: 60px;
  border-left: 1px solid #4c4557;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  position: absolute;
  top: -5px;
  left: 9px;
}
table.s3-table thead tr th.sm {
  font-size: 1em;
  padding: 8px 32px;
}
table.s3-table thead tr th.sm:not(:first-child)::before {
  left: 6px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
table.s3-table thead tr th.sm i {
  font-size: 1.15em;
  margin: 0 8px 0 0;
}
table.s3-table tbody {
  border-bottom: 3px solid #2d2934;
}
table.s3-table tbody tr {
  background: rgba(45, 41, 52, 0.6);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
table.s3-table tbody tr:hover {
  background: #2d2934;
}
table.s3-table tbody tr:hover td {
  background: #2d2934;
  color: #fff;
}
table.s3-table tbody tr.active {
  background: #52b3a0;
}
table.s3-table tbody tr td {
  background: rgba(45, 41, 52, 0.6);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: unset;
  border-bottom: 1px solid #4c4557;
  font-family: BebasNeue-Book;
  color: #e1dbec;
  letter-spacing: 0.085em;
}
table.s3-table tbody tr td.date {
  font-size: 0.8em;
  font-family: BebasNeue-Bold;
}
table.s3-table tbody tr td.date i {
  font-size: 1em;
  margin: 0 4px 4px 0;
}
table.s3-table tbody tr td.strongLink {
  font-size: 1.15em;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.15em;
}
table.s3-table tbody tr td.strongLink a {
  color: #52b3a0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  cursor: pointer !important;
}
table.s3-table tbody tr td.strongLink a:hover {
  border-bottom: none;
  color: #fff;
}
table.s3-table tbody tr td.strongLink a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
table.s3-table tbody tr td.strongLink a::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
table.s3-table tbody tr td:not(:first-child) {
  border-left: 1px solid #4c4557;
}
table.s3-table tbody tr td:first-child {
  padding-left: 16px;
}
table.s3-table tbody tr td.user-avatar img {
  height: 35px;
  width: 35px;
}
table.s3-table tbody tr td.user-avatar span {
  font-family: BebasNeue-Book;
  color: #e1dbec;
  letter-spacing: 0.085em;
  line-height: 1.4;
}
#rules-section.s3 h2 {
  border-bottom: 2px solid #52b3a0;
}
#rules-section.s3 hr,
#quick-start.s3 hr {
  background: #4c4557;
}
#rules-section.s3 h2,
#rules-section.s3 h3,
#quick-start.s3 h2,
#quick-start.s3 h3 {
  color: #fff;
}
#rules-section.s3 .nav-link,
#rules-section.s3 h5,
#rules-section.s3 a,
#rules-section.s3 details summary,
#quick-start.s3 .nav-link,
#quick-start.s3 h5,
#quick-start.s3 a,
#quick-start.s3 details summary {
  color: #52b3a0;
}
#rules-section.s3 .quick-start-nav-bar,
#rules-section.s3 .rules-nav-bar,
#quick-start.s3 .quick-start-nav-bar,
#quick-start.s3 .rules-nav-bar {
  color: #52b3a0;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
#rules-section.s3 .quick-start-nav-bar:hover,
#rules-section.s3 .rules-nav-bar:hover,
#quick-start.s3 .quick-start-nav-bar:hover,
#quick-start.s3 .rules-nav-bar:hover {
  color: #fff;
}
#rules-section.s3 a:hover,
#rules-section.s3 details summary:hover,
#quick-start.s3 a:hover,
#quick-start.s3 details summary:hover {
  color: #fff;
}
#rules-section.s3 p,
#quick-start.s3 p {
  color: #e1dbec;
}
#rules-section.s3 details summary,
#rules-section.s3 p strong,
#quick-start.s3 details summary,
#quick-start.s3 p strong {
  font-family: BebasNeue-Book;
  color: #52b3a0;
  letter-spacing: 0.085em;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
  cursor: pointer !important;
}
@media screen and (max-width: 380px) {
#rules-section.s3 details summary,
  #rules-section.s3 p strong,
  #quick-start.s3 details summary,
  #quick-start.s3 p strong {
    font-size: 1em;
}
}
#rules-section.s3 details summary:hover,
#rules-section.s3 p strong:hover,
#quick-start.s3 details summary:hover,
#quick-start.s3 p strong:hover {
  color: #fff;
}
#rules-section.s3 .nav-link:not(.sub):before,
#quick-start.s3 .nav-link:not(.sub):before {
  background: #52b3a0;
}
#rules-section.s3 .nav-link:not(.sub).router-link-active,
#quick-start.s3 .nav-link:not(.sub).router-link-active {
  color: #fff;
}
#rules-section.s3 .nav-link:not(.sub).router-link-active:before,
#quick-start.s3 .nav-link:not(.sub).router-link-active:before {
  background: #fff;
}
#rules-section.s3 .nav-link.sub:before,
#quick-start.s3 .nav-link.sub:before {
  color: #52b3a0;
}
#rules-section.s3 .nav-link.sub.router-link-active:before,
#quick-start.s3 .nav-link.sub.router-link-active:before {
  color: #fff;
}
#rules-section.s3 details,
#quick-start.s3 details {
  background: #2d2934;
  border: 2px solid #52b3a0;
  margin: 30px auto;
}
#rules-section.s3 table,
#quick-start.s3 table {
  border-color: #52b3a0;
}
#rules-section.s3 table thead > tr > th,
#quick-start.s3 table thead > tr > th {
  border: 2px solid #52b3a0;
}
#rules-section.s3 table tbody tr td,
#quick-start.s3 table tbody tr td {
  background: #1a181e;
  border: 2px solid #52b3a0;
}
#rules-section.s3 table tbody tr:nth-child(odd) td,
#quick-start.s3 table tbody tr:nth-child(odd) td {
  background: #4c4557;
}
#rules-section.s3 .sample-game-video,
#quick-start.s3 .sample-game-video {
  margin: 30px auto;
  border: 2px solid #52b3a0;
}
#rules-section.s3 #scrollSpy .label,
#quick-start.s3 #scrollSpy .label {
  color: #fff;
}
#rules-section.s3 .videos .video-step-container h4,
#quick-start.s3 .videos .video-step-container h4 {
  color: #52b3a0;
}
#rules-section.s3 .videos .video-step-container .video-button,
#quick-start.s3 .videos .video-step-container .video-button {
  border: 1px solid #1a181e;
}
#rules-section.s3 .videos .video-step-container .video-button .play-button,
#quick-start.s3 .videos .video-step-container .video-button .play-button {
  background: #1a181e;
  border: 2px solid #52b3a0;
  color: #52b3a0;
}
#rules-section.s3 .videos .video-step-container .video-button:hover,
#quick-start.s3 .videos .video-step-container .video-button:hover {
  border: 1px solid #fff;
}
#rules-section.s3 .videos .video-step-container .video-button:hover .play-button,
#quick-start.s3 .videos .video-step-container .video-button:hover .play-button {
  background: #1a181e;
  border: 2px solid #fff;
  color: #fff;
}
body {
  background: #1a181e !important;
}
.be-wrapper.be-nosidebar-left {
  background: #1a181e;
}
.s3 div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s3 .main-content {
  background: #1a181e;
}
.s3 h1,
.s3 h2,
.s3 h3,
.s3 h4 {
  letter-spacing: 0.15em;
  margin: 0 0 0 0;
}
.s3-update div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s3-update .main-content {
  background: #1a181e;
}
.s3-update h1,
.s3-update h2,
.s3-update h3,
.s3-update h4,
.s3-update h4.sub,
.s3-update h4.sub-green,
.s3-update th {
  letter-spacing: 0.15em;
  margin: 0 0 0 0;
}
.s3-update p,
.s3-update span,
.s3-update li,
.s3-update td,
.s3-update div {
  font-family: "Open Sans", sans-serif;
  color: #e1dbec;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  margin: 0 0 0 0;
}
.s3-update p.sec,
.s3-update span.sec,
.s3-update li.sec,
.s3-update td.sec,
.s3-update div.sec {
  color: #fff;
}
.s3-update p.shade,
.s3-update span.shade,
.s3-update li.shade,
.s3-update td.shade,
.s3-update div.shade {
  color: #4c4557;
}
.s3-update p.primary,
.s3-update p a.primary,
.s3-update span.primary,
.s3-update span a.primary,
.s3-update li.primary,
.s3-update li a.primary,
.s3-update td.primary,
.s3-update td a.primary,
.s3-update div.primary,
.s3-update div a.primary {
  font-family: BebasNeue-Book;
  color: #52b3a0;
  font-size: 1.2em;
  letter-spacing: 0.085em;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
  cursor: pointer !important;
}
@media screen and (max-width: 380px) {
.s3-update p.primary,
  .s3-update p a.primary,
  .s3-update span.primary,
  .s3-update span a.primary,
  .s3-update li.primary,
  .s3-update li a.primary,
  .s3-update td.primary,
  .s3-update td a.primary,
  .s3-update div.primary,
  .s3-update div a.primary {
    font-size: 1em;
}
}
.s3-update p.primary:hover,
.s3-update p a.primary:hover,
.s3-update span.primary:hover,
.s3-update span a.primary:hover,
.s3-update li.primary:hover,
.s3-update li a.primary:hover,
.s3-update td.primary:hover,
.s3-update td a.primary:hover,
.s3-update div.primary:hover,
.s3-update div a.primary:hover {
  color: #fff;
}
.s3-update p a:not(.primary):not(.router):not(.nav-link),
.s3-update span a:not(.primary):not(.router):not(.nav-link),
.s3-update li a:not(.primary):not(.router):not(.nav-link),
.s3-update td a:not(.primary):not(.router):not(.nav-link),
.s3-update div a:not(.primary):not(.router):not(.nav-link) {
  border-bottom: 1px solid #52b3a0;
  color: #e1dbec;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  cursor: pointer !important;
}
.s3-update p a:not(.primary):not(.router):not(.nav-link):hover,
.s3-update span a:not(.primary):not(.router):not(.nav-link):hover,
.s3-update li a:not(.primary):not(.router):not(.nav-link):hover,
.s3-update td a:not(.primary):not(.router):not(.nav-link):hover,
.s3-update div a:not(.primary):not(.router):not(.nav-link):hover {
  border-bottom: none;
  color: #fff;
}
.s3-update p a:not(.primary):not(.router):not(.nav-link):hover::before,
.s3-update span a:not(.primary):not(.router):not(.nav-link):hover::before,
.s3-update li a:not(.primary):not(.router):not(.nav-link):hover::before,
.s3-update td a:not(.primary):not(.router):not(.nav-link):hover::before,
.s3-update div a:not(.primary):not(.router):not(.nav-link):hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.s3-update p a:not(.primary):not(.router):not(.nav-link)::before,
.s3-update span a:not(.primary):not(.router):not(.nav-link)::before,
.s3-update li a:not(.primary):not(.router):not(.nav-link)::before,
.s3-update td a:not(.primary):not(.router):not(.nav-link)::before,
.s3-update div a:not(.primary):not(.router):not(.nav-link)::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.s3-update.about-s3-version h1 {
  font-family: BebasNeue-Bold;
  color: #fff;
  font-size: 6em;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
.s3-update.about-s3-version h1 {
    font-size: 5em;
}
}
@media screen and (max-width: 800px) {
.s3-update.about-s3-version h1 {
    font-size: 4em;
}
}
@media screen and (max-width: 575px) {
.s3-update.about-s3-version h1 {
    font-size: 3.25em;
}
}
@media screen and (max-width: 380px) {
.s3-update.about-s3-version h1 {
    font-size: 3em;
}
}
.s3-update.about-s3-version h1 span {
  font-family: BebasNeue-Book;
  margin: 0 0 0 0;
  line-height: 1;
}
.s3-update.about-s3-version h2 {
  font-family: BebasNeue-Bold;
  color: #fff;
  font-size: 4em;
}
@media screen and (max-width: 1200px) {
.s3-update.about-s3-version h2 {
    font-size: 3.5em;
}
}
@media screen and (max-width: 800px) {
.s3-update.about-s3-version h2 {
    font-size: 3.25em;
}
}
@media screen and (max-width: 575px) {
.s3-update.about-s3-version h2 {
    font-size: 3em;
}
}
@media screen and (max-width: 380px) {
.s3-update.about-s3-version h2 {
    font-size: 2.75em;
}
}
.s3-update.about-s3-version h3 {
  font-family: BebasNeue-Regular;
  color: #fff;
  font-size: 3em;
}
@media screen and (max-width: 800px) {
.s3-update.about-s3-version h3 {
    font-size: 2.75em;
}
}
@media screen and (max-width: 575px) {
.s3-update.about-s3-version h3 {
    font-size: 2.25em;
}
}
@media screen and (max-width: 380px) {
.s3-update.about-s3-version h3 {
    font-size: 2em;
}
}
.s3-update.about-s3-version h3 span {
  font-family: BebasNeue-Regular;
  color: #b8e986;
}
.s3-update.about-s3-version h4 {
  font-family: BebasNeue-Regular;
  color: #fff;
  font-size: 2em;
}
@media screen and (max-width: 800px) {
.s3-update.about-s3-version h4 {
    font-size: 1.8em;
}
}
@media screen and (max-width: 575px) {
.s3-update.about-s3-version h4 {
    font-size: 1.5em;
}
}
@media screen and (max-width: 380px) {
.s3-update.about-s3-version h4 {
    font-size: 1.25em;
}
}
.s3-update.about-s3-version h4.sub {
  font-family: BebasNeue-Book;
  color: #fff;
  font-size: 1.7em;
}
@media screen and (max-width: 800px) {
.s3-update.about-s3-version h4.sub {
    font-size: 1.5em;
}
}
@media screen and (max-width: 575px) {
.s3-update.about-s3-version h4.sub {
    font-size: 1.25em;
}
}
@media screen and (max-width: 380px) {
.s3-update.about-s3-version h4.sub {
    font-size: 1.15em;
}
}
.s3-update.about-s3-version h4.sub-green {
  font-family: BebasNeue-Bold;
  color: #52b3a0;
}
#editUser.s3 .userTagline,
#editUser.s3 .teamTagline {
  border-color: #4c4557;
  background: #2d2934;
}
#editUser.s3 .userTagline .profileProgress,
#editUser.s3 .teamTagline .profileProgress {
  border-color: #4c4557;
}
#editUser.s3 .userTagline h2,
#editUser.s3 .teamTagline h2 {
  color: #52b3a0;
}
#editUser.s3 .userTagline h4,
#editUser.s3 .teamTagline h4 {
  color: #fff;
}
#editUser.s3 .userTagline h4 small a,
#editUser.s3 .teamTagline h4 small a {
  color: #52b3a0;
}
#editUser.s3 .userTagline h4 small a:hover,
#editUser.s3 .teamTagline h4 small a:hover {
  color: #fff;
}
#editUser.s3 .userTagline .build-team .btn-nue,
#editUser.s3 .teamTagline .build-team .btn-nue {
  width: 100%;
}
#editUser.s3 .user-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px auto 8px;
}
#editUser.s3 .user-links a {
  font-size: 1.8em;
  margin: 0 4px;
}
#editUser.s3 .user-links a:before {
  display: none;
}
#editUser.s3 .userStats p.header,
#editUser.s3 .userStats .editUserIcon {
  background: #4c4557;
  color: #fff;
  letter-spacing: 0.085em;
}
#formRows.s3 .rowBlock {
  border-color: #4c4557;
}
#formRows.s3 .rowBlock .confirm,
#formRows.s3 .rowBlock .confirm i {
  color: #52b3a0;
}
#formRows.s3 .rowBlock .form_input label {
  color: #52b3a0;
  letter-spacing: 0.085em;
}
#formRows.s3 .rowBlock .form_input input {
  border: none;
  background: #2d2934;
  letter-spacing: 0.085em;
}
#formRows.s3 .toggle-buttons label {
  font-family: BebasNeue-Book;
  font-size: 1.25em;
  padding: 12px 30px 8px;
  letter-spacing: 0.085em;
}
@media screen and (max-width: 1200px) {
#formRows.s3 .toggle-buttons label {
    font-size: 1.2em;
    padding: 12px 20px 8px;
}
}
@media screen and (max-width: 1080px) {
#formRows.s3 .toggle-buttons label {
    padding: 15px 20px 12px;
    width: 100%;
    clear: both;
}
}
@media screen and (max-width: 575px) {
#formRows.s3 .toggle-buttons label {
    font-size: 1.15em;
}
}
#formRows.s3 .toggle-buttons label {
  color: #fff;
  background: #52b3a0;
  border: 1px solid #52b3a0;
  line-height: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  white-space: nowrap;
}
#formRows.s3 .toggle-buttons label:hover, #formRows.s3 .toggle-buttons label.active {
  background: #1a181e;
  color: #52b3a0;
}
#formRows.s3 #userEditForm,
#formRows.s3 .editRole,
#formRows.s3 #currentRole,
#formRows.s3 #userRole {
  background: #2d2934 !important;
}
#formRows.s3 #userEditForm h1 i,
#formRows.s3 #userEditForm h4,
#formRows.s3 #userEditForm .message,
#formRows.s3 .editRole h1 i,
#formRows.s3 .editRole h4,
#formRows.s3 .editRole .message,
#formRows.s3 #currentRole h1 i,
#formRows.s3 #currentRole h4,
#formRows.s3 #currentRole .message,
#formRows.s3 #userRole h1 i,
#formRows.s3 #userRole h4,
#formRows.s3 #userRole .message {
  color: #52b3a0;
}
#formRows.s3 #userEditForm .row.bar,
#formRows.s3 .editRole .row.bar,
#formRows.s3 #currentRole .row.bar,
#formRows.s3 #userRole .row.bar {
  border-color: #4c4557;
}
#formRows.s3 #userEditForm .details-info,
#formRows.s3 .editRole .details-info,
#formRows.s3 #currentRole .details-info,
#formRows.s3 #userRole .details-info {
  color: #fff;
}
#formRows.s3 #userEditForm .details-label,
#formRows.s3 #userEditForm .sub-title,
#formRows.s3 #userEditForm .verify-portal h2,
#formRows.s3 .editRole .details-label,
#formRows.s3 .editRole .sub-title,
#formRows.s3 .editRole .verify-portal h2,
#formRows.s3 #currentRole .details-label,
#formRows.s3 #currentRole .sub-title,
#formRows.s3 #currentRole .verify-portal h2,
#formRows.s3 #userRole .details-label,
#formRows.s3 #userRole .sub-title,
#formRows.s3 #userRole .verify-portal h2 {
  color: #52b3a0;
}
#formRows.s3 #userEditForm .search-input label,
#formRows.s3 #userEditForm .search-input .open-indicator,
#formRows.s3 #userEditForm .search-input .open-indicator::before,
#formRows.s3 .editRole .search-input label,
#formRows.s3 .editRole .search-input .open-indicator,
#formRows.s3 .editRole .search-input .open-indicator::before,
#formRows.s3 #currentRole .search-input label,
#formRows.s3 #currentRole .search-input .open-indicator,
#formRows.s3 #currentRole .search-input .open-indicator::before,
#formRows.s3 #userRole .search-input label,
#formRows.s3 #userRole .search-input .open-indicator,
#formRows.s3 #userRole .search-input .open-indicator::before {
  color: #52b3a0 !important;
  border-color: #52b3a0 !important;
  letter-spacing: 0.085em;
}
#formRows.s3 #userEditForm .search-input input,
#formRows.s3 .editRole .search-input input,
#formRows.s3 #currentRole .search-input input,
#formRows.s3 #userRole .search-input input {
  letter-spacing: 0.085em;
}
#formRows.s3 #userEditForm .userInfo,
#formRows.s3 .editRole .userInfo,
#formRows.s3 #currentRole .userInfo,
#formRows.s3 #userRole .userInfo {
  padding: 0 0 30px 0;
}
#formRows.s3 #userEditForm .userInfo p,
#formRows.s3 .editRole .userInfo p,
#formRows.s3 #currentRole .userInfo p,
#formRows.s3 #userRole .userInfo p {
  color: #52b3a0;
  letter-spacing: 0.085em;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: BebasNeue-Regular;
  font-size: 16px;
}
#formRows.s3 #userEditForm .userInfo span,
#formRows.s3 .editRole .userInfo span,
#formRows.s3 #currentRole .userInfo span,
#formRows.s3 #userRole .userInfo span {
  letter-spacing: 0.085em;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: BebasNeue-Regular;
}
#resume-area.s3 .resume-active {
  border-color: #52b3a0;
}
#resume-area.s3 .resume-active .delete {
  right: unset;
  left: 1px;
}
#resume-area.s3 .resume-active a {
  height: 100%;
}
#resume-area.s3 #uploaded-resume {
  background: #1a181e;
}
#resume-area.s3 #uploaded-resume p {
  color: #52b3a0;
}
#resume-area.s3 #upload-resume {
  border-color: #4c4557;
}
#resume-area.s3 #upload-resume .drop-area {
  background: #1a181e;
}
#jobApplication.s3 .radio-input label {
  color: #52b3a0;
  letter-spacing: 0.085em;
}
#jobApplication.s3 .radio-option label {
  color: #fff !important;
  letter-spacing: 0.085em;
}
#jobApplication.s3 .custom-radio-option .radio-option label {
  letter-spacing: 0.085em;
}
#jobApplication.s3 .custom-radio-option .radio-option label:hover, #jobApplication.s3 .custom-radio-option .radio-option label.active {
  background: #52b3a0 !important;
}
#jobApplication.s3 form {
  background: #2d2934;
}
#jobApplication.s3 .text-input {
  border-color: #4c4557;
}
#jobApplication.s3 .text-input label {
  color: #52b3a0;
  letter-spacing: 0.085em;
}
#jobApplication.s3 .text-input textarea {
  background: #1a181e;
}
#jobApplication.s3 .text-input textarea:focus {
  border-color: #52b3a0 !important;
  letter-spacing: 0.085em;
}
#jobApplication.s3 .text-row {
  border-color: #4c4557;
}
#jobApplication.s3 .text-row label {
  color: #52b3a0;
  letter-spacing: 0.085em;
}
#jobApplication.s3 .text-row input {
  background: #2d2934;
  border-color: #4c4557;
  letter-spacing: 0.085em;
}
.build-team .team h2 {
  line-height: 2;
}
.build-team .team h4 {
  margin: 0 0 8px;
}
.build-team .team .accept {
  margin: 0 0 15px;
}
.build-team .team .invited-team-members {
  background: #2d2934;
  margin: 0 0 8px;
}
.main-content.competitions {
  padding: 30px 0 0 0;
}
#global-competitions.s3 {
  background: #1a181e !important;
}
@media (max-width: 575.98px) {
#global-competitions.s3 {
    background-size: 50% auto !important;
    background-position: 50% 30px !important;
}
}
#global-competitions.s3 .global-disclaimer {
  width: 100%;
  display: block;
  height: 100%;
  margin: 60px auto;
  position: relative;
}
#global-competitions.s3 .global-disclaimer #comp_graphic {
  width: 300px;
  height: 300px;
  position: absolute;
  background: url(https://ai-games.s3-us-west-2.amazonaws.com/assets/terminalX/terminal_artwork_2.png) no-repeat center center;
  background-size: 100% auto;
  left: 32.33%;
  top: 44.33%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#global-competitions.s3 .global-disclaimer .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  padding: 0px 10px 0px 80px;
  position: relative;
}
@media (max-width: 575.98px) {
#global-competitions.s3 .global-disclaimer .block {
    width: 100%;
    padding: 0px 0px 0px 0px;
}
}
#global-competitions.s3 .global-disclaimer .block.title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  margin: 60px auto 0;
  padding-top: 50px;
}
#global-competitions.s3 .global-disclaimer .block.title h3,
#global-competitions.s3 .global-disclaimer .block.title span {
  line-height: 1;
}
#global-competitions.s3 .global-disclaimer .block.action {
  margin: 30px auto;
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
@media (max-width: 575.98px) {
#global-competitions.s3 .global-disclaimer .block.action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
#global-competitions.s3 .global-disclaimer .block.action p {
  color: #e1dbec;
  font-size: 0.8em;
  max-width: 280px;
  font-weight: 100;
}
@media (max-width: 575.98px) {
#global-competitions.s3 .global-disclaimer .block.action p {
    max-width: 100%;
}
}
#global-competitions.s3 .global-disclaimer .block.action .btn-nue {
  max-width: 200px;
}
@media (max-width: 575.98px) {
#global-competitions.s3 .global-disclaimer .block.action .btn-nue {
    max-width: 100%;
    margin: 15px auto;
}
}
#global-competitions.s3 .global-disclaimer div.arrow {
  width: 70px;
  height: 20px;
  background: url("https://s3-us-west-2.amazonaws.com/ai-games/assets/terminalX/arrow.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 375px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 1080px) {
#global-competitions.s3 .global-disclaimer div.arrow {
    left: 350px;
}
}
@media (max-width: 575.98px) {
#global-competitions.s3 .global-disclaimer div.arrow {
    display: none;
}
}
#competition-listing.s3 {
  width: 100%;
  background: #2d2934;
  position: relative;
  padding-bottom: 100px;
  min-height: 50vh;
}
#competition-listing.s3 .container {
  min-height: 300px;
  margin: 0 auto;
  padding: 100px 0 50px;
  position: relative;
}
#competition-listing.s3 .container.border-bottom {
  border-bottom: 1px solid #4c4557 !important;
}
#competition-listing.s3 .container.past .competition-preview::before {
  border-color: #4c4557;
}
#competition-listing.s3 .container.past .competition-preview .join {
  background: #4c4557;
}
#competition-listing.s3 h4.header {
  position: absolute;
  right: 0;
  top: 50px;
  font-size: 1.25em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
#competition-listing.s3 .competition-preview {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  margin: 20px 0px;
  height: 160px;
  display: block;
  padding: 20px;
  background: #1a181e;
  border-radius: 0px;
  position: relative;
  background-size: cover;
  font-family: BebasNeue-Regular;
  border: none;
  text-align: left;
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#competition-listing.s3 .competition-preview::before {
  border-color: #52b3a0;
}
#competition-listing.s3 .competition-preview:hover {
  top: -5px;
  -webkit-box-shadow: 0px 10px 5px 0px #1a181e;
          box-shadow: 0px 10px 5px 0px #1a181e;
}
#competition-listing.s3 .competition-preview .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#competition-listing.s3 .competition-preview .join {
  background: #52b3a0;
  line-height: 1;
  padding: 0 0 0 0;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
#competition-listing.s3 .competition-preview .join i {
  font-size: 12px;
  color: #fff;
}
#competition-listing.s3 .competition-preview .details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0 5px;
  border-top: 1px solid #4c4557;
  border-bottom: 1px solid #4c4557;
  margin: 10px auto;
}
#competition-listing.s3 .competition-preview .details .date {
  color: #e1dbec;
  font-size: 0.95em;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: BebasNeue-Book;
}
#competition-listing.s3 .competition-preview .details .prize {
  font-family: BebasNeue-Regular;
  color: #fff;
  line-height: 1;
}
#competition-listing.s3 .competition-preview .description {
  max-width: 100%;
  color: #e1dbec;
  font-weight: 100;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  bottom: unset;
  margin-top: 10px;
}
#competition-nav.s3 {
  height: 45px;
  margin: 30px auto 0;
  padding: 0 15px;
  position: relative;
  display: block;
  background: #2d2934;
}
#competition-nav.s3 .content {
  width: 100%;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#competition-nav.s3 .content span {
  font-family: BebasNeue-Book;
  line-height: 1;
  letter-spacing: 0.1em;
}
#competition-nav.s3 .content span.title {
  margin: 0 30px 0 0;
  font-size: 0.95em;
  padding: 3px 0 0 0;
}
#competition-nav.s3 .content span.competition {
  font-size: 0.85em;
  color: #52b3a0;
  margin: 0 15px 0 0;
  padding: 3px 0 0 0;
}
#competition-nav.s3 .content span.competition:not(:nth-child(2)) {
  border-left: 1px solid #e1dbec;
  padding: 3px 0 0 15px;
}
#competition-nav.s3 .content span.competition a {
  border-bottom: none;
  color: #52b3a0;
}
#competition-nav.s3 .content span.competition a:hover {
  color: #e1dbec;
}
#competition-detail.s3 {
  background: none;
  padding-bottom: 15vh;
}
#join-notification.s3 {
  top: 50px;
  width: 100%;
  background: #4c4557;
}
#join-notification.s3 p {
  background: unset;
  color: #e1dbec;
}
#join-notification.s3 p span {
  color: #52b3a0;
}
#competition-header.s3 {
  position: relative;
  min-height: 0;
}
#competition-header.s3 #join-game {
  margin: 0 0 30px;
  position: absolute;
  top: 0;
  left: 0;
}
#competition-header.s3 .joined-tag {
  background: transparent;
  border: 1px solid #fff;
}
#competition-header.s3 .competition-detail-row.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 0;
  position: relative;
}
#competition-header.s3 .competition-detail-row .leave-button-block {
  float: unset;
  margin: 0 0 6px 30px;
}
#competition-header.s3 .competition-detail-row .leave-button-block .btn-nue {
  border: none;
  padding: 0 0 0 0;
}
#competition-header.s3 .competition-detail-row .leave-button-block .btn-nue:hover {
  background: transparent;
}
#competition-header.s3 #competition-header-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 30vh;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#competition-header.s3 #competition-header-details .competition-block {
  width: 50%;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row {
  max-width: 100%;
  padding: 0 50px 0 0;
  margin: 30px auto;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row .heading {
  color: #fff;
  font-family: BebasNeue-Bold;
  font-size: 0.8em;
  letter-spacing: 0.1em;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row p {
  color: #e1dbec;
  font-size: 0.9em;
  font-weight: 100;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row span {
  color: #fff;
  font-family: BebasNeue-Regular;
  font-size: 1em;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row .count-down {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row .count-down .bl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 30px;
  margin: 0 30px 0 0;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row .count-down .bl span.cat {
  font-size: 14px;
  font-family: BebasNeue-Book;
}
#competition-header.s3 #competition-header-details .competition-block .competition-detail-row .count-down .bl span.timeS {
  font-family: BebasNeue-Bold;
  font-size: 1.5em;
}
#application-page.s3 {
  background: none;
  position: relative;
  height: calc(100vh - 50px);
}
#application-page.s3 .progress {
  margin-top: 3px;
}
#application-page.s3 .progress-bar {
  background: #52b3a0 !important;
}
#application-page.s3 .application-title-head {
  margin-top: 15px;
  margin-bottom: 0px;
}
#application-page.s3 .c1-logo {
  width: 200px;
  height: 20px;
  margin: 0 0 15px;
}
#application-page.s3 #formRows.s3 {
  margin: 30px auto;
}
#application-page.s3 #formRows.s3 .rowBlock .form_input {
  max-width: unset;
}
#application-page.s3 #formRows.s3 .rowBlock .form_input label {
  width: 20%;
  text-align: right;
  white-space: nowrap;
}
#application-page.s3 #formRows.s3 .rowBlock .form_input input {
  width: 80%;
  padding: 10px;
  max-width: unset;
}
#application-page.s3 #currentRole .v-select .vs__selected-options input {
  background: transparent !important;
}
#application-page.s3 #currentRole .form_input {
  max-width: unset;
}
#application-page.s3 #currentRole .form_input label {
  text-align: left;
  color: #52b3a0;
}
#application-page.s3 #currentRole .form_input input {
  width: 75%;
  padding: 10px;
  max-width: unset;
}
#application-page.s3 #editUser {
  padding: 0 0 0 30px;
}
#application-page.s3 #competition-application {
  margin: 15px auto;
}
#application-page.s3 #formRows {
  width: 100%;
}
#application-page.s3 #sponsor {
  margin: 0px auto;
}
#application-page.s3 #currentRole {
  border-color: #4c4557;
  background: #2d2934;
}
#application-page.s3 #currentRole .row.bar,
#application-page.s3 #jobApplication .row.bar {
  border: none;
}
#application-page.s3 #resume-upload.s3 #drag-file {
  border: 1px solid #52b3a0;
  border-bottom: none;
}
#application-page.s3 #resume-upload.s3 i {
  font-size: 6em;
  color: #52b3a0;
}
#application-page.s3 #resume-upload.s3 p {
  color: #52b3a0;
}
#application-page.s3 #resume-upload.s3 #browse-file {
  border: 1px dashed #52b3a0;
}
#application-page.s3 #resume-upload.s3 #browse-file p {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#application-page.s3 #resume-upload.s3 #resume-submit {
  width: 100%;
  margin: 30px auto;
}
#application-page.s3 #resume-upload.s3 .pdf-upload {
  margin: 0 0 15px;
}
#application-page.s3 #resume-upload.s3 .application-finished {
  margin: 30px auto;
}
#validate.s3 #verify {
  border-color: #52b3a0;
  background: #52b3a0;
  color: #fff;
  border-radius: 0;
  height: 45px;
}
#competitions-filter-controls.s3 {
  border-color: #4c4557;
}
#competitions-filter-controls.s3 button {
  height: 22.5px;
}
#competitions-filter-controls.s3 .filter-option {
  color: #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#competitions-filter-controls.s3 .filter-option.active, #competitions-filter-controls.s3 .filter-option:hover {
  color: #52b3a0;
  border-color: #52b3a0;
}
#matches.s3 h5 {
  color: #e1dbec;
  font-family: BebasNeue-Bold;
  font-size: 1.5em;
  letter-spacing: 0.1em;
  line-height: 2em;
}
#algo-selector.s3 {
  width: 100%;
  display: block;
}
#algo-selector.s3 .algo-selection {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1a181e;
  padding: 0 0 0 0;
  border: 1px solid #4c4557;
}
#algo-selector.s3 .algo-selection .more-algos {
  position: absolute;
  height: 100%;
  top: 0;
  right: -15px;
  width: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
  color: #52b3a0;
  background: #4c4557;
  border-left: 2px solid #4c4557;
  opacity: 0.8;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#algo-selector.s3 .algo-selection .more-algos:hover {
  opacity: 1;
}
@media screen and (max-width: 996px) {
#algo-selector.s3 .algo-selection {
    background: #1a181e;
    padding: 0 0 0 0;
}
#algo-selector.s3 .algo-selection .submit-window {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#algo-selector.s3 .algo-selection .submit-window span {
    white-space: nowrap;
}
#algo-selector.s3 .algo-selection .submit-window .selectedAlgo {
    position: relative;
    right: unset;
    margin: 0 0 0 15px;
}
#algo-selector.s3 .algo-selection .submit-window .selectedAlgo small {
    display: none;
}
#algo-selector.s3 .algo-selection .disclaimer {
    width: 100%;
    padding: 30px 30px;
    position: relative;
}
#algo-selector.s3 .algo-selection .disclaimer:before {
    display: none;
}
#algo-selector.s3 .algo-selection .disclaimer .currentAlgo .algo-option {
    width: 240px;
}
#algo-selector.s3 .algo-selection .disclaimer .currentAlgo .algo-option h4 {
    max-width: 100px;
}
#algo-selector.s3 .algo-selection .disclaimer #changeAlgo {
    right: unset;
    top: unset;
    left: 15px;
    bottom: 0;
    background: #52b3a0;
    color: #fff;
}
#algo-selector.s3 .algo-selection .disclaimer .content {
    margin: 0 0 30px;
    display: block;
    text-align: left;
}
#algo-selector.s3 .algo-selection .disclaimer .content h4 {
    margin: 0 0 10px 0;
}
#algo-selector.s3 .algo-selection .disclaimer .content button {
    width: 100%;
    padding: 15px 0;
    font-size: 1em;
}
#algo-selector.s3 .algo-selection .disclaimer .content p {
    display: none;
}
#algo-selector.s3 .algo-selection .disclaimer h4 {
    margin: 0 auto 15px;
    max-width: 100%;
}
#algo-selector.s3 .algo-selection .algo-carousel {
    width: 100%;
    padding: 0 0 0 0;
    border-top: 1px solid #4c4557;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list {
    height: auto;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options .algo-option {
    width: 30%;
    margin: 0 auto 15px;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload {
    width: 100%;
    height: 45px;
    border-radius: 0;
    margin: 0 auto 15px;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload img {
    width: 20px;
    height: auto;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload:after, #algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload:hover:after {
    display: none;
}
#algo-selector.s3 .algo-selection .more-algos {
    right: 0;
}
}
@media screen and (max-width: 768px) {
#algo-selector.s3 .algo-selection .more-algos {
    width: 100%;
    height: 20px;
    position: relative;
    display: block;
    right: unset;
    top: unset;
    height: 60px;
    border-top: 1px solid #4c4557;
    border-left: none;
}
#algo-selector.s3 .algo-selection .more-algos i {
    font-size: 2em;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options .algo-option {
    width: 100%;
    overflow: hidden;
}
#algo-selector.s3 .algo-selection .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload {
    width: 100%;
}
}
#algo-selector.s3 .algo-selection.danger h4 span {
  color: #f9502a;
}
#algo-selector.s3 .algo-selection.danger .disclaimer:before {
  content: "!";
  background: #f9502a;
  font-family: Avenir;
  font-size: 1em;
  color: #fff;
}
#algo-selector.s3 .algo-selection.success h4 span {
  color: #52b3a0;
}
#algo-selector.s3 .algo-selection.success .disclaimer:before {
  content: "✓";
  background: #52b3a0;
  color: #fff;
  font-size: 12px;
}
#algo-selector.s3 .submit-window {
  position: absolute;
  bottom: 100%;
  left: -1px;
  width: calc(100% + 2px);
  background: rgba(76, 69, 87, 0.7215686275);
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
  z-index: 0;
}
#algo-selector.s3 .submit-window .selectedAlgo {
  position: absolute;
  right: 15px;
  font-family: BebasNeue-Book;
  font-size: 1em;
  color: #e1dbec;
}
#algo-selector.s3 .submit-window .selectedAlgo small {
  color: #e1dbec;
  opacity: 0.8;
  color: #52B3A0;
}
#algo-selector.s3 .submit-window span {
  font-family: "Avenir";
  color: #e1dbec;
  font-size: 1em;
  white-space: nowrap;
  margin: 0 15px 0 0;
}
#algo-selector.s3 .submit-window button {
  width: initial !important;
}
#algo-selector.s3 .disclaimer {
  width: 100%;
  padding: 15px 60px 15px;
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
#algo-selector.s3 .disclaimer #changeAlgo {
  position: absolute;
  right: 300px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: transparent;
  border: none;
  font-family: "BebasNeue-Book";
  color: #52b3a0;
  font-size: 1em;
  cursor: pointer;
}
#algo-selector.s3 .disclaimer #changeAlgo i {
  margin: 0 0 0 10px;
  font-size: 1.15em;
}
#algo-selector.s3 .disclaimer .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#algo-selector.s3 .disclaimer .currentAlgo {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 30px;
  height: 100%;
}
#algo-selector.s3 .disclaimer .currentAlgo .algo-option {
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2d2934;
  position: relative;
  padding: 0 15px 0 60px;
  width: 280px;
  height: 100%;
}
#algo-selector.s3 .disclaimer .currentAlgo .algo-option:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 45%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 8px;
  height: 15px;
  border-bottom: 1px solid #52b3a0;
  border-right: 1px solid #52b3a0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
#algo-selector.s3 .disclaimer .algo-image {
  margin: 0 10px 0 0;
}
#algo-selector.s3 .disclaimer .algo-image img {
  height: auto;
  width: 60px;
  margin: 0 0 5px 0;
}
#algo-selector.s3 .disclaimer .algo-content {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#algo-selector.s3 .disclaimer .algo-content h4 {
  max-width: 140px;
}
#algo-selector.s3 .disclaimer:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #4c4557;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
}
#algo-selector.s3 .disclaimer h4 {
  color: #e1dbec;
  font-family: BebasNeue-Regular;
  font-size: 1.25em;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 0 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#algo-selector.s3 .disclaimer p {
  color: #4c4557;
  font-family: BebasNeue-Book;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 0 0 0;
}
#algo-selector.s3 .algo-content h4 {
  color: #e1dbec;
  font-family: BebasNeue-Bold;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 0 5px 0;
  white-space: nowrap;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#algo-selector.s3 .algo-content span {
  color: #a0adb9;
  font-family: BebasNeue-Regular;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  line-height: 1;
}
#algo-selector.s3 .algo-carousel {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 30px;
  margin: 0 0 0 0;
  display: block;
  background: #1a181e;
  border-top: 1px solid #4c4557;
}
#algo-selector.s3 .algo-carousel .s3-algo-list {
  width: auto;
  height: auto;
  display: block;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  padding: 10px;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option {
  width: 220px;
  height: 60px;
  position: relative;
  padding: 15px 10px 15px 30px;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  background: #2d2934;
  margin: 10px;
  border: 1px solid #4c4557;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option .tooltiptext {
  font-family: Avenir;
  color: #52B3A0;
  font-size: 12px;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-image {
  width: 40%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-image img {
  height: auto;
  width: 75%;
  margin: 0 0 5px 0;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-content {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option:hover, #algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option.active {
  background: #4c4557;
  opacity: 1;
  border: 1px solid #52b3a0;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option.corrupt {
  border-color: #52B3A0 !important;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option:before {
  content: "❟";
  position: absolute;
  left: 15px;
  top: 45%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options .algo-option.active:before {
  content: "";
  width: 6px;
  height: 12px;
  border-bottom: 1px solid #92dd57;
  border-right: 1px solid #92dd57;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload {
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4c4557;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: 1px solid transparent;
  margin: 0 15px;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload img {
  width: 50%;
  height: auto;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload:after {
  content: "upload an algo";
  color: #e1dbec;
  font-family: BebasNeue-Regular;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 0 10px 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: -105px;
  white-space: nowrap;
  background: #4c4557;
  width: 100px;
  padding: 4px;
  display: block;
  -webkit-transition: all 300ms ease-out 300ms;
  transition: all 300ms ease-out 300ms;
  visibility: hidden;
  opacity: 0;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload:hover {
  -webkit-box-shadow: 1px 1px 2px #1a181e;
          box-shadow: 1px 1px 2px #1a181e;
  top: -1px;
}
#algo-selector.s3 .algo-carousel .s3-algo-list .s3-algo-options ._algo.upload:hover:after {
  visibility: visible;
  opacity: 1;
}
#team-notification a {
  font-family: BebasNeue-Book;
  color: #52b3a0;
  font-size: 1.2em;
  letter-spacing: 0.085em;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
  cursor: pointer !important;
  border-bottom: 1px solid #b73329;
  color: #e1dbec;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  margin: 0 5px 30px;
}
#team-notification a:hover {
  border-bottom: none;
  color: #fff;
}
#team-notification a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
#team-notification a::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
#my-algos.s3 {
  background: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#my-algos.s3 .selected-container {
  position: relative;
  padding: 0 0 0 0;
}
@media screen and (max-width: 950px), screen and (max-width: 1400px) {
#my-algos.s3 .selected-container {
    padding: 0 0 0 0;
}
}
#my-algos.s3 {
  max-width: 1400px;
}
#my-algos.s3 #algo-stats {
  width: 100%;
  margin: 32px auto 60px;
  background: #24212a;
  padding: 32px 12px 0;
  border-top: 2px solid #4c4557;
}
#first-algo.s3 {
  width: 100%;
  padding: 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 60px auto;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: -10px;
  left: 0;
  z-index: 99999;
  padding-top: 100px;
  background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1080px) {
#first-algo.s3 {
    display: none;
}
}
@media screen and (max-height: 700px) {
#first-algo.s3 {
    overflow: scroll;
    padding-bottom: 300px;
}
}
#first-algo.s3 .close-btn {
  position: absolute;
  top: -50px;
  right: 0;
  font-size: 2.5em;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  font-weight: 100;
}
#first-algo.s3 .close-btn:hover {
  opacity: 1;
}
#first-algo.s3 h3 {
  width: 30%;
  text-align: right;
}
#first-algo.s3 .choosing {
  width: 100%;
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#first-algo.s3 .choosing .s3-toggle-btn {
  width: 80%;
}
#first-algo.s3 .choosing .s3-toggle-btn .btn {
  width: 33%;
  padding: 8px 30px 5px;
  font-size: 1.5em;
  background: #1a181e;
}
#first-algo.s3 .steps {
  width: 60%;
  text-align: left;
  margin: 0 0 0 30px;
  padding: 0px 0px 0;
  background: #2d2934;
  position: relative;
}
#first-algo.s3 .steps ol {
  padding: 0 0 0 0;
  list-style: none;
  margin: 0 0 0 0;
}
#first-algo.s3 .steps ol li {
  font-family: Avenir, Open-Sans, sans-serif;
  font-weight: 100;
  color: #e1dbec;
  font-size: 0.9em;
  padding: 15px 30px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0.8;
  letter-spacing: 0.5px;
}
#first-algo.s3 .steps ol li span {
  font-weight: 600;
  color: #fff;
}
#first-algo.s3 .steps ol li a.primary {
  position: relative;
  top: 1px;
  margin: 0 3px;
}
#first-algo.s3 .steps ol li:not(:last-child) {
  border-bottom: 1px solid #4c4557;
}
#first-algo.s3 .steps ol li:not(:last-child):hover {
  background: #4c4557;
  opacity: 1;
}
#first-algo.s3 .steps ol pre {
  width: 100%;
  white-space: normal;
  background: #1a181e;
  color: #fff;
  margin: 15px 0;
  font-size: 12px;
  line-height: 1.5;
}
#first-algo.s3 .steps .upload {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #1a181e;
  height: 120px;
  text-align: center;
  padding: 20px 0 0;
  margin: 0 auto;
  border: 1px dashed #4c4557;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  opacity: 0.25;
  margin-bottom: 30px;
}
#first-algo.s3 .steps .upload:hover {
  opacity: 1;
}
#first-algo.s3 .steps .upload label {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  cursor: pointer;
}
#first-algo.s3 .steps .upload label:after {
  content: "Browse";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 40px;
  background: #52b3a0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: BebasNeue-Regular;
  font-size: 1em;
  color: #fff;
  letter-spacing: 0.085em;
}
#algo-container.s3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 150px;
  height: auto;
  padding: 30px 0px 30px;
  background: #1a181e;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 0 0;
}
#algo-container.s3 .s3-algo {
  background-color: transparent;
  width: 15%;
  margin: 0 0 0 0;
}
#algo-container.s3 .s3-algo .algo-card {
  background: #2d2934;
  height: 240px;
  min-width: unset;
  width: 180px;
}
@media screen and (max-width: 1200px) {
#algo-container.s3 .s3-algo .algo-card {
    height: 200px;
    width: 150px;
}
}
#algo-container.s3 .s3-algo .algo-card {
  padding: 0 0 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#algo-container.s3 .s3-algo .algo-card .algo-heading {
  font-size: 1em;
  line-height: 2;
  color: #ba93ff;
  position: absolute;
  text-align: center;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  bottom: 40px;
  left: calc(50% + 2px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 1200px) {
#algo-container.s3 .s3-algo .algo-card .algo-heading {
    bottom: 25px;
    max-width: 125px;
    font-size: 0.9em;
}
}
#algo-container.s3 .s3-algo .algo-card.firstAlgo.upload .algo-name {
  visibility: visible;
  opacity: 0.5;
  background: #4c4557;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 999;
}
#algo-container.s3 .s3-algo .algo-card.open {
  border-color: #4c4557;
  opacity: 1;
}
#algo-container.s3 .s3-algo .algo-card:hover {
  -webkit-box-shadow: 5px 5px 10px 0 #1a181e;
          box-shadow: 5px 5px 10px 0 #1a181e;
  top: -2px;
}
#algo-container.s3 .s3-algo .algo-card.uploaded {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: #4c4557;
  position: relative;
  border-radius: 0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .compiling-sign {
  position: absolute;
  top: 60% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  margin: 0 0 0 0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .corrupt.tooltiptext {
  position: absolute;
  margin: 0 0 0 0;
  color: #e1dbec !important;
  padding: 5px 15px;
  width: 100%;
  font-size: 0.9em;
  line-height: 1.5;
}
#algo-container.s3 .s3-algo .algo-card.uploaded:not(.corrupt)::after, #algo-container.s3 .s3-algo .algo-card.uploaded:not(.compiling)::after {
  content: "";
  background: url("https://s3-us-west-2.amazonaws.com/ai-games/assets/terminalX/algo_icon.png") center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 85px auto;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.selected {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.selected:not(.corrupt), #algo-container.s3 .s3-algo .algo-card.uploaded.selected:not(.compiling) {
  border-color: #52b3a0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.selected:not(.corrupt) .algo-name, #algo-container.s3 .s3-algo .algo-card.uploaded.selected:not(.compiling) .algo-name {
  background: #52b3a0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded:hover:not(.corrupt), #algo-container.s3 .s3-algo .algo-card.uploaded:hover:not(.compiling) {
  border-color: #52b3a0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded:hover .algo-actions .btn-nue {
  visibility: visible;
  opacity: 1;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .algo-actions {
  position: absolute;
  height: 50px;
  width: 100%;
  bottom: 0;
  top: unset;
  left: 0;
  z-index: 9999999;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .algo-actions .btn-nue {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  font-size: 0.9em;
  height: 25px;
  position: relative;
  left: 0;
  top: 0;
  right: unset;
  padding: 1px 0;
  background: #7a231c;
  border-color: #7a231c;
  border: 2px solid #7a231c;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .algo-actions .btn-nue:hover {
  background: #2d2934;
  color: #fff;
}
#algo-container.s3 .s3-algo .algo-card.uploaded .algo-actions .btn-green {
  background: #52b3a0;
  border-color: #52b3a0;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.compiling, #algo-container.s3 .s3-algo .algo-card.uploaded.compiling.selected {
  border-color: #be6e0b !important;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.compiling .algo-name, #algo-container.s3 .s3-algo .algo-card.uploaded.compiling.selected .algo-name {
  background: #be6e0b !important;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.compiling:hover, #algo-container.s3 .s3-algo .algo-card.uploaded.compiling.selected:hover {
  border-color: #be6e0b;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.compiling:hover .algo-name, #algo-container.s3 .s3-algo .algo-card.uploaded.compiling.selected:hover .algo-name {
  background: #be6e0b;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.corrupt, #algo-container.s3 .s3-algo .algo-card.uploaded.corrupt.selected {
  border-color: #7a231c;
  border-radius: none;
  background: #1a181e !important;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.corrupt .algo-name, #algo-container.s3 .s3-algo .algo-card.uploaded.corrupt.selected .algo-name {
  background: #7a231c;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.corrupt:hover, #algo-container.s3 .s3-algo .algo-card.uploaded.corrupt.selected:hover {
  border-color: #7a231c;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.corrupt:hover .algo-name, #algo-container.s3 .s3-algo .algo-card.uploaded.corrupt.selected:hover .algo-name {
  background: #7a231c;
}
#algo-container.s3 .s3-algo .algo-card.uploaded.corrupt:after, #algo-container.s3 .s3-algo .algo-card.uploaded.corrupt.selected:after {
  opacity: 0.5;
}
#algo-container.s3 .s3-algo .algo-card .algo-name {
  height: 30px;
  font-size: 1em;
  color: #e1dbec;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4c4557;
  position: flex;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  max-width: 340px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#algo-container.s3 .s3-algo .algo-card:hover .algo-name {
  background: #52b3a0;
}
#algo-container.s3 .s3-algo .algo-card.upload:hover {
  border-color: #fff;
}
#algo-container.s3 .s3-algo .algo-card.upload:hover .algo-name {
  background: #4c4557;
}
#algo-container.s3 .s3-algo .algo-card.upload:hover .algo-actions-right .add-bot {
  border-color: transparent;
  width: 40px;
  height: 40px;
}
#algo-container.s3 .s3-algo .algo-card.upload:hover .algo-actions-right .add-bot img {
  width: 24px;
}
#algo-container.s3 .s3-algo .algo-card.upload .algo-name {
  opacity: 0 !important;
}
#algo-container.s3 .s3-algo .algo-card.upload .algo-actions-right {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background: #1a181e;
}
#algo-container.s3 .s3-algo .algo-card.upload .algo-actions-right .add-bot {
  background: #1a181e;
  width: 32px;
  height: 32px;
  left: 50%;
  right: unset;
  border-radius: 50%;
  border: 1px solid #4c4557;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 0;
  opacity: 1;
}
#algo-container.s3 .s3-algo .algo-card.upload .algo-actions-right .add-bot img {
  width: 16px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#team-toggle-s3 {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0px;
  padding: 0 30px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#team-toggle-s3 label {
  width: 400px;
}
#replay-container.s3 {
  text-align: left;
  margin: 30px auto;
}
#replay-container.s3 h1.algo-name {
  font-family: BebasNeue-Regular;
  color: #e1dbec;
  margin: 0 0 30px;
}
#replay-container.s3 h2 {
  font-family: BebasNeue-Book;
  color: #e1dbec;
  margin: 0 0 0 0;
  font-size: 1.4em;
  line-height: 1.5;
  color: #e1dbec;
}
#replay-container.s3 h2 span,
#replay-container.s3 h2 small {
  color: #52b3a0;
}
#replay-container.s3 .card #replayTable.s3 .card-label {
  color: #e1dbec;
  font-size: 1em;
  left: 30px;
  top: 12px;
}
#replay-container.s3 .card #replayTable.s3 .replay-table-head {
  border-color: #4c4557;
  background: #1a181e;
}
#replay-container.s3 .card #replayTable.s3 .replay-table-head .replay-table-header span {
  border-color: #4c4557;
  color: #e1dbec;
  font-size: 1em;
  text-align: center;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays {
  background: #2d2934;
  border-color: #4c4557;
  height: 410px !important;
  overflow: auto;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vs {
  border-left: 2px solid #4c4557;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vs {
  color: #83888a;
  border-bottom: 2px solid #4c4557;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .win .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .win .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .win .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .win .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .win .vs {
  color: #52b3a0;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .vs {
  color: #b73329 !important;
  border-bottom: 2px solid #3d110e;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .vid:hover .video {
  background: #b73329 !important;
  border-color: #b73329;
  opacity: 1;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .crashed .crash_log:after {
  content: "!";
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex {
  cursor: default;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .vs {
  border-bottom: 2px solid #fff;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .vs {
  border-left: 2px solid #fff;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .vid {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:hover .vid:after {
  visibility: visible;
  opacity: 1;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .vs,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex .vid {
  background: #2d2934;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .rating,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .day,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .turns,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .results,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .vs,
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .d-flex:nth-child(odd) .vid {
  background: #1a181e;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-left: 2px solid #4c4557;
  border-bottom: 2px solid #4c4557;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vid:hover .video {
  background: #52b3a0 !important;
  border-color: #52b3a0;
  opacity: 1;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vid:after {
  font-size: 1.25em;
  margin: 0 auto;
  right: unset;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  visibility: visible;
  opacity: 0.5;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#replay-container.s3 .card #replayTable.s3 .tab-content.myreplays .replay-table .vid .video {
  width: 100%;
  height: 100%;
  border: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  background: #4c4557;
  opacity: 0.5;
}
#replay-container.s3 .card #replayTable.s3 .lefty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 400px;
  padding: 10px 30px 30px 15px;
}
#replay-container.s3 .card #replayTable.s3 .lefty h4 {
  color: #52b3a0;
}
#replay-container.s3 .card #replayTable.s3 .lefty:after {
  content: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/terminalX/algo_icon.png);
  position: absolute;
  top: 15%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#download-link.s3 {
  width: auto;
  font-family: BebasNeue-Regular;
  font-size: 16px;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#download-link.s3 .btn-nue {
  display: block;
}
@media screen and (max-width: 1080px) {
#download-link.s3 .btn-nue {
    width: auto;
}
}
#download-link.s3 .links {
  margin: 0 0 15px;
  text-align: right;
}
#download-link.s3 a {
  cursor: pointer;
  color: #52b3a0;
  position: relative;
  text-align: right;
}
#download-link.s3 a:hover {
  color: #fff;
  border-bottom: none;
}
#download-link.s3 a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
#download-link.s3 a::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.error-card.s3 {
  border-color: #4c4557;
  border-width: 2px;
  background: #2d2934;
  padding: 30px;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.error-card.s3 p {
  margin: 10px auto;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
.error-card.s3 .delete-group.btn-group {
  width: 300px;
  margin: 30px auto;
}
.algo-content .heading p {
  font-size: 0.8em;
  letter-spacing: 0.095em;
}
.algo-content #algo-container.s3 {
  margin: 0 0 8px 0;
  background-color: transparent;
  padding: 16px 0px 32px;
}
.algo-content #algo-container.s3 .s3-algo {
  background-color: transparent;
  width: 15%;
  margin: 0 0 0 0;
}
.algo-content #algo-container.s3 .s3-algo .algo-card {
  width: 100%;
  height: 200px;
}
.algo-content #algo-container.s3 .s3-algo .algo-card .algo-heading {
  bottom: -30px;
  width: auto;
  left: unset;
  font-size: 0.8em;
  right: 0;
  text-align: right;
  -webkit-transform: unset;
          transform: unset;
  color: #52B3A0;
}
.algo-content #algo-container.s3 .s3-algo .algo-card .algo-heading::before {
  content: "Uploaded by:";
  color: #766a8a;
  margin: 4px 4px 0 0;
  font-size: 0.8em;
}
.algo-content #algo-container.s3 .s3-algo .algo-card.upload {
  border-color: #1a181e;
}
.algo-content #algo-container.s3 .s3-algo .algo-card.upload .algo-name {
  opacity: 0;
}
.algo-content #algo-container.s3 .s3-algo .algo-card.upload .algo-actions-right {
  background: #1a181e;
}
.algo-content #algo-container.s3 .s3-algo .algo-card.uploaded:not(.corrupt)::after,
.algo-content #algo-container.s3 .s3-algo .algo-card .uploaded:not(.compiling)::after {
  background-size: 60px auto;
}
.algo-stats-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 16px;
  border-bottom: 1px solid #4c4557;
}
.algo-stats-container .algo-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 16px 0 0;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 40%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.algo-stats-container .algo-stats .algo-block {
  margin: 0 16px 8px;
  text-align: left;
  display: block;
}
.algo-stats-container .algo-stats .algo-block h4.sub {
  margin: 0 0 4px;
  font-size: 0.8em;
  color: #766a8a;
}
.algo-stats-container .algo-stats h2,
.algo-stats-container .algo-stats h4 {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
.algo-interactive {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.algo-interactive .algo-bosses,
.algo-interactive .algo-matches {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
.algo-interactive .algo-bosses {
  width: 420px;
}
.algo-interactive .algo-matches {
  width: 100%;
}
.algo-interactive.hide-bosses .algo-bosses {
  display: none;
}
.algo-interactive.hide-bosses .algo-matches {
  width: 100%;
}
@media screen and (max-width: 1200px) {
.algo-interactive {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.algo-interactive .algo-bosses {
    width: 100%;
}
.algo-interactive .algo-matches {
    width: 100%;
}
}
.live-replay-container {
  width: 100%;
  display: block;
  padding: 0 8px 16px;
  margin: 0 0 0 0;
  height: auto;
  overflow: auto;
}
.live-replay-container .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
}
.live-replay-container .actions a,
.live-replay-container .actions button,
.live-replay-container .actions span.play {
  position: relative;
  overflow: visible;
}
.live-replay-container .actions a h4.tooltip,
.live-replay-container .actions button h4.tooltip,
.live-replay-container .actions span.play h4.tooltip {
  position: absolute;
  top: -10px;
  width: auto;
  left: 4px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  background: #1a181e;
  font-size: 10px;
  padding: 4px 4px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.live-replay-container .actions a:hover h4.tooltip,
.live-replay-container .actions button:hover h4.tooltip,
.live-replay-container .actions span.play:hover h4.tooltip {
  opacity: 1;
  visibility: visible;
}
.live-boss-defeats {
  width: 100%;
  display: block;
  padding: 0 8px 16px;
  margin: 0 0 0 0;
  min-height: 400px;
  height: auto;
  overflow: auto;
}
.live-boss-defeats p {
  font-size: 0.8em;
  margin: 0 auto 16px !important;
}
.live-boss-defeats p.warning {
  color: #52B3A0;
}
.live-boss-defeats p.success {
  color: #52b3a0;
}
.live-boss-defeats p.sub {
  color: #766a8a;
}
.live-boss-defeats .boss-defeats-container {
  height: 300px;
  width: 380px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  margin: 0 auto 16px;
}
.live-boss-defeats .boss-defeats-container h4 {
  text-align: center;
}
.live-boss-defeats .boss-defeats-container .center-circle {
  width: 200px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border: 1px solid #4c4557;
  border-radius: 50%;
  z-index: 99;
}
.live-boss-defeats .boss-defeats-container .center-circle h3 {
  font-size: 0.85em;
  font-family: BebasNeue-Bold;
  width: 100px;
  line-height: 1.25;
}
.live-boss-defeats .boss-defeats-container .boss {
  display: block;
  z-index: 999;
  position: absolute;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4px;
  background: #24212a;
}
.live-boss-defeats .boss-defeats-container .boss-1 {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.live-boss-defeats .boss-defeats-container .boss-2 {
  top: 30%;
  left: 75%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.live-boss-defeats .boss-defeats-container .boss-3 {
  bottom: 30%;
  left: 75%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.live-boss-defeats .boss-defeats-container .boss-4 {
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.live-boss-defeats .boss-defeats-container .boss-5 {
  bottom: 30%;
  left: 25%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.live-boss-defeats .boss-defeats-container .boss-6 {
  top: 30%;
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.live-boss-defeats .boss-defeats-container .boss h4 {
  font-size: 12px;
  color: #766a8a;
  font-family: BebasNeue-Bold;
}
.live-boss-defeats .boss-defeats-container .boss .content {
  width: 60px;
  height: 60px;
  margin: 4px auto 8px;
  border: 1px solid #f9502a;
  border-radius: 50%;
  background: #2d2934;
  overflow: visible;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  background: #1a181e;
}
.live-boss-defeats .boss-defeats-container .boss .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("https://ai-games.s3-us-west-2.amazonaws.com/assets/terminalX/algo-3.png") center center no-repeat;
  background-size: 80% auto;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #1a181e;
  border-radius: 50%;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.live-boss-defeats .boss-defeats-container .boss .content:hover {
  border: 2px solid #fff;
}
.live-boss-defeats .boss-defeats-container .boss .content:hover::before {
  opacity: 0.6;
  background-size: 60% auto;
}
.live-boss-defeats .boss-defeats-container .boss .content:hover span {
  display: none;
}
.live-boss-defeats .boss-defeats-container .boss .content:hover::after {
  content: "Watch Replay";
  font-size: 0.6em;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.085em;
  color: #fff;
  width: 90%;
  display: block;
  margin: 4px auto;
}
.live-boss-defeats .boss-defeats-container .boss .content span {
  font-size: 0.8em;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.085em;
  color: #f9502a;
  width: 90%;
  display: block;
  margin: 4px 0 0 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.live-boss-defeats .boss-defeats-container .boss .content.defeated {
  border-color: #52b3a0;
}
.live-boss-defeats .boss-defeats-container .boss .content.defeated span {
  color: #52b3a0;
}
.live-boss-defeats .boss-defeats-container .boss .content.defeated i.mdi {
  position: absolute;
  right: 0;
  top: 0;
  color: #52b3a0;
}
.live-boss-defeats .boss-defeats-container .boss .content.loading {
  pointer-events: none;
  border-color: #4c4557;
  opacity: 0.8;
  cursor: wait;
}
.live-boss-defeats .boss-defeats-container .boss .content.loading span {
  color: #766a8a;
}
.live-boss-defeats .boss-defeats-container .boss .content.loading i.mdi {
  position: absolute;
  right: 0;
  top: 0;
  color: #52B3A0;
}
.live-boss-defeats h4 {
  font-size: 0.8em;
  line-height: 1.15;
  font-family: BebasNeue-Bold;
}
.main-content.play,
.main-content.watch,
.main-content.livewatch,
.main-content.liveplay {
  padding: 0 0 0 0;
}
#players_select {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: #1a181e;
}
#players_select.chosen {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(-250%, rgba(53, 158, 137, 0.1803921569)), color-stop(50%, #1a181e), color-stop(175%, rgba(145, 58, 37, 0.3019607843)));
  background-image: linear-gradient(left, rgba(53, 158, 137, 0.1803921569) -250%, #1a181e 50%, rgba(145, 58, 37, 0.3019607843) 175%);
}
#players_select i.s3-selection {
  font-size: 3em;
  text-align: center;
  margin: 0 auto 30px;
}
#players_select .player-selection-container {
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 30px;
  min-height: calc(100vh - 50px);
  height: auto;
  z-index: 0;
}
#players_select .player_column {
  position: fixed;
  right: 0;
  top: 50px;
  width: 300px;
  height: calc(100% - 50px);
  -webkit-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#players_select .player_column .btn-config,
#players_select .player_column .btn-start {
  position: absolute;
  right: 0;
  width: 100%;
  padding: 12px 0 5px;
  border: none;
  font-family: BebasNeue-Bold;
  font-size: 2em;
  letter-spacing: 0.085em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  opacity: 1;
}
#players_select .player_column .btn-config.off,
#players_select .player_column .btn-start.off {
  pointer-events: none;
  background: #2d2934;
  color: #4c4557;
}
#players_select .player_column .btn-config.lite,
#players_select .player_column .btn-start.lite {
  opacity: 0.5;
}
#players_select .player_column .btn-config small,
#players_select .player_column .btn-start small {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 14px;
  font-family: BebasNeue-Book;
}
#players_select .player_column .btn-start {
  bottom: 0;
  background: #f28b0f;
}
#players_select .player_column .btn-config {
  top: 0;
  background: #2ea2ea;
}
#players_select .player_column .selection-container {
  margin: 45px auto;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px;
  cursor: pointer;
}
#players_select .player_column .selection-container:hover h2 {
  color: #e1dbec;
  opacity: 1;
}
#players_select .player_column h2 {
  font-size: 3em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.05em;
  margin: 15px 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#players_select .player_column h3 {
  font-family: BebasNeue-Book;
  font-size: 4em;
}
#players_select .player_column .btn-player {
  background: transparent;
  font-size: 12em;
  color: #4c4557;
  font-family: BebasNeue-Bold;
  border: none;
  color: #e1dbec;
  margin: 15% auto;
  display: block;
  width: 100%;
  -webkit-transition: color 500ms ease-out;
  transition: color 500ms ease-out;
  cursor: pointer;
}
#players_select .player_column .btn-player.active, #players_select .player_column .btn-player:hover {
  background: transparent;
}
#choose-player {
  width: calc(100% - 300px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 10%;
}
@media screen and (max-width: 1080px) {
#choose-player {
    padding: 60px 5%;
}
}
#choose-player {
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
#choose-player.playerOneActive {
  background-image: -webkit-linear-gradient(top left, #52b3a0 -300%, #1a181e 60%);
}
#choose-player.playerOneActive .title {
  color: #52b3a0;
}
#choose-player.playerOneActive .card-block .cards .card {
  background: #52b3a0;
}
#choose-player.playerOneActive .card-block .cards .card:hover, #choose-player.playerOneActive .card-block .cards .card.active {
  background: #52b3a0;
}
#choose-player.playerTwoActive {
  background-image: -webkit-linear-gradient(top left, #f9502a -200%, #1a181e 60%);
}
#choose-player.playerTwoActive .title {
  color: #f9502a;
}
#choose-player.playerTwoActive .card-block .cards .card {
  background: #f9502a;
}
#choose-player.playerTwoActive .card-block .cards .card:hover, #choose-player.playerTwoActive .card-block .cards .card.active {
  background: #f9502a;
}
#choose-player {
  text-align: left;
}
#choose-player h1 {
  font-size: 3em;
  font-family: BebasNeue-Bold;
  letter-spacing: 0.05em;
}
#choose-player h4 {
  font-size: 1.5em;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.05em;
  color: #e1dbec;
  margin: 0 0 0;
  line-height: 1;
}
#choose-player .card-block {
  width: 100%;
  display: block;
  margin: 30px auto 60px;
  text-align: left;
}
#choose-player .card-block .cards {
  width: 100%;
  margin: 20px 0 30px;
  min-height: 120px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#choose-player .card-block .cards a {
  border-bottom: none;
}
#choose-player .card-block .cards a:before, #choose-player .card-block .cards a:after {
  display: none;
}
#choose-player .card-block .cards .card {
  width: 100px;
  height: 140px;
  border-radius: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-filter: drop-shadow(-2px 2px 5px #1a181e);
          filter: drop-shadow(-2px 2px 5px #1a181e);
  cursor: pointer;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin: 0 30px 30px 0;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 20px 0;
  opacity: 0.4;
}
#choose-player .card-block .cards .card i.icon {
  font-size: 2.8em;
  color: #4c4557;
  opacity: 0.7;
}
#choose-player .card-block .cards .card img {
  width: 45px;
}
#choose-player .card-block .cards .card.add {
  background: #4c4557;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 45px;
  height: 140px;
  opacity: 0.4;
  padding: 0 0 0 0;
}
#choose-player .card-block .cards .card.add:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/terminalX/uploadlago.png) center center no-repeat;
  background-size: 15px auto;
}
#choose-player .card-block .cards .card.add:hover {
  opacity: 0.8;
  background: #4c4557 !important;
  color: #e1dbec;
}
#choose-player .card-block .cards .card:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0.8;
}
#choose-player .card-block .cards .card.active {
  opacity: 1;
}
#choose-player .card-block .cards .card h4 {
  font-size: 12px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 5px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#config-choices.s3 {
  width: 300px;
  height: calc(100% - 100px);
  position: fixed;
  right: 0;
  top: 100px;
  z-index: 9999;
  background: #2d2934;
}
#playground_config {
  width: 100vw;
  position: fixed;
  min-height: 50px;
  height: auto;
  display: block;
  bottom: 0px;
  left: 0px;
  border-top: 2px solid #fff;
  background: rgba(0, 0, 0, 0.8);
}
#playground_config .bottom-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#playground_config .currentConfig {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  left: 10px;
  font-size: 1.5em;
  color: #fff;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  text-align: left;
  cursor: pointer;
}
#playground_config .currentConfig small {
  color: #83888a;
}
#playground_config .currentConfig img,
#playground_config .currentConfig i {
  font-size: 1em;
  width: 30px;
  height: 30px;
  margin: 0 5px;
}
#playground_config .btn-config i {
  font-size: 1.5em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#playground_config .btn-config {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 30px;
  height: 20px;
}
#playground_config #return-playground {
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 9999999;
  margin: 0 0 0 0;
  border-radius: 50px 50px 0 0;
}
#playground_config .disclaim {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  -webkit-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
  -webkit-animation: from-bottom-simple 450ms ease-out;
  animation: from-bottom-simple 450ms ease-out;
  cursor: pointer;
}
#playground_config .disclaim:hover {
  opacity: 1;
}
#playground_config .disclaim img {
  width: 25px;
  height: 25px;
}
#playground_config .disclaim h4 {
  font-size: 1.5em;
  color: #4496c7;
  font-family: BebasNeue-Regular;
}
#playground_config.s3 {
  width: 100vw;
  border: none;
  background: rgba(26, 24, 30, 0.9);
  border-top: 1px solid #4c4557;
  height: 50px;
}
#playground_config.s3 .btn-disclaim {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  padding: 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#playground_config.s3 .feature-container {
  height: calc(100vh - 50px);
  width: 100vw;
  padding: 60px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
#playground_config.s3 .feature-container .features-panel {
  width: 667px;
  height: auto;
  margin: 0 auto;
  padding: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2d2934), to(#1a181e));
  background: linear-gradient(to bottom, #2d2934, #1a181e);
  display: block;
  position: relative;
}
#playground_config.s3 .feature-container .features-panel .close-btn {
  position: absolute;
  top: 0px;
  right: 15px;
  color: #e1dbec;
  font-size: 1.5em;
  font-weight: 100;
}
#playground_config.s3 .feature-container .features-panel .feature-row {
  padding: 15px 0;
  margin: 0 0 30px;
  width: 100%;
}
#playground_config.s3 .feature-container .features-panel .feature-row.border-bottom {
  border-color: #2d2934 !important;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-header {
  width: 100%;
  text-align: left;
  margin: 0 0 10px;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-content {
  margin: 15px 0 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-content .content {
  width: 100%;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-content .feature-block {
  width: 55%;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-content .feature-block:first-child {
  width: 45%;
  padding: 0 30px 0 0;
}
#playground_config.s3 .feature-container .features-panel .feature-row .feature-content .feature-block h4 {
  font-family: BebasNeue-Book;
  font-size: 1em;
  color: #e1dbec;
  line-height: 1.15;
  margin: 0 0 0 0;
  text-align: left;
}
#playground_config.s3 .feature-container h2 {
  font-family: BebasNeue-Regular;
  font-size: 1.5em;
  color: #e1dbec;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-align: left;
}
#playground_config .config-container {
  height: 100%;
  width: 100%;
  margin: 15px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#playground_config .config {
  height: 40px;
  width: 100%;
  border: 1px solid #4c4557;
  opacity: 0.5;
  margin: 0 0 15px 0;
  padding: 5px 10px 2px 45px;
  cursor: pointer;
  background: #2d2934;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  position: relative;
}
#playground_config .config.active, #playground_config .config:hover {
  opacity: 1;
  background: #4c4557;
}
#playground_config .config.active:before {
  content: "✓";
  position: absolute;
  left: 10px;
  font-family: BebasNeue-Book;
  font-size: 1em;
}
#playground_config .config.add {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 0 0;
  background: #1a181e;
  opacity: 1;
  height: 30px;
}
#playground_config .config.add:hover {
  background: #4c4557;
}
#playground_config .config.add:hover label {
  color: #e1dbec;
}
#playground_config .config.add label {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25em;
  color: #4c4557;
}
#playground_config .config span,
#playground_config .config p {
  font-family: BebasNeue-Book;
  color: #e1dbec;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-align: left;
  letter-spacing: 0.05em;
}
#playground_config .config span {
  font-size: 1em;
}
#playground_config .config p {
  font-size: 0.7em;
}
#playground_config .config .download {
  width: 30px;
  height: 30px;
  display: block;
  line-height: 1;
}
#playground_config .config .delete {
  font-size: 1.5em;
  color: #b73329;
  line-height: 1;
  margin: 0 5px 0 0;
}
#player_choices {
  width: 100%;
  margin: 60px auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: height 600ms ease-out;
  transition: height 600ms ease-out;
}
#player_choices.bothPlayers {
  height: 70vh;
}
#player_choices.bothPlayers .selection-column {
  position: relative;
  opacity: 1 !important;
}
#player_choices.bothPlayers .selection-column h4 {
  font-size: 2em;
}
#player_choices.bothPlayers .selection-column h2 {
  font-size: 3em;
}
#player_choices.bothPlayers .selection-column.active:before, #player_choices.bothPlayers .selection-column.active, #player_choices.bothPlayers .selection-column:hover:before {
  background-image: unset;
  fill: none;
}
#player_choices.bothPlayers .selection-column.p1 .algo-display {
  left: -300px;
}
#player_choices.bothPlayers .selection-column.p2 .algo-display {
  right: -300px;
}
#player_choices.bothPlayers .algo-display {
  position: absolute;
  width: 400px !important;
  height: 400px !important;
}
#player_choices .btn-start {
  margin: 0 auto;
}
#player_choices h4 {
  font-family: BebasNeue-Book;
  font-size: 1.15em;
  color: #fff;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
}
#player_choices h2 {
  font-family: BebasNeue-Bold;
  font-size: 2em;
  color: #fff;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#player_choices h3 {
  font-family: BebasNeue-Bold;
  font-size: 3em;
  color: #4c4557;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#player_choices .selection-column {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#player_choices .selection-column.active, #player_choices .selection-column:hover {
  opacity: 1;
}
#player_choices .selection-column.active:before, #player_choices .selection-column:hover:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 120%;
  height: 300%;
  opacity: 0.7;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  background-image: radial-gradient(#2d2934, #4c4557, #e1dbec);
  z-index: 0;
}
#player_choices .selection-column.p1 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#player_choices .selection-column.p1 h4 {
  color: #52b3a0;
}
#player_choices .selection-column.p1 .player-display {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#player_choices .selection-column.p1 .algo-display {
  margin: 0 15px 0 0;
}
#player_choices .selection-column.p2 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#player_choices .selection-column.p2 h4 {
  color: #f9502a;
}
#player_choices .selection-column.p2 .player-display {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#player_choices .selection-column.p2 .algo-display {
  margin: 0 0 0 15px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#player_choices .selection-column .player-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 300px;
  z-index: 2;
}
#player_choices .selection-column .player-display h4 {
  margin: 0 0 5px 0;
}
#player_choices .selection-column .player-display h2 {
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#player_choices .algo-display {
  width: 70px;
  height: 70px;
  border: 1px dashed #e1dbec;
  border-radius: 50%;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  z-index: 1;
}
#player_choices .algo-display.chosen {
  border: none;
  background: url(https://storage.googleapis.com/nprd-terminal-assets/nprd-manager-static/static/img/algo-3.d008463b.png) center center no-repeat;
  background-size: contain;
}
#player-select {
  width: 100%;
  margin: 0 auto;
  display: block;
}
#player-select.playerOneActive .title h4 {
  color: #52b3a0;
}
#player-select.playerOneActive .selection-blocks .block:hover:after, #player-select.playerOneActive .selection-blocks .block.active:after {
  border-color: #52b3a0;
}
#player-select.playerOneActive .cards-row .card-block .cards .card:not(.add):hover, #player-select.playerOneActive .cards-row .card-block .cards .card:not(.add).active {
  border-bottom: 1px solid #52b3a0;
}
#player-select.playerOneActive .cards-row .card-block .cards .card:not(.add):hover:after, #player-select.playerOneActive .cards-row .card-block .cards .card:not(.add).active:after {
  background: #52b3a0;
  width: 50%;
}
#player-select.playerTwoActive .title h4 {
  color: #f9502a;
}
#player-select.playerTwoActive .selection-blocks .block:hover:after, #player-select.playerTwoActive .selection-blocks .block.active:after {
  border-color: #f9502a;
}
#player-select.playerTwoActive .cards-row .card-block .cards .card:not(.add):hover, #player-select.playerTwoActive .cards-row .card-block .cards .card:not(.add).active {
  border-bottom: 1px solid #f9502a;
}
#player-select.playerTwoActive .cards-row .card-block .cards .card:not(.add):hover:after, #player-select.playerTwoActive .cards-row .card-block .cards .card:not(.add).active:after {
  background: #f9502a;
  width: 50%;
}
#player-select .title {
  width: 100%;
  margin: 60px 0 0;
  display: block;
  text-align: left;
}
#player-select .title h4 {
  font-family: BebasNeue-Bold;
  font-size: 1.8em;
  color: #fff;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
}
#player-select .selection-blocks {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto 15px;
}
#player-select .selection-blocks h4 {
  font-family: BebasNeue-Book;
  font-size: 1.15em;
  color: #fff;
  line-height: 1;
  margin: 0 0 5px 0;
  white-space: nowrap;
}
#player-select .selection-blocks p {
  font-family: "Avenir";
  font-size: 0.7em;
  color: #e1dbec;
  line-height: 1.5;
  margin: 0 0 0 0;
}
#player-select .selection-blocks .block {
  height: 100px;
  width: 27.5%;
  min-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  opacity: 0.6;
  z-index: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background: #2d2934;
  position: relative;
  clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 100%, 0% 100%);
}
#player-select .selection-blocks .block.shudder {
  opacity: 0.2;
}
#player-select .selection-blocks .block:hover, #player-select .selection-blocks .block.active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 1;
  z-index: 9;
}
#player-select .selection-blocks .block:hover p, #player-select .selection-blocks .block.active p {
  color: #e1dbec;
}
#player-select .selection-blocks .block:hover:after, #player-select .selection-blocks .block.active:after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 600ms ease-in-out;
  transition: -webkit-transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
}
#player-select .selection-blocks .block:after {
  content: "";
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #4c4557;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
#player-select .selection-blocks .showcase {
  width: 100%;
  display: block;
  position: relative;
  width: 20%;
}
#player-select .selection-blocks .showcase img {
  width: auto;
  height: 80px;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#player-select .selection-blocks .header {
  width: 80%;
  text-align: left;
}
#player-select .selection-blocks .header h4,
#player-select .selection-blocks .header p {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#player-select .cards-row {
  width: 100%;
  height: auto;
  margin: 30px auto;
  position: relative;
}
#player-select .cards-row .card-block {
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  background: #1a181e;
}
#player-select .cards-row .card-block a {
  border-bottom: none;
}
#player-select .cards-row .card-block a:before {
  border-bottom: none;
}
#player-select .cards-row .card-block .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#player-select .cards-row .card-block .cards .card {
  width: 100px;
  height: 120px;
  border-radius: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-filter: drop-shadow(-2px 2px 5px #1a181e);
          filter: drop-shadow(-2px 2px 5px #1a181e);
  cursor: pointer;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin: 0 15px 15px 0;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 5px;
  opacity: 0.4;
  background: #2d2934;
}
#player-select .cards-row .card-block .cards .card i.icon {
  font-size: 2.8em;
  color: #4c4557;
  opacity: 0.7;
}
#player-select .cards-row .card-block .cards .card img {
  width: 60px;
}
#player-select .cards-row .card-block .cards .card:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0% 100%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background: transparent;
  width: 0%;
}
#player-select .cards-row .card-block .cards .card:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0.8;
  background: #2d2934;
}
#player-select .cards-row .card-block .cards .card.active {
  opacity: 1;
  background: #2d2934;
}
#player-select .cards-row .card-block .cards .card h4 {
  font-family: BebasNeue-Regular;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  color: #fff;
}
#player-select .cards-row .card-block .cards .card.add {
  background: #4c4557;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 45px;
  height: 45px;
  opacity: 0.4;
  padding: 0 0 0 0;
  border-radius: 50%;
  margin-right: 0;
}
#player-select .cards-row .card-block .cards .card.add:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://s3-us-west-2.amazonaws.com/ai-games/assets/terminalX/uploadlago.png) center center no-repeat;
  background-size: 15px auto;
  clip-path: none;
  -webkit-transform: none;
          transform: none;
}
#player-select .cards-row .card-block .cards .card.add:hover {
  opacity: 0.8;
  background: #4c4557 !important;
  color: #e1dbec;
}
.return-player-select {
  width: 100%;
  position: absolute;
  bottom: 50px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  padding: 30px 0;
}
.return-player-select i {
  font-size: 2em;
  margin-bottom: 20px;
  margin: 0 auto;
}
.return-player-select h1 {
  font-family: BebasNeue-Book;
  font-size: 1.8em;
  color: #fff;
  line-height: 1;
  margin: 0 0 5px 0;
  white-space: nowrap;
}
.return-player-select:hover {
  opacity: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(76, 69, 87, 0.3882352941)));
  background-image: linear-gradient(top, transparent 0%, rgba(76, 69, 87, 0.3882352941) 100%);
}
#upload-replay {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#upload-replay.success .drop-area .dropbox {
  border-color: #52b3a0 !important;
}
#upload-replay.failed .drop-area .dropbox {
  border-color: #b73329 !important;
}
#upload-replay .init-replay {
  height: 100px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 5em;
  border: 3px solid #4c4557;
  color: #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0.8;
  cursor: not-allowed;
}
#upload-replay .init-replay.active {
  background: #52b3a0;
  color: #e1dbec;
  border-color: #e1dbec;
  cursor: pointer;
}
#upload-replay .init-replay:hover {
  opacity: 1;
}
#upload-replay .drop-area {
  width: 60%;
  margin: 0 0 0 0;
  text-align: left;
}
#upload-replay .drop-area h4 {
  font-family: BebasNeue-Book;
  font-size: 1em;
  color: #fff;
  line-height: 1;
  margin: 0 0 5px 0;
  white-space: nowrap;
}
#upload-replay .drop-area .dropbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 80px;
  width: 100%;
  border: 1px dashed #4c4557;
  margin: 10px 0 0 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#upload-replay .drop-area .dropbox input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  overflow: hidden;
}
#upload-replay .drop-area .dropbox label {
  font-family: BebasNeue-Book;
  font-size: 10px;
  color: #e1dbec;
  line-height: 1;
  margin: 0 0 5px 0;
  white-space: nowrap;
  letter-spacing: 3px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#upload-replay .drop-area .dropbox label span {
  font-family: BebasNeue-Book;
  color: #52b3a0;
}
@-webkit-keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
#algo-debug-log.s3,
#debug-log.s3 {
  z-index: 9999;
}
#debug-log.s3 {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: #f44437;
  padding: 6px 15px 3px;
  text-align: center;
  margin: 0 0 0 0;
  height: auto;
  white-space: normal;
  -webkit-animation: fadeOut 3s ease-out 1.5s;
          animation: fadeOut 3s ease-out 1.5s;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
#debug-log.s3 p {
  margin: 0 0 0 0;
  color: #fff;
  font-size: 1em;
  letter-spacing: 0.085em;
  line-height: 1.15;
  white-space: normal;
}
.s3-game-board-container.s3 {
  width: 100vw;
  height: calc(100vh - 50px);
  overflow: hidden;
  display: block;
  position: relative;
}
#gameboardSpinner.s3 {
  background: #1a181e !important;
  margin: 0 0 0 0;
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
  z-index: 0;
}
#toggleFullScreen {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99999;
}
#gameboard.s3 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gameboard.s3.fullScreen {
  background: #1a181e;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  height: 100vh;
  width: 100vw;
  padding-bottom: 30px;
  overflow: hidden;
}
#gameboard.s3.fullScreen #postGame.s3 {
  margin: 0 0 0 0;
  height: 100vh;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber {
  position: absolute;
  bottom: 0;
  padding: 0 0 0 0;
  left: 0;
  width: 100vw;
  height: 30px;
  display: block;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-controller {
  position: fixed;
  bottom: 40px;
  left: 0px;
  z-index: 999999999999;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-controller:hover {
  opacity: 1;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-controller .magnifier {
  right: -30px;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-timeline {
  width: 100%;
  position: relative;
  height: 30px;
  display: block;
  background: #2d2934;
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  cursor: pointer;
  z-index: 99999;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-timeline .timeline-progress {
  background: #ba93ff;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 30px;
}
#gameboard.s3.fullScreen #s3-timeline-scrubber .s3-timeline:hover {
  opacity: 1;
}
#gameboard.s3.fullScreen #gameControls.s3 {
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 5% 30px;
  width: 25%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#gameboard.s3.fullScreen #gameControls.s3 ._headline {
  display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore {
  width: 270px;
  margin: 0 0 0 0;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore ._player {
  pointer-events: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore ._player h1 {
  pointer-events: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore ._player span,
#gameboard.s3.fullScreen #gameControls.s3 .playerScore ._player sup {
  display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore.player_1 ._player h1 {
  color: #52b3a0;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore.player_2 ._player h1 {
  color: #f9502a;
}
#gameboard.s3.fullScreen #gameControls.s3 .control_block {
  display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .score_block {
  height: 200px;
}
#gameboard.s3.fullScreen #gameControls.s3 .score_block .btn-details {
  display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 ._player h1 {
  font-size: 2em;
  max-width: 300px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm {
  width: 70px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm h4 {
  display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm span {
  display: block;
  margin: 0 0 0 0;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header {
  width: 50px;
  background: #1a181e;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header::after {
  top: 0px;
  border-left: 22px solid #1a181e;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar {
  width: 300px;
  background: #1a181e;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar .fillBar {
  width: 300px;
}
#gameboard.s3.fullScreen #_gameboard-canvas.s3 {
  width: 100%;
  background: #1a181e;
}
@media screen and (min-width: 1650px) {
#gameboard.s3.fullScreen #gameControls.s3 {
    padding: 5%;
    width: 30%;
    top: 0px;
    padding: 75px 30px;
}
#gameboard.s3.fullScreen #gameControls.s3 .playerScore {
    width: 400px;
}
#gameboard.s3.fullScreen #gameControls.s3 .score_block {
    height: 280px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 ._player h1 {
    font-size: 2em;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 {
    height: 30px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm {
    width: 70px;
    margin: 15px 30px 0 0;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm .graphic svg {
    width: 40px;
    height: 40px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm span {
    font-size: 1.8em;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header {
    display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header:after {
    display: none;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar {
    width: 350px;
    margin-left: 10px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar .fillBar {
    width: 330px;
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
    margin: 0 0 0 0;
    opacity: 0.75;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar span {
    font-size: 2em;
    left: 100%;
}
}
@media screen and (min-width: 2000px) {
#gameboard.s3.fullScreen #gameControls.s3 .playerScore {
    width: 500px;
}
#gameboard.s3.fullScreen #gameControls.s3 .score_block {
    height: 300px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 ._player h1 {
    font-size: 3em;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 {
    height: 40px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm {
    width: 100px;
    margin-right: 50px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm .graphic svg {
    width: 45px;
    height: 45px;
    margin-right: 15px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm span {
    font-size: 2em;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar {
    width: 450px;
    margin-left: 15px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar .fillBar {
    width: 400px;
}
#gameboard.s3.fullScreen #gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar span {
    font-size: 3em;
    left: 100%;
}
}
#_gameboard-canvas.s3 {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 600px;
  position: relative;
  background: #1a181e;
}
#_gameboard-canvas.s3::after, #_gameboard-canvas.s3::before {
  position: absolute;
  opacity: 0.25;
  left: 15px;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
}
#_gameboard-canvas.s3 #heightSmaller {
  height: 100%;
}
#_gameboard-canvas.s3 #widthSmaller {
  width: 100%;
}
#banner-startgame.s3 {
  position: absolute;
}
#gameControls.s3 {
  width: 30%;
  height: 100%;
  background: #2d2934;
  padding: 30px 2%;
}
@media screen and (max-height: 820px) {
#gameControls.s3 {
    overflow-y: auto;
    overflow-x: visible;
}
}
#gameControls.s3 .s3-resources {
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
#gameControls.s3 .s3-resources ._headline,
#gameControls.s3 .s3-resources .score_block {
  margin: 0 0 0 0;
  width: 100%;
}
#gameControls.s3 .s3-resources ._headline {
  padding: 0 0 0 0;
  margin: 0 0 8px;
  height: auto;
}
#gameControls.s3 .s3-resources ._headline ._round,
#gameControls.s3 .s3-resources ._headline ._phase {
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
#gameControls.s3 .s3-resources ._headline ._round span,
#gameControls.s3 .s3-resources ._headline ._phase span {
  font-family: BebasNeue-Regular;
  color: #fff;
}
#gameControls.s3 .s3-resources ._headline ._round:after,
#gameControls.s3 .s3-resources ._headline ._phase:after {
  content: "";
  position: absolute;
  top: -7px;
  width: 100%;
  height: calc(100% + 12px);
  left: 0;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
}
#gameControls.s3 .s3-resources ._headline ._round {
  padding: 0 15px 0 0;
  position: relative;
}
#gameControls.s3 .s3-resources ._headline ._round:after {
  border-right: 1px solid #4c4557;
}
#gameControls.s3 .s3-resources ._headline ._phase {
  padding: 0 0 0 15px;
  position: relative;
}
#gameControls.s3 .s3-resources ._headline ._phase:after {
  border-left: 1px solid #4c4557;
}
#gameControls.s3 .s3-resources ._headline #headline {
  padding: 7px 0 5px;
  height: auto;
  border-top: 1px solid #4c4557;
  border-bottom: 1px solid #4c4557;
}
#gameControls.s3 .s3-resources ._headline ._main {
  font-size: 1em;
  margin: 0 0 0 0;
}
#gameControls.s3 .s3-resources ._headline ._main span {
  margin: 0 0 0 0;
  text-decoration: none;
  border-bottom: none;
  font-size: 1em;
  line-height: 1;
}
#gameControls.s3 .s3-resources .btn-details {
  background: transparent;
  color: #2d2934;
  font-family: BebasNeue-Regular;
  font-size: 0.9em;
  letter-spacing: 0.085em;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
#gameControls.s3 .s3-resources .btn-details::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
#gameControls.s3 .s3-resources .btn-details:hover, #gameControls.s3 .s3-resources .btn-details.active {
  color: #fff;
}
#gameControls.s3 .s3-resources .btn-details:hover::before, #gameControls.s3 .s3-resources .btn-details.active::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
#gameControls.s3 .s3-resources .control_block {
  width: 100%;
  display: block;
  padding: 45px 0 0 0;
}
#gameControls.s3 .s3-resources .score_block {
  z-index: 1;
}
#gameControls.s3 .s3-resources .score_block.top {
  z-index: 99;
}
#gameControls.s3 .s3-resources .score_block .btn-nue {
  width: 100%;
}
#gameControls.s3 .s3-resources .score_block .additionalStats {
  background: #1a181e;
  border: 1px solid #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width: 100%;
  margin: 0 0 0 0;
  min-width: unset;
  max-width: unset;
  padding: 5px 10px 5px 10px;
}
#gameControls.s3 .s3-resources .score_block .additionalStats h4 {
  font-size: 0.9em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
}
#gameControls.s3 .s3-resources .player-stats-container.s3 {
  width: 100%;
  display: block;
  margin: 0px auto;
  position: relative;
}
#gameControls.s3 .s3-resources .player-stats-container.s3 .algoCrashedStatus {
  position: absolute;
  width: auto;
  top: -45px;
  left: 0;
  -webkit-transform: none;
          transform: none;
  padding: 4px 10px 2px;
  border-color: crimson;
}
#gameControls.s3 .s3-resources .player-stats-container.s3 .algoCrashedStatus h1 {
  font-size: 1em;
  color: crimson;
  white-space: nowrap;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
}
#gameControls.s3 .s3-resources .player-stats-container.s3 .graphic {
  margin: 0 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#gameControls.s3 .s3-resources .player-stats-container.s3 .graphic svg {
  width: 22.5px;
  height: 22.5px;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .graphic svg .cls-1 {
  stroke: #52b3a0 !important;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .btn-details {
  color: #52b3a0;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .btn-details::before {
  border-color: #52b3a0;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 ._player span {
  color: #52b3a0;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .__stats-s3 ._bar .fillBar {
  background: #52b3a0;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .__stats-s3.sm h4 span {
  color: #52b3a0;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_1 .additionalStats {
  border-color: #52b3a0 !important;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .graphic svg .cls-1 {
  stroke: #f9502a !important;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .btn-details {
  color: #f9502a;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .btn-details::before {
  border-color: #f9502a;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 ._player span {
  color: #f9502a;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .__stats-s3 ._bar .fillBar {
  background: #f9502a !important;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .__stats-s3.sm h4 span {
  color: #f9502a;
}
#gameControls.s3 .s3-resources .player-stats-container.s3.player_2 .additionalStats {
  border-color: #f9502a;
}
#gameControls.s3 .s3-resources .playStats.s3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
#gameControls.s3 .s3-resources .playStats.s3 ._player {
  margin: 0 0 15px 0;
  position: relative;
  width: 100%;
  z-index: 99;
}
#gameControls.s3 .s3-resources .playStats.s3 ._player .live-form {
  max-width: unset;
  font-size: 1.5em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #e1dbec;
  max-width: 260px;
  z-index: 99999;
}
#gameControls.s3 .s3-resources .playStats.s3 ._player .live-form .multiselect__content-wrapper {
  z-index: 9999;
}
#gameControls.s3 .s3-resources .playStats.s3 ._player span {
  font-size: 0.8em;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  z-index: 9;
}
#gameControls.s3 .s3-resources .playStats.s3 ._player h1 {
  max-width: unset;
  font-size: 1.5em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #e1dbec;
  max-width: 260px;
  cursor: pointer;
  z-index: -1;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 15px;
  padding-right: 50px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3-container .__stats-s3 {
  width: 50%;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 {
  width: 100%;
  text-align: left;
  position: relative;
  height: 25px;
  margin: 0 0 10px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm {
  height: 20px;
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm img {
  width: 20px;
  height: 22px;
  margin: 0 15px 0 0;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm h4 {
  font-size: 0.9em;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm span {
  font-size: 1em;
  letter-spacing: 0.085em;
  font-family: BebasNeue-Bold;
  margin: 0 0 0 10px;
  position: relative;
  top: 1px;
  color: #fff;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm .header {
  padding: 0 0px 2px 0;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm .header:after {
  border-bottom: 17px solid transparent;
  border-left: 17px solid #2d2934;
  border-top: 0px solid transparent;
  right: -17px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm ._bar {
  width: 180px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3.sm ._bar span {
  font-size: 1.15em;
  left: calc(100% + 10px);
  letter-spacing: 0.085em;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 h4 {
  font-size: 1em;
  font-family: BebasNeue-Book;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0px 5px 0;
  background: #2d2934;
  z-index: 9;
  width: 80px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 .header:after {
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #2d2934;
  border-top: 0px solid transparent;
  position: absolute;
  right: -22px;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar {
  width: 300px;
  height: 100%;
  position: relative;
  background: #4c4557;
}
@media screen and (min-width: 1440px) {
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar {
    width: 90%;
}
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar span {
  position: absolute;
  left: calc(100% + 15px);
  bottom: 0;
  font-size: 1.5em;
  color: #e1dbec;
  font-family: BebasNeue-Bold;
  line-height: 0.8em;
  letter-spacing: 0.085em;
}
#gameControls.s3 .s3-resources .playStats.s3 .__stats-s3 ._bar .fillBar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background: #e1dbec;
  -webkit-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
}
#s3-algo-seq-analyzer.sequence-analyzer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
#s3-algo-seq-analyzer.sequence-analyzer .block {
  width: 100%;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-slidecontainer {
  width: 100%;
  padding: 30px 0 15px;
  margin: 0 auto;
  display: block;
  position: relative;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-slidecontainer .s3-timeline {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-slidecontainer .s3-timeline input {
  background-color: #ba93ff;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-slidecontainer .s3-timeline label {
  position: absolute;
  top: -15px;
  left: 0;
  font-family: BebasNeue-Book;
  color: #e1dbec;
  letter-spacing: 0.085em;
  font-size: 0.9em;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-slidecontainer .s3-timeline label span {
  font-family: BebasNeue-Bold;
  color: #fff;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-controller {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  margin: 0 auto 30px;
  display: block;
  position: relative;
}
#s3-algo-seq-analyzer.sequence-analyzer .s3-controller .cntrller {
  width: 100%;
  display: block;
  position: relative;
  height: auto;
}
.floating-controls {
  position: absolute;
  bottom: 50px;
  left: 0;
}
.s3-buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.s3-buttons .s3_btn {
  color: #4c4557;
  background: transparent;
  border: none;
  font-size: 2em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0.7;
  cursor: pointer;
}
.s3-buttons .s3_btn:hover {
  color: #fff;
  opacity: 1;
}
.s3-buttons .s3_btn.play {
  padding: 0 0 0 5px;
}
.s3-buttons .s3_btn.lg {
  font-size: 2.25em;
  margin: 0 10px;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4c4557;
  color: #e1dbec;
  border: 2px solid #4c4557;
  border-radius: 50%;
}
.s3-buttons .s3_btn.lg:hover {
  border-color: #e1dbec;
}
.s3-buttons .magnifier {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.15em;
  color: #e1dbec;
  font-family: BebasNeue-Book;
  z-index: 900;
}
.s3-buttons .magnifier .s3-magnifier_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  left: calc(100% + 10px);
  top: -10px;
  padding: 0 0 0 0;
  width: auto;
  height: 45px;
  margin: 0 0 0 5px;
  text-align: center;
  z-index: 999999999;
  opacity: 0.8;
  background: #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border-radius: 5px;
  border: 2px solid #1a181e;
}
@media screen and (max-height: 820px) {
.s3-buttons .magnifier .s3-magnifier_list {
    left: unset;
    right: calc(100% + 15px);
}
}
.s3-buttons .magnifier .s3-magnifier_list:hover {
  opacity: 1;
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item {
  padding: 10 5px 0 5px;
  height: 100%;
  width: auto;
  display: block;
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn {
  margin: 0 0 0 0;
  width: 50px;
  opacity: 1;
  height: 100%;
  border: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  -webkit-animation: extend-bar 500ms ease;
          animation: extend-bar 500ms ease;
  font-size: 1em;
  color: #e1dbec;
  font-family: BebasNeue-Book;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn::before, .s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn::after {
  content: "";
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 9999;
  border-radius: 0px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn::before {
  border-top: 1px solid #4c4557;
  border-bottom: 1px solid #4c4557;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn::after {
  border-left: 1px solid #4c4557;
  border-right: 1px solid #4c4557;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn:hover {
  background: #1a181e;
  border-radius: 5px;
}
.s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn:hover::before, .s3-buttons .magnifier .s3-magnifier_list ._mag_item .s3_btn:hover::after {
  border-radius: 5px;
  border-color: #e1dbec;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.s3-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 16px;
  outline: none;
  opacity: 0.5;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background: transparent;
  position: absolute;
  cursor: pointer;
  border-radius: 15px;
}
.s3-slider:hover {
  opacity: 0.7;
}
.s3-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 19px;
  height: 28px;
  border: 2px solid #fff;
  cursor: pointer;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABUCAYAAAAvUA/IAAAABGdBTUEAALGPC/xhBQAAAYNJREFUeAHtnMFtwkAQRVlEbvSQSxogNaSd1ICoIe2khtAAF+pAijMgDhNO8NfzlaweksVa8p/Zec+WuJg2TdN2MchnOcgclzGGGmaVzbTWdvn8P6zzYzKUGYb5q7cfZjBjIMBtZoAstcCMhM0QwswjkOO3U4tjE8f6kZxyrcPMR2zsK459DPSkbPLejGOYt+tmXuL7+d6NKdc5hmlpY6X9SounISxLhrFgFppgRoBmiWDGglloghkBmiWCGQtmoQlmBGiWCGYsmIUmmBGgWSKYsWAWmmBGgGaJYMaCWWiCGQGaJYIZC2ahCWYEaJYIZiyYhSaYEaBZIpixYBaaYEaAZolgxoJZaIIZAZolghkLZqEJZgRolghmLJiFJg4zU9rXd1rPvnQM83nd9SG+j7NPkAo6hnmPfq9xbOJlo1PqPfvy15tNs1ePgjHA+TbbV9S+rekwc9uz7JxhytB2FsZMJ8CyOGbK0HYWxkwnwLI4ZsrQdhY+v3XEnxt0QiyJD/XM/AAZ+iKp+eMqKAAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: contain !important;
}
.s3-slider::-moz-range-thumb {
  width: 19px;
  height: 28px;
  background: transparent;
  border: 2px solid #fff;
  cursor: pointer;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABUCAYAAAAvUA/IAAAABGdBTUEAALGPC/xhBQAAAYNJREFUeAHtnMFtwkAQRVlEbvSQSxogNaSd1ICoIe2khtAAF+pAijMgDhNO8NfzlaweksVa8p/Zec+WuJg2TdN2MchnOcgclzGGGmaVzbTWdvn8P6zzYzKUGYb5q7cfZjBjIMBtZoAstcCMhM0QwswjkOO3U4tjE8f6kZxyrcPMR2zsK459DPSkbPLejGOYt+tmXuL7+d6NKdc5hmlpY6X9SounISxLhrFgFppgRoBmiWDGglloghkBmiWCGQtmoQlmBGiWCGYsmIUmmBGgWSKYsWAWmmBGgGaJYMaCWWiCGQGaJYIZC2ahCWYEaJYIZiyYhSaYEaBZIpixYBaaYEaAZolgxoJZaIIZAZolghkLZqEJZgRolghmLJiFJg4zU9rXd1rPvnQM83nd9SG+j7NPkAo6hnmPfq9xbOJlo1PqPfvy15tNs1ePgjHA+TbbV9S+rekwc9uz7JxhytB2FsZMJ8CyOGbK0HYWxkwnwLI4ZsrQdhY+v3XEnxt0QiyJD/XM/AAZ+iKp+eMqKAAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: contain !important;
}
#access-features.s3 {
  position: absolute;
  right: 0;
  top: -30px;
}
#access-features.s3 .s3-algo-features {
  position: absolute;
  left: calc(100% + 5px);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 30px;
  padding: 10px;
  background: #1a181e;
  border: 2px solid #4c4557;
  border-radius: 12px 0 0 0;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
@media screen and (max-height: 820px) {
#access-features.s3 .s3-algo-features {
    left: unset;
    right: calc(100% + 5px);
}
}
#access-features.s3 .s3-algo-features .feature {
  margin: 0 0 8px 0;
  cursor: pointer;
}
#access-features.s3 .s3-algo-features .feature.vue-js-switch {
  margin: 12px 0 12px;
}
#toggleGridButton.s3 {
  margin: 0 0 0 0;
}
#game-reference.s3 {
  padding: 5px 35px 0px 15px !important;
  position: absolute;
  bottom: 42px;
  right: 15px;
}
#code-editor-button.s3 {
  padding: 5px 35px 0px 15px !important;
  position: absolute;
  bottom: 80px;
  right: 15px;
}
#game-reference-container.s3 {
  width: 80%;
  height: 100%;
  background: #2d2934;
  padding: 30px 2%;
  overflow-y: scroll;
  overflow-x: hidden;
}
#game-reference-container.s3 .reference-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#game-reference-container.s3 .reference-content section {
  width: 100%;
  display: block;
  margin: 0 0 30px;
}
#code-editor-container.s3 {
  width: 100%;
  height: calc(100vh - 50px);
  background: #2d2934;
  padding: 15px 0.5%;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
}
#code-editor-container.s3 .editor-buttons h4 {
  text-align: left;
  font-size: 1.15em;
}
#code-editor-container.s3 .algoCrashedStatus {
  -webkit-transform: none;
          transform: none;
  left: 0;
}
#code-editor-container.s3 .algoCrashedStatus a,
#code-editor-container.s3 .algoCrashedStatus button {
  padding: 7px;
}
#code-editor-container.s3 .algoCrashedStatus h1 {
  font-size: 0.9em;
}
#code-editor-container.s3 .reference-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#code-editor-container.s3 .reference-content section {
  width: 100%;
  display: block;
  margin: 0 0 30px;
}
#algo-debug-log.s3 {
  margin: 0 0 0 0;
  background: #4c4557;
  border-top: 2px solid #2d2934;
}
#algo-debug-log.s3 h1,
#algo-debug-log.s3 h4 {
  color: #e1dbec;
}
#algo-debug-log.s3 h1 i,
#algo-debug-log.s3 h4 i {
  color: #e1dbec;
}
#algo-debug-log.s3 .debug-output .debug-log {
  background: #1a181e;
}
#algo-debug-log.s3 .debug-output .debug-log pre {
  background: #1a181e;
}
#algo-debug-log.s3 .debug-output .log-1 pre {
  color: #52b3a0;
}
#algo-debug-log.s3 .debug-output .log-2 pre {
  color: #f9502a;
}
#s3-algo-controls.s3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#s3-ubm.s3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e1dbec;
  border-bottom: 1px solid #4c4557;
  font-family: BebasNeue-Book;
  font-size: 1em;
}
#s3-ubm.s3 .s3-returnToTimeline {
  margin: 0 0 10px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#s3-ubm.s3 .s3-returnToTimeline i {
  margin: 0 15px 0px 0;
}
#s3-ubm.s3 .s3-returnToTimeline:hover {
  color: #b8e986;
}
#s3-ubm.s3 .game-ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
#s3-ubm.s3 .game-ctrl .game-ctrl-btn {
  cursor: pointer;
  margin: 0px 15px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#s3-ubm.s3 .game-ctrl .game-ctrl-btn span {
  font-size: 10px;
  margin: 5px 0 0 0;
}
#s3-ubm.s3 .game-ctrl .game-ctrl-btn:hover, #s3-ubm.s3 .game-ctrl .game-ctrl-btn[active=true] {
  color: #b8e986;
}
#s3-ubm.s3 i {
  font-size: 1.5em;
  vertical-align: middle;
}
#s3-unit-controls {
  width: 100%;
  margin: 30px auto;
  position: relative;
  display: block;
}
#s3-unit-controls #s3-unit-builder-menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#s3-unit-controls #s3-unit-builder-menu span {
  width: 40%;
  text-align: left;
  margin: 0 0 15px 0;
  font-family: BebasNeue-Regular;
  font-size: 1em;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
#s3-unit-controls #s3-unit-builder-menu ._builder {
  margin: 0 0 15px 0;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units {
  width: 25%;
  height: 55px;
  margin: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 1;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled] {
  pointer-events: none !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled] p {
  color: #4c4557 !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled].player-1 .st0, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled].player-2 .st0 {
  fill: #4c4557 !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled].player-1 .st1, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[disabled=disabled].player-2 .st1 {
  stroke: #4c4557 !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units .unit_s3 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units #ping_unit {
  width: 15px;
  height: 15px;
  margin: 10px 0 0 0;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units svg {
  width: 25px;
  height: 25px;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units p {
  font-family: BebasNeue-Book;
  font-size: 10px;
  letter-spacing: 0.085em;
  color: #e1dbec;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[active=true].player-1 .st0, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[active=true].player-2 .st0, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units:hover.player-1 .st0, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units:hover.player-2 .st0 {
  fill: #fff;
  stroke-width: 2 !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[active=true].player-1 .st1, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units[active=true].player-2 .st1, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units:hover.player-1 .st1, #s3-unit-controls #s3-unit-builder-menu ._builder ._info_units:hover.player-2 .st1 {
  stroke: #fff;
  stroke-width: 2 !important;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units.player-1 .st0 {
  fill: #52b3a0;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units.player-1 .st1 {
  stroke: #52b3a0;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units.player-2 .st0 {
  fill: #f9502a;
}
#s3-unit-controls #s3-unit-builder-menu ._builder ._info_units.player-2 .st1 {
  stroke: #f9502a;
}
#s3-startHandPlay {
  width: 100%;
}
#s3-startHandPlay button {
  width: 100%;
}
#s3-submit-handplay {
  width: 100%;
}
#s3-cover-disclaimer {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 50px);
  z-index: 99999999;
  top: 50px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#postGame.s3 {
  width: 100vw;
  height: calc(100vh - 50px);
  margin: 50px 0 0 0;
  position: fixed;
  opacity: 1;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -moz-appearance: none;
  scroll-behavior: smooth;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
#postGame.s3::-webkit-scrollbar {
  display: none;
}
#postGame.s3 {
  top: 0;
  left: 0;
  z-index: 999999;
  background-image: radial-gradient(#4c4557, #2d2934, #1a181e);
  padding: 30px 30px;
}
@media screen and (min-width: 1650px) and (min-height: 1000px) {
#postGame.s3 .container {
    max-width: 1400px;
}
}
#postGame.s3 .postgame-topNav {
  width: 100%;
  display: block;
  height: 50px;
  padding: 0 0 0 0;
  border-bottom: 1px solid #4c4557;
  position: relative;
}
#postGame.s3 .postgame-topNav:before {
  content: "";
  position: absolute;
  bottom: -7.5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 25%;
  opacity: 0.8;
  height: 15px;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  background-image: radial-gradient(#e1dbec, #4c4557, #1a181e);
  border-radius: 90%;
}
#postGame.s3 .postgame-topNav .close {
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  text-align: center;
}
#postGame.s3 .postgame-topNav .close .btn-close {
  background: transparent;
  color: #00ecde;
  font-family: BebasNeue-Regular;
  font-size: 1em;
  letter-spacing: 0.085em;
  margin: 0 15px 0 0;
  padding: 0 0 10px 0;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
#postGame.s3 .postgame-topNav .close .btn-close:hover {
  color: #fff;
}
#postGame.s3 .postgame-topNav .navElements {
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#postGame.s3 .postgame-topNav .navElements .nav-item {
  background: transparent;
  color: #4c4557;
  font-family: BebasNeue-Regular;
  font-size: 1em;
  letter-spacing: 0.085em;
  margin: 0 15px 0 0;
  padding: 0 0 10px 0;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
#postGame.s3 .postgame-topNav .navElements .nav-item::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
#postGame.s3 .postgame-topNav .navElements .nav-item:hover, #postGame.s3 .postgame-topNav .navElements .nav-item.active {
  color: #fff !important;
}
#postGame.s3 .postgame-topNav .navElements .nav-item:hover::before, #postGame.s3 .postgame-topNav .navElements .nav-item.active::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
#postgame-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 0 15px;
}
#postgame-header span,
#postgame-header h4,
#postgame-header h1,
#postgame-header div {
  letter-spacing: 0.085em;
}
#postgame-header .rounds {
  font-size: 12px;
  padding: 15px 0 0;
  width: 50px;
}
#postgame-header .score {
  width: 100px;
}
#postgame-header .rounds,
#postgame-header .score {
  text-align: center;
  margin: 0 15px;
  font-family: BebasNeue-Regular;
}
#postgame-header .rounds.playerOne,
#postgame-header .score.playerOne {
  color: #52b3a0;
}
#postgame-header .rounds.playerTwo,
#postgame-header .score.playerTwo {
  color: #f9502a;
}
#postgame-header .rounds h1,
#postgame-header .score h1 {
  margin: 0 0 0 0;
  letter-spacing: 0.5;
  font-size: 4em;
}
#postgame-header .player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: BebasNeue-Book;
  position: relative;
  width: 200px;
}
#postgame-header .player:before {
  content: "";
  position: absolute;
  bottom: 0.25em;
  width: 125%;
  opacity: 0.8;
  height: 1.5em;
  -webkit-filter: blur(4px);
          filter: blur(4px);
  border-radius: 90%;
  z-index: -1;
}
#postgame-header .player h4 {
  font-size: 2em;
  white-space: nowrap;
}
#postgame-header .player.playerOne {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 50px 0 0;
}
#postgame-header .player.playerOne span {
  color: #52b3a0;
}
#postgame-header .player.playerOne.winner {
  color: #fff;
}
#postgame-header .player.playerOne.winner:before {
  right: -25%;
  background-image: radial-gradient(#52b3a0, #246b5d, #2d2934);
}
#postgame-header .player.playerTwo {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 0 50px;
}
#postgame-header .player.playerTwo span {
  color: #f9502a;
}
#postgame-header .player.playerTwo.winner {
  color: #fff;
}
#postgame-header .player.playerTwo.winner:before {
  left: -25%;
  background-image: radial-gradient(#f9502a, #e05d3d, #2d2934);
}
@media screen and (min-width: 1650px) and (min-height: 1000px) {
#postgame-header .player:before {
    bottom: 1em;
    width: 250%;
    opacity: 0.5;
    height: 3em;
}
#postgame-header .player h4 {
    font-size: 4em;
}
#postgame-header .player span {
    font-size: 2em;
}
#postgame-header .rounds {
    font-size: 1.5em;
    width: 100px;
}
#postgame-header .score {
    width: 180px;
}
#postgame-header .score h1 {
    font-size: 6em;
}
}
#postgame-player-stats {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px auto;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
@media screen and (max-width: 1080px) {
#postgame-player-stats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
#postgame-player-stats.detailsShown .player-stats-block {
  min-height: 500px;
}
#postgame-player-stats .player-stats-block {
  width: 50%;
  min-height: 200px;
  height: auto;
  position: relative;
}
@media screen and (max-width: 1080px) {
#postgame-player-stats .player-stats-block {
    width: 100%;
}
#postgame-player-stats .player-stats-block.playerOne, #postgame-player-stats .player-stats-block.playerTwo {
    margin: 30px 0 30px 0 !important;
}
#postgame-player-stats .player-stats-block.playerOne .statCard, #postgame-player-stats .player-stats-block.playerTwo .statCard {
    margin: 5px 5px 5px 5px !important;
}
}
#postgame-player-stats .player-stats-block.playerOne {
  margin: 0 30px 0 0;
}
#postgame-player-stats .player-stats-block.playerOne .statCard {
  background: #246b5d;
  margin: 0 5px 5px 0;
}
#postgame-player-stats .player-stats-block.playerOne .postgame-playerDetails .detail .desc {
  background: #246b5d;
}
#postgame-player-stats .player-stats-block.playerTwo {
  margin: 0 0 0 30px;
}
#postgame-player-stats .player-stats-block.playerTwo .statCard {
  background: #e05d3d;
  margin: 0 0 5px 5px;
}
#postgame-player-stats .player-stats-block.playerTwo .postgame-playerDetails .detail .desc {
  background: #e05d3d;
}
#postgame-player-stats .player-stats-block .postgame-playerStats {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard {
  height: 240px;
  width: 15%;
  min-width: 50px;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content.statCard-mvp {
  border: 2px solid #adae2c;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .mvp {
  color: #f3ed04;
  position: absolute;
  top: -30px;
  font-family: "BebasNeue-Bold";
  font-size: 1.25em;
  letter-spacing: 0.15em;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num {
  line-height: 12px;
  margin: 15px 0 0;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num span {
  opacity: 0.5;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num h1 span,
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num h3 span {
  font-size: 0.75rem;
  opacity: 1;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num.unit-bits h3 {
  color: #e1dbec;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num.unit-bits h3 span {
  color: #e1dbec;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num.unit-cores h3 {
  color: #f3ed04;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-num.unit-cores h3 span {
  color: #f3ed04;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content h1 {
  font-size: 2em;
  font-family: "BebasNeue-Bold";
  color: #fff;
  line-height: 0.8;
  letter-spacing: 0.085em;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content h3 {
  font-size: 1.15em;
  font-family: "BebasNeue-Regular";
  color: #fff;
  line-height: 0.8;
  letter-spacing: 0.085em;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content span {
  font-size: 0.7em;
  font-family: "BebasNeue-Regular";
  color: #fff;
  letter-spacing: 0.085em;
  margin: 5px auto;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content h4 {
  font-size: 0.8em;
  font-family: "BebasNeue-Regular";
  color: #fff;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-image,
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 0;
  padding: 5px 0;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-image .st1,
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-stat .st1 {
  stroke: #e1dbec !important;
}
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-image .st0,
#postgame-player-stats .player-stats-block .postgame-playerStats .statCard .statCard-content .unit-stat .st0 {
  fill: #e1dbec !important;
}
#postgame-player-stats .player-stats-block .details-v {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.9em;
  font-family: "BebasNeue-Regular";
  letter-spacing: 0.085em;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.postgame-statsTable {
  width: 50%;
  margin: 15px auto 30px;
  position: relative;
  display: block;
}
.postgame-statsTable .table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 0;
  opacity: 0.75;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.postgame-statsTable .table-row:hover {
  opacity: 1;
}
.postgame-statsTable .table-row .table-col {
  width: 33.33333333%;
  border: 1px solid #4c4557;
  padding: 5px 0 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.postgame-statsTable .table-row .label {
  background: #2d2934;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  font-size: 0.9em;
  color: #e1dbec;
}
.postgame-statsTable .table-row .stat {
  font-family: BebasNeue-Regular;
  letter-spacing: 0.1em;
  font-size: 1.15em;
  color: #fff;
}
.postgame-statsTable .table-row .stat.p1 {
  background: #52b3a0;
}
.postgame-statsTable .table-row .stat.p2 {
  background: #f9502a;
}
.postgame-statsTable .table-row .stat small {
  font-size: 0.6em;
  margin: 0 5px;
  opacity: 0.5;
}
@media screen and (min-width: 1650px) and (min-height: 1000px) {
.postgame-statsTable {
    width: 80%;
}
.postgame-statsTable .table-row .label {
    font-size: 1.15em;
}
.postgame-statsTable .table-row .stat {
    font-size: 2em;
}
}
.postgame-playerDetails {
  height: 100%;
  margin: 30px 0;
  width: 100%;
  display: block;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.postgame-playerDetails .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.postgame-playerDetails .detail.detail-1 .num span {
  color: #f28b0f;
}
.postgame-playerDetails .detail.detail-2 .num span {
  color: #4de83a;
}
.postgame-playerDetails .detail .desc {
  width: 100%;
  background: #4c4557;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  padding: 3px 0;
  color: #fff;
  opacity: 0.7;
}
.postgame-playerDetails .detail .desc svg {
  width: 10px;
  height: 10px;
  margin: 0 0 2px;
}
.postgame-playerDetails .detail .num {
  width: 100%;
  padding: 3px 0;
  background: #1a181e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.postgame-playerDetails .detail .num h3 {
  font-size: 1em;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  color: #fff;
}
.postgame-playerDetails .detail .num span {
  font-size: 10px;
  margin: 0 0 0 2px;
}
.postgame-overview {
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
}
.postgame-overview .row {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: height 800ms ease-out;
  transition: height 800ms ease-out;
}
#postgame-hitmap {
  width: 100%;
  min-height: 500px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px;
}
@media screen and (max-width: 1080px) {
#postgame-hitmap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
#postgame-hitmap .hitmap {
  width: 50%;
  height: 100%;
  padding: 5px;
  min-width: 400px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #f9502a), color-stop(20%, #1a181e), color-stop(50%, #2d2934), color-stop(80%, #1a181e), color-stop(130%, #52b3a0));
  background-image: linear-gradient(#f9502a -50%, #1a181e 20%, #2d2934 50%, #1a181e 80%, #52b3a0 130%);
  border-radius: 2px;
}
#postgame-hitmap .hitmap.playerOne {
  margin: 0 30px 0 0;
}
#postgame-hitmap .hitmap.playerTwo {
  margin: 0 0 0 30px;
}
#postgame-hitmap .hitmap {
  opacity: 1;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  cursor: pointer;
}
@media screen and (max-width: 1080px) {
#postgame-hitmap .hitmap {
    width: 300px;
    height: 400px;
}
#postgame-hitmap .hitmap.playerOne {
    margin: 30px auto;
}
#postgame-hitmap .hitmap.playerTwo {
    margin: 30px auto;
}
}
#postgame-hitmap .gameboard {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background: #1a181e;
}
#postgame-hitmap .gameboard canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.team-formation {
  width: 1100px;
  margin: auto;
}
.team-formation .team-header {
  text-align: left;
  margin-left: 15px;
}
.team-formation .team-header h1 {
  color: #fff;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Barlow Condensed";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.team-formation .team-header h1 span {
  color: #ff6a3d;
}
.team-formation .team-header ul {
  margin-bottom: 48px;
  padding-top: 24px;
  padding-left: 15px;
  color: #fff;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.64px;
}
.team-formation .team-formation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 30px;
}
.team-formation .team-formation-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.team-formation .players-list {
  width: 350px;
}
.team-formation .player-links {
  width: 100%;
  margin: 0 auto 8px;
  height: auto;
  padding: 16px 4px;
}
.team-formation .player-links .player {
  list-style-type: none;
  height: auto;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 4px 8px 8px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: 1px inset transparent;
}
.team-formation .player-links .player:hover {
  background: #1a181e;
  border: 1px inset #4c4557;
}
.team-formation .player-links .player .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-formation .player-links .player .details .player-stats {
  width: calc(80% - 15px);
  border-bottom: 1px solid #4c4557;
  padding: 0 0 4px;
  text-align: left;
}
.team-formation .player-links .player .details .player-stats h4 {
  line-height: 1.5;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
  font-size: 1em;
}
.team-formation .player-links .player .details .player-stats h4.sub {
  font-size: 0.9em;
  opacity: 0.7;
}
.team-formation .player-links .player .details .player-stats h4.danger {
  color: #ae381d;
}
.team-formation .allPlayers .content {
  max-height: calc(100vh + 30px);
}
.team-formation .create-team,
.team-formation .invite-team {
  width: 100%;
  display: block;
  position: relative;
}
.team-formation .create-team .step,
.team-formation .invite-team .step {
  padding: 16px 0;
  margin: 0 0 8px;
  border-bottom: 1px solid #4c4557;
}
.team-formation .create-team .step:last-child,
.team-formation .invite-team .step:last-child {
  border-bottom: none;
}
.team-formation .create-team .btn-group,
.team-formation .invite-team .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: right;
  margin: 16px auto;
}
.team-formation .create-team .btn-group button,
.team-formation .invite-team .btn-group button {
  margin-left: 8px;
}
.team-formation .team-invites .action-block {
  background: #1a181e;
  padding: 8px 0;
}
.team-formation .team-invites .members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 12px 0 0;
  border-right: 1px solid #4c4557;
}
.team-formation .team-invites .members .team-member {
  max-width: 50px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-formation .team-invites .members .placeholder {
  margin: 0 0 0 0;
}
.team-formation .team-invites .members h4 {
  margin: 4px 0 0 0;
  font-size: 0.7em;
  text-align: center;
}
.team-formation .invited-team-members {
  width: 100%;
  display: block;
  padding: 24px 32px;
  position: relative;
  margin: 0 auto 15px;
  background: #2d2934;
}
.team-formation .invited-team-members.slim {
  padding: 24px 16px;
}
.team-formation .invited-team-members .members {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.team-formation .invited-team-members .members .team-member,
.team-formation .invited-team-members .members .open-slot {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team-formation .invited-team-members .members .open-slot {
  background: #1a181e;
  opacity: 0.7;
  border: 1px dashed #4c4557;
  font-size: 1em;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.team-formation .invited-team-members .members .open-slot:hover {
  opacity: 1;
}
.team-formation .invited-team-members .members .open-slot span.success {
  line-height: 1px;
  margin: 2px -2px 0 0;
}
.team-formation .invited-team-members .members .open-slot.private {
  opacity: 0.4;
  pointer-events: none;
  border: 1px dashed #1a181e;
}
.team-formation .invited-team-members .members .join-btn {
  font-size: 0.8em;
}
.team-formation .invited-team-members .members .open-slot,
.team-formation .invited-team-members .members .join-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
  height: 48px;
}
.team-formation .invited-team-members .members .open-slot button,
.team-formation .invited-team-members .members .join-btn button {
  height: 100%;
}
.team-formation .invited-team-members .members .team-member {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1a181e;
  margin: 12px 0;
  height: 48px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: 1px solid transparent;
}
.team-formation .invited-team-members .members .team-member:hover {
  opacity: 0.8;
  border: 1px inset #4c4557;
}
.team-formation .invited-team-members .members .team-member .details {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-formation .invited-team-members .members .team-member .details p {
  font-size: 12px !important;
  margin: 4px 0 0px 8px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.team-formation .invited-team-members .members .team-member .details p.email-action {
  cursor: pointer;
}
.team-formation .invited-team-members .members .team-member .details p.email-action.sub {
  cursor: normal;
  pointer-events: none;
}
.team-formation .invited-team-members .members .team-member .actions {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.team-formation .invited-team-members .members .team-member .actions .icon {
  margin: 0 0 0 0;
  width: 16px;
  height: 16px;
  font-size: 0.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.team-formation .invited-team-members .members .team-member .actions .joined .icon {
  color: #52b3a0;
  border-color: #52b3a0;
}
.team-formation .invited-team-members .members .team-member .actions .joined.pending .icon {
  color: #f9502a;
  border-color: #f9502a;
}
.team-formation .invited-team-members .members .team-member .actions .remove {
  position: absolute;
  right: 0;
  top: 0;
}
.team-formation .invited-team-members .members.lofi {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.team-formation .invited-team-members .members.lofi .team-member,
.team-formation .invited-team-members .members.lofi .open-slot {
  height: auto;
  position: relative;
  margin: 0 8px 0 0 !important;
  padding: 4px 4px 4px !important;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30%;
  background: transparent;
}
.team-formation .invited-team-members .members.lofi .open-slot {
  border: none;
  cursor: pointer;
}
.team-formation .invited-team-members .members.lofi .open-slot:hover span.success {
  opacity: 0.8;
  border: 1px inset #4c4557;
}
.team-formation .invited-team-members .members.lofi .open-slot:hover .label {
  visibility: visible;
  opacity: 0.8;
}
.team-formation .invited-team-members .members.lofi .open-slot .label {
  opacity: 1;
  font-size: 0.8em;
  text-align: left;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  white-space: nowrap;
  display: block;
  margin: 0 0 0 8px;
  color: #52b3a0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px 0 0;
}
.team-formation .invited-team-members .members.lofi .open-slot span.success {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: visible;
  border: 1px dashed #52b3a0;
  border-radius: 50%;
  background: #1a181e;
  margin: 0 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 1px 2px;
  cursor: pointer;
}
.team-formation .invited-team-members .members.lofi .team-member {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: unset !important;
}
.team-formation .invited-team-members .members.lofi .team-member:hover {
  opacity: 0.8;
  border: 1px inset #4c4557;
  background: #1a181e;
}
.team-formation .invited-team-members .members.lofi .team-member:hover .details h4 {
  visibility: visible;
  opacity: 1;
}
.team-formation .invited-team-members .members.lofi .team-member:hover .joined {
  visibility: visible;
  opacity: 0.5;
}
.team-formation .invited-team-members .members.lofi .team-member .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px 0 0;
  z-index: 9;
  background: transparent;
}
.team-formation .invited-team-members .members.lofi .team-member .details .placeholder {
  display: block;
  margin: 0 0 0 0;
  z-index: 9;
  width: 40px;
  height: 40px;
}
.team-formation .invited-team-members .members.lofi .team-member .details .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.team-formation .invited-team-members .members.lofi .team-member .details .label h4 {
  text-align: left;
  color: #766a8a;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  margin: 0 0 0 8px;
}
.team-formation .invited-team-members .members.lofi .team-member .details .label h4.warning {
  color: #52B3A0;
}
.team-formation .invited-team-members .members.lofi .team-member .actions {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  z-index: 99999;
  background: transparent;
  pointer-events: none;
}
.team-formation .invited-team-members .members.lofi .team-member .actions .joined {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 4px;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  background: rgba(26, 24, 30, 0.7);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
}
.team-formation .invited-team-members .members.lofi .team-member .actions .joined .icon {
  color: #52b3a0;
  border-color: #52b3a0;
}
.team-formation .invited-team-members .members.lofi .team-member .actions .joined.pending .icon {
  color: #52B3A0;
  border-color: #52B3A0;
  font-size: 1em;
  border: none;
  margin: 0 0 1px 2px;
}
.team-formation .invited-team-members .members.lofi .team-member .actions .remove {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  pointer-events: all;
}
.team-formation .accordian .accordian-header .actions {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.live-algos-page {
  max-width: 1100px;
  margin: auto;
}
.live-algos__header {
  text-align: left;
  padding-bottom: 48px;
}
.live-algos__header h1 {
  color: #fff;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Barlow Condensed";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.live-algos__header h1 span {
  color: #ff6a3d;
}
.live-algos__team-formation {
  margin-top: 8px;
  color: #8d939d;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.live-algos__team-formation span {
  color: #fff;
}
.live-algos__upload-title {
  color: #fff;
  margin-top: 6px !important;
  font-family: "Barlow Condensed";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 114.286% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
.live-algos__toggle-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.live-algos__toggle-buttons .toggle-button {
  padding: 12px;
  color: #8d939d;
  font-family: "Barlow Condensed";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.live-algos__toggle-buttons .toggle-button.active {
  color: #fff;
}
.fade-enter-active {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.fade-leave-active {
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.fade-enter,
.fade-leave-to {
  opacity: 0 !important;
}
.fade-enter-to,
.fade-leave {
  opacity: 1 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Home.vue?vue&type=style&index=0&id=fae5bece&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home {
  height: calc(100vh - 80px);
  padding: 0 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 600px;
  text-align: left;
}
.home__title {
  width: 600px;
  color: #fff;
}
.home__title--highlight {
  color: #ff6a3d;
}
.home__title h1 {
  font-family: "Barlow Condensed";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.home__description {
  margin-top: 16px;
  margin-bottom: 48px;
  color: #fff;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home__description span {
  font-weight: 800;
}
.home__call-to-action.btn-nue {
  width: 220px;
  color: #1a181e;
}
.home__explore-quick-guide.btn-nue {
  width: 220px;
  text-transform: none;
}
.home__explore-quick-guide.btn-nue:hover {
  color: #1a181e !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/liveCompetitions/general/Modal.vue?vue&type=style&index=0&id=8e4ca1f2&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-container {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 50px);
  top: 50px;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-container .screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
.modal-container .screen:hover {
  background: rgba(0, 0, 0, 0.3);
}
.modal-container .modal-card {
  width: 60vw;
  min-width: 380px;
  max-width: 730px;
  height: auto;
  display: block;
  position: relative;
  z-index: 9999;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/editUser/UserForm.vue?vue&type=style&index=0&id=5d9e3a6e&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.form-feedback-title[data-v-5d9e3a6e] {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.form-feedback-list[data-v-5d9e3a6e] {
  margin: 0;
  padding-left: 1.25rem;
}
.form-feedback-list li[data-v-5d9e3a6e] {
  margin-bottom: 0.25rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/LiveCompetition.vue?vue&type=style&index=0&id=6c738469&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.slide-left-enter-active,
.slide-left-leave-active {
  -webkit-transition: opacity 800ms ease-in-out, -webkit-transform 800ms ease-in-out;
  transition: opacity 800ms ease-in-out, -webkit-transform 800ms ease-in-out;
  transition: opacity 800ms ease-in-out, transform 800ms ease-in-out;
  transition: opacity 800ms ease-in-out, transform 800ms ease-in-out, -webkit-transform 800ms ease-in-out;
}
.slide-left-enter,
.slide-left-leave-to {
  -webkit-transform: translateX(150%) !important;
          transform: translateX(150%) !important;
  opacity: 0 !important;
}
.main-content.livecompetition {
  padding: 0 0 0 0;
}
@media print {
*,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
a:not(.btn) {
    text-decoration: underline;
}
abbr[title]::after {
    content: " (" attr(title) ")";
}
pre {
    white-space: pre-wrap !important;
}
pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr,
  img {
    page-break-inside: avoid;
}
p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
}
h2,
  h3 {
    page-break-after: avoid;
}
@page {
    size: a3;
}
body {
    min-width: 992px !important;
}
.container {
    min-width: 992px !important;
}
.navbar {
    display: none;
}
.badge {
    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 #ddd !important;
}
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #404040;
  text-align: left;
  background-color: #000000;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #4285f4;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 12px 10px;
  padding-bottom: 12px 10px;
  color: #878787;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 2.539rem;
}
h2,
.h2 {
  font-size: 2.077rem;
}
h3,
.h3 {
  font-size: 1.769rem;
}
h4,
.h4 {
  font-size: 1.308rem;
}
h5,
.h5 {
  font-size: 1rem;
}
h6,
.h6 {
  font-size: 0.923rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 65%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #878787;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #000000;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #878787;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
  font-size: 87.5%;
  color: #4285f4;
  word-break: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #ffffff;
  background-color: #212529;
  border-radius: 2px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
.container {
    max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
    max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
    max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
    max-width: 1140px;
}
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto, .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,
.col-lg-auto, .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,
.col-md-auto, .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,
.col-sm-auto, .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,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-sm-0 {
    margin-left: 0;
}
.offset-sm-1 {
    margin-left: 8.3333333333%;
}
.offset-sm-2 {
    margin-left: 16.6666666667%;
}
.offset-sm-3 {
    margin-left: 25%;
}
.offset-sm-4 {
    margin-left: 33.3333333333%;
}
.offset-sm-5 {
    margin-left: 41.6666666667%;
}
.offset-sm-6 {
    margin-left: 50%;
}
.offset-sm-7 {
    margin-left: 58.3333333333%;
}
.offset-sm-8 {
    margin-left: 66.6666666667%;
}
.offset-sm-9 {
    margin-left: 75%;
}
.offset-sm-10 {
    margin-left: 83.3333333333%;
}
.offset-sm-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-md-0 {
    margin-left: 0;
}
.offset-md-1 {
    margin-left: 8.3333333333%;
}
.offset-md-2 {
    margin-left: 16.6666666667%;
}
.offset-md-3 {
    margin-left: 25%;
}
.offset-md-4 {
    margin-left: 33.3333333333%;
}
.offset-md-5 {
    margin-left: 41.6666666667%;
}
.offset-md-6 {
    margin-left: 50%;
}
.offset-md-7 {
    margin-left: 58.3333333333%;
}
.offset-md-8 {
    margin-left: 66.6666666667%;
}
.offset-md-9 {
    margin-left: 75%;
}
.offset-md-10 {
    margin-left: 83.3333333333%;
}
.offset-md-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-lg-0 {
    margin-left: 0;
}
.offset-lg-1 {
    margin-left: 8.3333333333%;
}
.offset-lg-2 {
    margin-left: 16.6666666667%;
}
.offset-lg-3 {
    margin-left: 25%;
}
.offset-lg-4 {
    margin-left: 33.3333333333%;
}
.offset-lg-5 {
    margin-left: 41.6666666667%;
}
.offset-lg-6 {
    margin-left: 50%;
}
.offset-lg-7 {
    margin-left: 58.3333333333%;
}
.offset-lg-8 {
    margin-left: 66.6666666667%;
}
.offset-lg-9 {
    margin-left: 75%;
}
.offset-lg-10 {
    margin-left: 83.3333333333%;
}
.offset-lg-11 {
    margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}
.col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}
.col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
.col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
}
.order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}
.order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}
.order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
}
.order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
}
.order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
}
.order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
}
.order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
}
.order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
}
.order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
}
.offset-xl-0 {
    margin-left: 0;
}
.offset-xl-1 {
    margin-left: 8.3333333333%;
}
.offset-xl-2 {
    margin-left: 16.6666666667%;
}
.offset-xl-3 {
    margin-left: 25%;
}
.offset-xl-4 {
    margin-left: 33.3333333333%;
}
.offset-xl-5 {
    margin-left: 41.6666666667%;
}
.offset-xl-6 {
    margin-left: 50%;
}
.offset-xl-7 {
    margin-left: 58.3333333333%;
}
.offset-xl-8 {
    margin-left: 66.6666666667%;
}
.offset-xl-9 {
    margin-left: 75%;
}
.offset-xl-10 {
    margin-left: 83.3333333333%;
}
.offset-xl-11 {
    margin-left: 91.6666666667%;
}
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 12px 10px;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table .table {
  background-color: #000000;
}
.table-sm th,
.table-sm td {
  padding: 7px;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.table-hover tbody tr:hover {
  background-color: #f0f0f0;
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(202.08, 220.84, 251.92);
}
.table-hover .table-primary:hover {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(221.4, 221.4, 221.4);
}
.table-hover .table-secondary:hover {
  background-color: rgb(208.65, 208.65, 208.65);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(208.65, 208.65, 208.65);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(198.16, 230.64, 206.84);
}
.table-hover .table-success:hover {
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(202.08, 220.84, 251.92);
}
.table-hover .table-info:hover {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(253.88, 236.24, 185);
}
.table-hover .table-warning:hover {
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(249.12, 202.36, 198.44);
}
.table-hover .table-danger:hover {
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: white;
}
.table-hover .table-light:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(200.68, 200.4, 200.4);
}
.table-hover .table-dark:hover {
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.table-grey,
.table-grey > th,
.table-grey > td {
  background-color: rgb(240.72, 240.72, 240.72);
}
.table-hover .table-grey:hover {
  background-color: rgb(227.97, 227.97, 227.97);
}
.table-hover .table-grey:hover > td,
.table-hover .table-grey:hover > th {
  background-color: rgb(227.97, 227.97, 227.97);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: #f0f0f0;
}
.table-hover .table-active:hover {
  background-color: rgb(227.25, 227.25, 227.25);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgb(227.25, 227.25, 227.25);
}
.table .thead-dark th {
  color: #000000;
  background-color: #212529;
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table .thead-light th {
  color: #636c72;
  background-color: #dddddd;
  border-color: #dee2e6;
}
.table-dark {
  color: #000000;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered {
    border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered {
    border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered {
    border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered {
    border: 0;
}
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.7692rem 0.75rem;
  font-size: 1rem;
  line-height: 1.428571429;
  color: #404040;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #d5d8de;
  border-radius: 2px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #404040;
  background-color: #ffffff;
  border-color: #4285f4;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.form-control::-webkit-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #878787;
  opacity: 1;
}
.form-control::placeholder {
  color: #878787;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #000000;
  opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
  height: 3.692rem;
}
select.form-control:focus::-ms-value {
  color: #404040;
  background-color: #ffffff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.7692rem + 1px);
  padding-bottom: calc(0.7692rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.428571429;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.15rem;
  line-height: 1.7;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.85rem;
  line-height: 1.6;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.7692rem;
  padding-bottom: 0.7692rem;
  margin-bottom: 0;
  line-height: 1.428571429;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 8px;
  font-size: 0.85rem;
  line-height: 1.6;
  border-radius: 2px;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: 4.385rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 12px;
  font-size: 1.15rem;
  line-height: 1.7;
  border-radius: 4px;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: 2.846rem;
}
.form-group {
  margin-bottom: 1.538rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #878787;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 1.385rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 65%;
  color: #34a853;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(52, 168, 83, 0.8);
  border-radius: 0.2rem;
}
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #34a853;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #34a853;
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #34a853;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #34a853;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: rgb(130.9090909091, 216.5909090909, 153.8068181818);
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgb(72.4909090909, 198.5090909091, 106.1681818182);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #34a853;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 65%;
  color: #ea4335;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(234, 67, 53, 0.8);
  border-radius: 0.2rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #ea4335;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #ea4335;
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ea4335;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ea4335;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: rgb(246.0067264574, 174.4887892377, 168.4932735426);
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: rgb(238.802690583, 109.9955156951, 99.197309417);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 1px #000000, 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ea4335;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.25);
}
.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
}
.form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-inline .form-control-plaintext {
    display: inline-block;
}
.form-inline .input-group {
    width: auto;
}
.form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
}
.form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
}
.form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.form-inline .custom-control-label {
    margin-bottom: 0;
}
}
.btn {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.7692rem 0.75rem;
  font-size: 1rem;
  line-height: 1.428571429;
  border-radius: 2px;
  -webkit-transition: none;
  transition: none;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: rgb(29.85375, 109.6675, 241.89625);
  border-color: rgb(17.805, 101.89, 241.195);
}
.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(17.805, 101.89, 241.195);
  border-color: rgb(13.54375, 96.0375, 232.70625);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-secondary {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: rgb(115.875, 115.875, 115.875);
  border-color: rgb(109.5, 109.5, 109.5);
}
.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(109.5, 109.5, 109.5);
  border-color: rgb(103.125, 103.125, 103.125);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-success {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success:hover {
  color: #ffffff;
  background-color: rgb(42.9590909091, 138.7909090909, 68.5693181818);
  border-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
  border-color: rgb(36.9318181818, 119.3181818182, 58.9488636364);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-info {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-info:hover {
  color: #ffffff;
  background-color: rgb(29.85375, 109.6675, 241.89625);
  border-color: rgb(17.805, 101.89, 241.195);
}
.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(17.805, 101.89, 241.195);
  border-color: rgb(13.54375, 96.0375, 232.70625);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(214.3208661417, 160.312007874, 3.4291338583);
  border-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
  border-color: rgb(189.2224409449, 141.5383858268, 3.0275590551);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-danger {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: rgb(225.3251121076, 39.0414798206, 23.4248878924);
  border-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
  border-color: rgb(202.2264573991, 35.0392376682, 21.0235426009);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(235.875, 235.875, 235.875);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-light:focus, .btn-light.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(223.125, 223.125, 223.125);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-dark {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-dark:hover {
  color: #ffffff;
  background-color: rgb(41.7169421488, 41.0330578512, 41.0330578512);
  border-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
}
.btn-dark:focus, .btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
  border-color: rgb(28.8615702479, 28.3884297521, 28.3884297521);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-grey {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-grey:hover {
  color: #212529;
  background-color: rgb(184.875, 184.875, 184.875);
  border-color: rgb(178.5, 178.5, 178.5);
}
.btn-grey:focus, .btn-grey.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-grey.disabled, .btn-grey:disabled {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle {
  color: #212529;
  background-color: rgb(178.5, 178.5, 178.5);
  border-color: rgb(172.125, 172.125, 172.125);
}
.btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-outline-primary {
  color: #4285f4;
  background-color: transparent;
  background-image: none;
  border-color: #4285f4;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #4285f4;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-secondary {
  color: #878787;
  background-color: transparent;
  background-image: none;
  border-color: #878787;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #878787;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(135, 135, 135, 0.5);
}
.btn-outline-success {
  color: #34a853;
  background-color: transparent;
  background-image: none;
  border-color: #34a853;
}
.btn-outline-success:hover {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #34a853;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #ffffff;
  background-color: #34a853;
  border-color: #34a853;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
          box-shadow: 0 0 0 0 rgba(52, 168, 83, 0.5);
}
.btn-outline-info {
  color: #4285f4;
  background-color: transparent;
  background-image: none;
  border-color: #4285f4;
}
.btn-outline-info:hover {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #4285f4;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
          box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.5);
}
.btn-outline-warning {
  color: #fbbc05;
  background-color: transparent;
  background-image: none;
  border-color: #fbbc05;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fbbc05;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #fbbc05;
  border-color: #fbbc05;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.5);
}
.btn-outline-danger {
  color: #ea4335;
  background-color: transparent;
  background-image: none;
  border-color: #ea4335;
}
.btn-outline-danger:hover {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ea4335;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #ea4335;
  border-color: #ea4335;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
          box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5);
}
.btn-outline-light {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
  border-color: #ffffff;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ffffff;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-dark {
  color: #3d3c3c;
  background-color: transparent;
  background-image: none;
  border-color: #3d3c3c;
}
.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #3d3c3c;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #3d3c3c;
  border-color: #3d3c3c;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
          box-shadow: 0 0 0 0 rgba(61, 60, 60, 0.5);
}
.btn-outline-grey {
  color: #cccccc;
  background-color: transparent;
  background-image: none;
  border-color: #cccccc;
}
.btn-outline-grey:hover {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-grey:focus, .btn-outline-grey.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-outline-grey.disabled, .btn-outline-grey:disabled {
  color: #cccccc;
  background-color: transparent;
}
.btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #4285f4;
  background-color: transparent;
}
.btn-link:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #878787;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 12px;
  font-size: 1.15rem;
  line-height: 1.7;
  border-radius: 4px;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 8px;
  font-size: 0.85rem;
  line-height: 1.6;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.show {
  display: block;
}
tr.collapse.show {
  display: table-row;
}
tbody.collapse.show {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #404040;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(226.95, 226.95, 226.95);
  border-radius: 2px;
}
.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #4285f4;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #878787;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  color: #878787;
  white-space: nowrap;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.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-left: -1px;
}
.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
  margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 6px;
  padding-left: 6px;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 9px;
  padding-left: 9px;
}
.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}
.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(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7692rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #404040;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f5f5;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.428571429rem;
  padding-left: 2.1377rem;
}
.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1.385rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #4285f4;
  background-color: #ffffff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-control-input:active ~ .custom-control-label::before {
  color: #ffffff;
  background-color: #ffffff;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #878787;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #dddddd;
}
.custom-control-label {
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: -0.1317142855rem;
  left: 0;
  display: block;
  width: 1.692rem;
  height: 1.692rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ffffff;
}
.custom-control-label::after {
  position: absolute;
  top: -0.1317142855rem;
  left: 0;
  display: block;
  width: 1.692rem;
  height: 1.692rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #4285f4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27%234285f4%27 d=%27M0 2h4%27/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(66, 133, 244, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: 3.692rem;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  vertical-align: middle;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%233d3c3c%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #d5d8de;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #4285f4;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(66, 133, 244, 0.5);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(66, 133, 244, 0.5);
}
.custom-select:focus::-ms-value {
  color: #404040;
  background-color: #ffffff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #878787;
  background-color: #dddddd;
}
.custom-select::-ms-expand {
  opacity: 0;
}
.custom-select-sm {
  height: 4.385rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}
.custom-select-lg {
  height: 2.846rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.692rem;
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3.692rem;
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-control {
  border-color: #4285f4;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.custom-file-input:focus ~ .custom-file-control::before {
  border-color: #4285f4;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 3.692rem;
  padding: 0.7692rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  background-color: #ffffff;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(3.692rem - 1px * 2);
  padding: 0.7692rem 0.75rem;
  line-height: 1.428571429;
  color: #404040;
  content: "Browse";
  background-color: #f5f5f5;
  border-left: 1px solid #d5d8de;
  border-radius: 0 2px 2px 0;
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #878787;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #dddddd #dddddd #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #878787;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #636c72;
  background-color: #000000;
  border-color: #dee2e6 #dee2e6 #000000;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 2px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #4285f4;
}
.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 1240px), screen and (max-height: 900px) {
.navbar {
    z-index: 100000 !important;
}
}
.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3928571428rem;
  padding-bottom: 0.3928571428rem;
  margin-right: 1rem;
  font-size: 1.15rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.15rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
    display: none;
}
.navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
    display: none;
}
.navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
.navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
    display: none;
}
.navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #ffffff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #ffffff;
}
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 3px;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.538rem;
}
.card-title {
  margin-bottom: 0.7692rem;
}
.card-subtitle {
  margin-top: -0.3846rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.538rem;
}
.card-header {
  padding: 0.7692rem 1.538rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.7692rem 1.538rem;
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
}
.card-header-tabs {
  margin-right: -0.769rem;
  margin-bottom: -0.7692rem;
  margin-left: -0.769rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.769rem;
  margin-left: -0.769rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img {
  width: 100%;
  border-radius: calc(3px - 1px);
}
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(3px - 1px);
  border-top-right-radius: calc(3px - 1px);
}
.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px);
}
.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
}
.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
}
.card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
}
.card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
    border-radius: 3px;
}
.card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
}
}
.card-columns .card {
  margin-bottom: 0.7692rem;
}
@media (min-width: 576px) {
.card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
}
.card-columns .card {
    display: inline-block;
    width: 100%;
}
}
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 7px 20px;
  margin-bottom: 1rem;
  list-style: none;
  background-color: rgb(244.8, 244.8, 244.8);
  border-radius: 2px;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.6154rem;
  padding-left: 0.6154rem;
  color: #878787;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: rgb(76.5, 76.5, 76.5);
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 2px;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #404040;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  color: rgb(12.8425, 91.065, 220.6575);
  text-decoration: none;
  background-color: rgb(236.3, 236.3, 236.3);
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.page-item.disabled .page-link {
  color: #878787;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.15rem;
  line-height: 1.7;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1.6;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.badge {
  display: inline-block;
  padding: 0.07692rem 0.6154rem;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.7em;
  padding-left: 0.7em;
  border-radius: 10rem;
}
.badge-primary {
  color: #ffffff;
  background-color: #4285f4;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(17.805, 101.89, 241.195);
}
.badge-secondary {
  color: #ffffff;
  background-color: #878787;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(109.5, 109.5, 109.5);
}
.badge-success {
  color: #ffffff;
  background-color: #34a853;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091);
}
.badge-info {
  color: #ffffff;
  background-color: #4285f4;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(17.805, 101.89, 241.195);
}
.badge-warning {
  color: #212529;
  background-color: #fbbc05;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567);
}
.badge-danger {
  color: #ffffff;
  background-color: #ea4335;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466);
}
.badge-light {
  color: #212529;
  background-color: #ffffff;
}
.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(229.5, 229.5, 229.5);
}
.badge-dark {
  color: #ffffff;
  background-color: #3d3c3c;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017);
}
.badge-grey {
  color: #212529;
  background-color: #cccccc;
}
.badge-grey[href]:hover, .badge-grey[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(178.5, 178.5, 178.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #dddddd;
  border-radius: 4px;
}
@media (min-width: 576px) {
.jumbotron {
    padding: 4rem 2rem;
}
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 1.385rem 1.385rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4.27rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.385rem 1.385rem;
  color: inherit;
}
.alert-primary {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(217.2, 230.6, 252.8);
  border-color: rgb(202.08, 220.84, 251.92);
}
.alert-primary hr {
  border-top-color: rgb(177.9825, 205.285, 250.5175);
}
.alert-primary .alert-link {
  color: rgb(23.4619354839, 47.2793548387, 86.7380645161);
}
.alert-secondary {
  color: rgb(70.2, 70.2, 70.2);
  background-color: #e7e7e7;
  border-color: rgb(221.4, 221.4, 221.4);
}
.alert-secondary hr {
  border-top-color: rgb(208.65, 208.65, 208.65);
}
.alert-secondary .alert-link {
  color: rgb(44.7, 44.7, 44.7);
}
.alert-success {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(214.4, 237.6, 220.6);
  border-color: rgb(198.16, 230.64, 206.84);
}
.alert-success hr {
  border-top-color: rgb(180.31, 222.99, 191.715862069);
}
.alert-success .alert-link {
  color: rgb(14.9854545455, 48.4145454545, 23.9190909091);
}
.alert-info {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(217.2, 230.6, 252.8);
  border-color: rgb(202.08, 220.84, 251.92);
}
.alert-info hr {
  border-top-color: rgb(177.9825, 205.285, 250.5175);
}
.alert-info .alert-link {
  color: rgb(23.4619354839, 47.2793548387, 86.7380645161);
}
.alert-warning {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(254.2, 241.6, 205);
  border-color: rgb(253.88, 236.24, 185);
}
.alert-warning hr {
  border-top-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.alert-warning .alert-link {
  color: rgb(80.51609375, 60.306875, 1.60390625);
}
.alert-danger {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(250.8, 217.4, 214.6);
  border-color: rgb(249.12, 202.36, 198.44);
}
.alert-danger hr {
  border-top-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.alert-danger .alert-link {
  color: rgb(80.0981184669, 22.9340766551, 18.1418815331);
}
.alert-light {
  color: rgb(132.6, 132.6, 132.6);
  background-color: white;
  border-color: white;
}
.alert-light hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-light .alert-link {
  color: rgb(107.1, 107.1, 107.1);
}
.alert-dark {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(216.2, 216, 216);
  border-color: rgb(200.68, 200.4, 200.4);
}
.alert-dark hr {
  border-top-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.alert-dark .alert-link {
  color: rgb(6.0092561983, 5.9107438017, 5.9107438017);
}
.alert-grey {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(244.8, 244.8, 244.8);
  border-color: rgb(240.72, 240.72, 240.72);
}
.alert-grey hr {
  border-top-color: rgb(227.97, 227.97, 227.97);
}
.alert-grey .alert-link {
  color: rgb(80.58, 80.58, 80.58);
}
@-webkit-keyframes progress-bar-stripes {
from {
    background-position: 3.077rem 0;
}
to {
    background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
    background-position: 3.077rem 0;
}
to {
    background-position: 0 0;
}
}
.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.077rem;
  overflow: hidden;
  font-size: 0.9231rem;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  text-align: center;
  background-color: #4285f4;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.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: 3.077rem 3.077rem;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #636c72;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #636c72;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item-action:active {
  color: #404040;
  background-color: #dddddd;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #878787;
  background-color: rgb(236.3, 236.3, 236.3);
}
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.list-group-item-primary {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(202.08, 220.84, 251.92);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(34.32, 69.16, 126.88);
  border-color: rgb(34.32, 69.16, 126.88);
}
.list-group-item-secondary {
  color: rgb(70.2, 70.2, 70.2);
  background-color: rgb(221.4, 221.4, 221.4);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(70.2, 70.2, 70.2);
  background-color: rgb(208.65, 208.65, 208.65);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(70.2, 70.2, 70.2);
  border-color: rgb(70.2, 70.2, 70.2);
}
.list-group-item-success {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(198.16, 230.64, 206.84);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(27.04, 87.36, 43.16);
  background-color: rgb(180.31, 222.99, 191.715862069);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 87.36, 43.16);
  border-color: rgb(27.04, 87.36, 43.16);
}
.list-group-item-info {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(202.08, 220.84, 251.92);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(34.32, 69.16, 126.88);
  background-color: rgb(177.9825, 205.285, 250.5175);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(34.32, 69.16, 126.88);
  border-color: rgb(34.32, 69.16, 126.88);
}
.list-group-item-warning {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(253.88, 236.24, 185);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(130.52, 97.76, 2.6);
  background-color: rgb(253.4784251969, 229.5136220472, 159.9015748031);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(130.52, 97.76, 2.6);
  border-color: rgb(130.52, 97.76, 2.6);
}
.list-group-item-danger {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(249.12, 202.36, 198.44);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(121.68, 34.84, 27.56);
  background-color: rgb(246.7186547085, 180.8622421525, 175.3413452915);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(121.68, 34.84, 27.56);
  border-color: rgb(121.68, 34.84, 27.56);
}
.list-group-item-light {
  color: rgb(132.6, 132.6, 132.6);
  background-color: white;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(132.6, 132.6, 132.6);
  background-color: rgb(242.25, 242.25, 242.25);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 132.6, 132.6);
  border-color: rgb(132.6, 132.6, 132.6);
}
.list-group-item-dark {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(200.68, 200.4, 200.4);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(31.72, 31.2, 31.2);
  background-color: rgb(187.9627763496, 187.6172236504, 187.6172236504);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(31.72, 31.2, 31.2);
  border-color: rgb(31.72, 31.2, 31.2);
}
.list-group-item-grey {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(240.72, 240.72, 240.72);
}
.list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus {
  color: rgb(106.08, 106.08, 106.08);
  background-color: rgb(227.97, 227.97, 227.97);
}
.list-group-item-grey.list-group-item-action.active {
  color: #fff;
  background-color: rgb(106.08, 106.08, 106.08);
  border-color: rgb(106.08, 106.08, 106.08);
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dddddd;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
.modal-dialog-centered {
    min-height: calc(100% - 1.75rem * 2);
}
.modal-sm {
    max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
    max-width: 700px;
}
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.85rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 2px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.85rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 4px;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^=top] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: #ffffff;
}
.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^=right] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 4px 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: #ffffff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=bottom] .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}
.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^=left] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 4px 0;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after {
  right: 1px;
  border-left-color: #ffffff;
}
.popover-header {
  padding: 0.6154rem 1.077rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(4px - 1px);
  border-top-right-radius: calc(4px - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.6154rem 1.077rem;
  color: #404040;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #ffffff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23ffffff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23ffffff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #4285f4 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(17.805, 101.89, 241.195) !important;
}
.bg-secondary {
  background-color: #878787 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(109.5, 109.5, 109.5) !important;
}
.bg-success {
  background-color: #34a853 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(39.9454545455, 129.0545454545, 63.7590909091) !important;
}
.bg-info {
  background-color: #4285f4 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.805, 101.89, 241.195) !important;
}
.bg-warning {
  background-color: #fbbc05 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(201.7716535433, 150.9251968504, 3.2283464567) !important;
}
.bg-danger {
  background-color: #ea4335 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(213.7757847534, 37.0403587444, 22.2242152466) !important;
}
.bg-light {
  background-color: #ffffff !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}
.bg-dark {
  background-color: #3d3c3c !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(35.2892561983, 34.7107438017, 34.7107438017) !important;
}
.bg-grey {
  background-color: #cccccc !important;
}
a.bg-grey:hover, a.bg-grey:focus,
button.bg-grey:hover,
button.bg-grey:focus {
  background-color: rgb(178.5, 178.5, 178.5) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #0b2939 !important;
}
.border-top {
  border-top: 1px solid #0b2939 !important;
}
.border-right {
  border-right: 1px solid #0b2939 !important;
}
.border-bottom {
  border-bottom: 1px solid #0b2939 !important;
}
.border-left {
  border-left: 1px solid #0b2939 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #4285f4 !important;
}
.border-secondary {
  border-color: #878787 !important;
}
.border-success {
  border-color: #34a853 !important;
}
.border-info {
  border-color: #4285f4 !important;
}
.border-warning {
  border-color: #fbbc05 !important;
}
.border-danger {
  border-color: #ea4335 !important;
}
.border-light {
  border-color: #ffffff !important;
}
.border-dark {
  border-color: #3d3c3c !important;
}
.border-grey {
  border-color: #cccccc !important;
}
.border-white {
  border-color: #ffffff !important;
}
.rounded {
  border-radius: 2px !important;
}
.rounded-top {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
.rounded-right {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.rounded-bottom {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.rounded-left {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
    display: none !important;
}
.d-sm-inline {
    display: inline !important;
}
.d-sm-inline-block {
    display: inline-block !important;
}
.d-sm-block {
    display: block !important;
}
.d-sm-table {
    display: table !important;
}
.d-sm-table-row {
    display: table-row !important;
}
.d-sm-table-cell {
    display: table-cell !important;
}
.d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
    display: none !important;
}
.d-md-inline {
    display: inline !important;
}
.d-md-inline-block {
    display: inline-block !important;
}
.d-md-block {
    display: block !important;
}
.d-md-table {
    display: table !important;
}
.d-md-table-row {
    display: table-row !important;
}
.d-md-table-cell {
    display: table-cell !important;
}
.d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
    display: none !important;
}
.d-lg-inline {
    display: inline !important;
}
.d-lg-inline-block {
    display: inline-block !important;
}
.d-lg-block {
    display: block !important;
}
.d-lg-table {
    display: table !important;
}
.d-lg-table-row {
    display: table-row !important;
}
.d-lg-table-cell {
    display: table-cell !important;
}
.d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
    display: none !important;
}
.d-xl-inline {
    display: inline !important;
}
.d-xl-inline-block {
    display: inline-block !important;
}
.d-xl-block {
    display: block !important;
}
.d-xl-table {
    display: table !important;
}
.d-xl-table-row {
    display: table-row !important;
}
.d-xl-table-cell {
    display: table-cell !important;
}
.d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
@media print {
.d-print-none {
    display: none !important;
}
.d-print-inline {
    display: inline !important;
}
.d-print-inline-block {
    display: inline-block !important;
}
.d-print-block {
    display: block !important;
}
.d-print-table {
    display: table !important;
}
.d-print-table-row {
    display: table-row !important;
}
.d-print-table-cell {
    display: table-cell !important;
}
.d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
}
.flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}
.justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}
.align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
}
.align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}
.align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}
.align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}
.align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}
.align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}
.align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}
.align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}
.align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}
.align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
}
.align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}
.align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
.align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}
.align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
}
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
    float: left !important;
}
.float-sm-right {
    float: right !important;
}
.float-sm-none {
    float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
    float: left !important;
}
.float-md-right {
    float: right !important;
}
.float-md-none {
    float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
    float: left !important;
}
.float-lg-right {
    float: right !important;
}
.float-lg-none {
    float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
    float: left !important;
}
.float-xl-right {
    float: right !important;
}
.float-xl-none {
    float: none !important;
}
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.3846153846rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.3846153846rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.3846153846rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.3846153846rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.3846153846rem !important;
}
.m-2 {
  margin: 0.7692307692rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.7692307692rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.7692307692rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.7692307692rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.7692307692rem !important;
}
.m-3 {
  margin: 1.154rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1.154rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1.154rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1.154rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1.154rem !important;
}
.m-4 {
  margin: 1.539rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.539rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.539rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.539rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.539rem !important;
}
.m-5 {
  margin: 1.923rem !important;
}
.mt-5,
.my-5 {
  margin-top: 1.923rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 1.923rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 1.923rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 1.923rem !important;
}
.m-6 {
  margin: 2.308rem !important;
}
.mt-6,
.my-6 {
  margin-top: 2.308rem !important;
}
.mr-6,
.mx-6 {
  margin-right: 2.308rem !important;
}
.mb-6,
.my-6 {
  margin-bottom: 2.308rem !important;
}
.ml-6,
.mx-6 {
  margin-left: 2.308rem !important;
}
.m-7 {
  margin: 3.077rem !important;
}
.mt-7,
.my-7 {
  margin-top: 3.077rem !important;
}
.mr-7,
.mx-7 {
  margin-right: 3.077rem !important;
}
.mb-7,
.my-7 {
  margin-bottom: 3.077rem !important;
}
.ml-7,
.mx-7 {
  margin-left: 3.077rem !important;
}
.m-8 {
  margin: 3.851rem !important;
}
.mt-8,
.my-8 {
  margin-top: 3.851rem !important;
}
.mr-8,
.mx-8 {
  margin-right: 3.851rem !important;
}
.mb-8,
.my-8 {
  margin-bottom: 3.851rem !important;
}
.ml-8,
.mx-8 {
  margin-left: 3.851rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.3846153846rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.3846153846rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.3846153846rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.3846153846rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.3846153846rem !important;
}
.p-2 {
  padding: 0.7692307692rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.7692307692rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.7692307692rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.7692307692rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.7692307692rem !important;
}
.p-3 {
  padding: 1.154rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1.154rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1.154rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1.154rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1.154rem !important;
}
.p-4 {
  padding: 1.539rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.539rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.539rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.539rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.539rem !important;
}
.p-5 {
  padding: 1.923rem !important;
}
.pt-5,
.py-5 {
  padding-top: 1.923rem !important;
}
.pr-5,
.px-5 {
  padding-right: 1.923rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 1.923rem !important;
}
.pl-5,
.px-5 {
  padding-left: 1.923rem !important;
}
.p-6 {
  padding: 2.308rem !important;
}
.pt-6,
.py-6 {
  padding-top: 2.308rem !important;
}
.pr-6,
.px-6 {
  padding-right: 2.308rem !important;
}
.pb-6,
.py-6 {
  padding-bottom: 2.308rem !important;
}
.pl-6,
.px-6 {
  padding-left: 2.308rem !important;
}
.p-7 {
  padding: 3.077rem !important;
}
.pt-7,
.py-7 {
  padding-top: 3.077rem !important;
}
.pr-7,
.px-7 {
  padding-right: 3.077rem !important;
}
.pb-7,
.py-7 {
  padding-bottom: 3.077rem !important;
}
.pl-7,
.px-7 {
  padding-left: 3.077rem !important;
}
.p-8 {
  padding: 3.851rem !important;
}
.pt-8,
.py-8 {
  padding-top: 3.851rem !important;
}
.pr-8,
.px-8 {
  padding-right: 3.851rem !important;
}
.pb-8,
.py-8 {
  padding-bottom: 3.851rem !important;
}
.pl-8,
.px-8 {
  padding-left: 3.851rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
    margin: 0 !important;
}
.mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
}
.mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
}
.mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
}
.ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
}
.m-sm-1 {
    margin: 0.3846153846rem !important;
}
.mt-sm-1,
  .my-sm-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.3846153846rem !important;
}
.m-sm-2 {
    margin: 0.7692307692rem !important;
}
.mt-sm-2,
  .my-sm-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.7692307692rem !important;
}
.m-sm-3 {
    margin: 1.154rem !important;
}
.mt-sm-3,
  .my-sm-3 {
    margin-top: 1.154rem !important;
}
.mr-sm-3,
  .mx-sm-3 {
    margin-right: 1.154rem !important;
}
.mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1.154rem !important;
}
.ml-sm-3,
  .mx-sm-3 {
    margin-left: 1.154rem !important;
}
.m-sm-4 {
    margin: 1.539rem !important;
}
.mt-sm-4,
  .my-sm-4 {
    margin-top: 1.539rem !important;
}
.mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.539rem !important;
}
.mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.539rem !important;
}
.ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.539rem !important;
}
.m-sm-5 {
    margin: 1.923rem !important;
}
.mt-sm-5,
  .my-sm-5 {
    margin-top: 1.923rem !important;
}
.mr-sm-5,
  .mx-sm-5 {
    margin-right: 1.923rem !important;
}
.mb-sm-5,
  .my-sm-5 {
    margin-bottom: 1.923rem !important;
}
.ml-sm-5,
  .mx-sm-5 {
    margin-left: 1.923rem !important;
}
.m-sm-6 {
    margin: 2.308rem !important;
}
.mt-sm-6,
  .my-sm-6 {
    margin-top: 2.308rem !important;
}
.mr-sm-6,
  .mx-sm-6 {
    margin-right: 2.308rem !important;
}
.mb-sm-6,
  .my-sm-6 {
    margin-bottom: 2.308rem !important;
}
.ml-sm-6,
  .mx-sm-6 {
    margin-left: 2.308rem !important;
}
.m-sm-7 {
    margin: 3.077rem !important;
}
.mt-sm-7,
  .my-sm-7 {
    margin-top: 3.077rem !important;
}
.mr-sm-7,
  .mx-sm-7 {
    margin-right: 3.077rem !important;
}
.mb-sm-7,
  .my-sm-7 {
    margin-bottom: 3.077rem !important;
}
.ml-sm-7,
  .mx-sm-7 {
    margin-left: 3.077rem !important;
}
.m-sm-8 {
    margin: 3.851rem !important;
}
.mt-sm-8,
  .my-sm-8 {
    margin-top: 3.851rem !important;
}
.mr-sm-8,
  .mx-sm-8 {
    margin-right: 3.851rem !important;
}
.mb-sm-8,
  .my-sm-8 {
    margin-bottom: 3.851rem !important;
}
.ml-sm-8,
  .mx-sm-8 {
    margin-left: 3.851rem !important;
}
.p-sm-0 {
    padding: 0 !important;
}
.pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
}
.pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
}
.pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
}
.pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
}
.p-sm-1 {
    padding: 0.3846153846rem !important;
}
.pt-sm-1,
  .py-sm-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-sm-1,
  .px-sm-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-sm-1,
  .px-sm-1 {
    padding-left: 0.3846153846rem !important;
}
.p-sm-2 {
    padding: 0.7692307692rem !important;
}
.pt-sm-2,
  .py-sm-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-sm-2,
  .px-sm-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-sm-2,
  .px-sm-2 {
    padding-left: 0.7692307692rem !important;
}
.p-sm-3 {
    padding: 1.154rem !important;
}
.pt-sm-3,
  .py-sm-3 {
    padding-top: 1.154rem !important;
}
.pr-sm-3,
  .px-sm-3 {
    padding-right: 1.154rem !important;
}
.pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1.154rem !important;
}
.pl-sm-3,
  .px-sm-3 {
    padding-left: 1.154rem !important;
}
.p-sm-4 {
    padding: 1.539rem !important;
}
.pt-sm-4,
  .py-sm-4 {
    padding-top: 1.539rem !important;
}
.pr-sm-4,
  .px-sm-4 {
    padding-right: 1.539rem !important;
}
.pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.539rem !important;
}
.pl-sm-4,
  .px-sm-4 {
    padding-left: 1.539rem !important;
}
.p-sm-5 {
    padding: 1.923rem !important;
}
.pt-sm-5,
  .py-sm-5 {
    padding-top: 1.923rem !important;
}
.pr-sm-5,
  .px-sm-5 {
    padding-right: 1.923rem !important;
}
.pb-sm-5,
  .py-sm-5 {
    padding-bottom: 1.923rem !important;
}
.pl-sm-5,
  .px-sm-5 {
    padding-left: 1.923rem !important;
}
.p-sm-6 {
    padding: 2.308rem !important;
}
.pt-sm-6,
  .py-sm-6 {
    padding-top: 2.308rem !important;
}
.pr-sm-6,
  .px-sm-6 {
    padding-right: 2.308rem !important;
}
.pb-sm-6,
  .py-sm-6 {
    padding-bottom: 2.308rem !important;
}
.pl-sm-6,
  .px-sm-6 {
    padding-left: 2.308rem !important;
}
.p-sm-7 {
    padding: 3.077rem !important;
}
.pt-sm-7,
  .py-sm-7 {
    padding-top: 3.077rem !important;
}
.pr-sm-7,
  .px-sm-7 {
    padding-right: 3.077rem !important;
}
.pb-sm-7,
  .py-sm-7 {
    padding-bottom: 3.077rem !important;
}
.pl-sm-7,
  .px-sm-7 {
    padding-left: 3.077rem !important;
}
.p-sm-8 {
    padding: 3.851rem !important;
}
.pt-sm-8,
  .py-sm-8 {
    padding-top: 3.851rem !important;
}
.pr-sm-8,
  .px-sm-8 {
    padding-right: 3.851rem !important;
}
.pb-sm-8,
  .py-sm-8 {
    padding-bottom: 3.851rem !important;
}
.pl-sm-8,
  .px-sm-8 {
    padding-left: 3.851rem !important;
}
.m-sm-auto {
    margin: auto !important;
}
.mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
}
.mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
}
.mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
}
.ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
    margin: 0 !important;
}
.mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
}
.mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
}
.mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
}
.ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
}
.m-md-1 {
    margin: 0.3846153846rem !important;
}
.mt-md-1,
  .my-md-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-md-1,
  .mx-md-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-md-1,
  .my-md-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-md-1,
  .mx-md-1 {
    margin-left: 0.3846153846rem !important;
}
.m-md-2 {
    margin: 0.7692307692rem !important;
}
.mt-md-2,
  .my-md-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-md-2,
  .mx-md-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-md-2,
  .my-md-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-md-2,
  .mx-md-2 {
    margin-left: 0.7692307692rem !important;
}
.m-md-3 {
    margin: 1.154rem !important;
}
.mt-md-3,
  .my-md-3 {
    margin-top: 1.154rem !important;
}
.mr-md-3,
  .mx-md-3 {
    margin-right: 1.154rem !important;
}
.mb-md-3,
  .my-md-3 {
    margin-bottom: 1.154rem !important;
}
.ml-md-3,
  .mx-md-3 {
    margin-left: 1.154rem !important;
}
.m-md-4 {
    margin: 1.539rem !important;
}
.mt-md-4,
  .my-md-4 {
    margin-top: 1.539rem !important;
}
.mr-md-4,
  .mx-md-4 {
    margin-right: 1.539rem !important;
}
.mb-md-4,
  .my-md-4 {
    margin-bottom: 1.539rem !important;
}
.ml-md-4,
  .mx-md-4 {
    margin-left: 1.539rem !important;
}
.m-md-5 {
    margin: 1.923rem !important;
}
.mt-md-5,
  .my-md-5 {
    margin-top: 1.923rem !important;
}
.mr-md-5,
  .mx-md-5 {
    margin-right: 1.923rem !important;
}
.mb-md-5,
  .my-md-5 {
    margin-bottom: 1.923rem !important;
}
.ml-md-5,
  .mx-md-5 {
    margin-left: 1.923rem !important;
}
.m-md-6 {
    margin: 2.308rem !important;
}
.mt-md-6,
  .my-md-6 {
    margin-top: 2.308rem !important;
}
.mr-md-6,
  .mx-md-6 {
    margin-right: 2.308rem !important;
}
.mb-md-6,
  .my-md-6 {
    margin-bottom: 2.308rem !important;
}
.ml-md-6,
  .mx-md-6 {
    margin-left: 2.308rem !important;
}
.m-md-7 {
    margin: 3.077rem !important;
}
.mt-md-7,
  .my-md-7 {
    margin-top: 3.077rem !important;
}
.mr-md-7,
  .mx-md-7 {
    margin-right: 3.077rem !important;
}
.mb-md-7,
  .my-md-7 {
    margin-bottom: 3.077rem !important;
}
.ml-md-7,
  .mx-md-7 {
    margin-left: 3.077rem !important;
}
.m-md-8 {
    margin: 3.851rem !important;
}
.mt-md-8,
  .my-md-8 {
    margin-top: 3.851rem !important;
}
.mr-md-8,
  .mx-md-8 {
    margin-right: 3.851rem !important;
}
.mb-md-8,
  .my-md-8 {
    margin-bottom: 3.851rem !important;
}
.ml-md-8,
  .mx-md-8 {
    margin-left: 3.851rem !important;
}
.p-md-0 {
    padding: 0 !important;
}
.pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
}
.pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
}
.pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
}
.pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
}
.p-md-1 {
    padding: 0.3846153846rem !important;
}
.pt-md-1,
  .py-md-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-md-1,
  .px-md-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-md-1,
  .py-md-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-md-1,
  .px-md-1 {
    padding-left: 0.3846153846rem !important;
}
.p-md-2 {
    padding: 0.7692307692rem !important;
}
.pt-md-2,
  .py-md-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-md-2,
  .px-md-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-md-2,
  .py-md-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-md-2,
  .px-md-2 {
    padding-left: 0.7692307692rem !important;
}
.p-md-3 {
    padding: 1.154rem !important;
}
.pt-md-3,
  .py-md-3 {
    padding-top: 1.154rem !important;
}
.pr-md-3,
  .px-md-3 {
    padding-right: 1.154rem !important;
}
.pb-md-3,
  .py-md-3 {
    padding-bottom: 1.154rem !important;
}
.pl-md-3,
  .px-md-3 {
    padding-left: 1.154rem !important;
}
.p-md-4 {
    padding: 1.539rem !important;
}
.pt-md-4,
  .py-md-4 {
    padding-top: 1.539rem !important;
}
.pr-md-4,
  .px-md-4 {
    padding-right: 1.539rem !important;
}
.pb-md-4,
  .py-md-4 {
    padding-bottom: 1.539rem !important;
}
.pl-md-4,
  .px-md-4 {
    padding-left: 1.539rem !important;
}
.p-md-5 {
    padding: 1.923rem !important;
}
.pt-md-5,
  .py-md-5 {
    padding-top: 1.923rem !important;
}
.pr-md-5,
  .px-md-5 {
    padding-right: 1.923rem !important;
}
.pb-md-5,
  .py-md-5 {
    padding-bottom: 1.923rem !important;
}
.pl-md-5,
  .px-md-5 {
    padding-left: 1.923rem !important;
}
.p-md-6 {
    padding: 2.308rem !important;
}
.pt-md-6,
  .py-md-6 {
    padding-top: 2.308rem !important;
}
.pr-md-6,
  .px-md-6 {
    padding-right: 2.308rem !important;
}
.pb-md-6,
  .py-md-6 {
    padding-bottom: 2.308rem !important;
}
.pl-md-6,
  .px-md-6 {
    padding-left: 2.308rem !important;
}
.p-md-7 {
    padding: 3.077rem !important;
}
.pt-md-7,
  .py-md-7 {
    padding-top: 3.077rem !important;
}
.pr-md-7,
  .px-md-7 {
    padding-right: 3.077rem !important;
}
.pb-md-7,
  .py-md-7 {
    padding-bottom: 3.077rem !important;
}
.pl-md-7,
  .px-md-7 {
    padding-left: 3.077rem !important;
}
.p-md-8 {
    padding: 3.851rem !important;
}
.pt-md-8,
  .py-md-8 {
    padding-top: 3.851rem !important;
}
.pr-md-8,
  .px-md-8 {
    padding-right: 3.851rem !important;
}
.pb-md-8,
  .py-md-8 {
    padding-bottom: 3.851rem !important;
}
.pl-md-8,
  .px-md-8 {
    padding-left: 3.851rem !important;
}
.m-md-auto {
    margin: auto !important;
}
.mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
}
.mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
}
.mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
}
.ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
    margin: 0 !important;
}
.mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
}
.mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
}
.mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
}
.ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
}
.m-lg-1 {
    margin: 0.3846153846rem !important;
}
.mt-lg-1,
  .my-lg-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.3846153846rem !important;
}
.m-lg-2 {
    margin: 0.7692307692rem !important;
}
.mt-lg-2,
  .my-lg-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.7692307692rem !important;
}
.m-lg-3 {
    margin: 1.154rem !important;
}
.mt-lg-3,
  .my-lg-3 {
    margin-top: 1.154rem !important;
}
.mr-lg-3,
  .mx-lg-3 {
    margin-right: 1.154rem !important;
}
.mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1.154rem !important;
}
.ml-lg-3,
  .mx-lg-3 {
    margin-left: 1.154rem !important;
}
.m-lg-4 {
    margin: 1.539rem !important;
}
.mt-lg-4,
  .my-lg-4 {
    margin-top: 1.539rem !important;
}
.mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.539rem !important;
}
.mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.539rem !important;
}
.ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.539rem !important;
}
.m-lg-5 {
    margin: 1.923rem !important;
}
.mt-lg-5,
  .my-lg-5 {
    margin-top: 1.923rem !important;
}
.mr-lg-5,
  .mx-lg-5 {
    margin-right: 1.923rem !important;
}
.mb-lg-5,
  .my-lg-5 {
    margin-bottom: 1.923rem !important;
}
.ml-lg-5,
  .mx-lg-5 {
    margin-left: 1.923rem !important;
}
.m-lg-6 {
    margin: 2.308rem !important;
}
.mt-lg-6,
  .my-lg-6 {
    margin-top: 2.308rem !important;
}
.mr-lg-6,
  .mx-lg-6 {
    margin-right: 2.308rem !important;
}
.mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2.308rem !important;
}
.ml-lg-6,
  .mx-lg-6 {
    margin-left: 2.308rem !important;
}
.m-lg-7 {
    margin: 3.077rem !important;
}
.mt-lg-7,
  .my-lg-7 {
    margin-top: 3.077rem !important;
}
.mr-lg-7,
  .mx-lg-7 {
    margin-right: 3.077rem !important;
}
.mb-lg-7,
  .my-lg-7 {
    margin-bottom: 3.077rem !important;
}
.ml-lg-7,
  .mx-lg-7 {
    margin-left: 3.077rem !important;
}
.m-lg-8 {
    margin: 3.851rem !important;
}
.mt-lg-8,
  .my-lg-8 {
    margin-top: 3.851rem !important;
}
.mr-lg-8,
  .mx-lg-8 {
    margin-right: 3.851rem !important;
}
.mb-lg-8,
  .my-lg-8 {
    margin-bottom: 3.851rem !important;
}
.ml-lg-8,
  .mx-lg-8 {
    margin-left: 3.851rem !important;
}
.p-lg-0 {
    padding: 0 !important;
}
.pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
}
.pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
}
.pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
}
.pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
}
.p-lg-1 {
    padding: 0.3846153846rem !important;
}
.pt-lg-1,
  .py-lg-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-lg-1,
  .px-lg-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-lg-1,
  .px-lg-1 {
    padding-left: 0.3846153846rem !important;
}
.p-lg-2 {
    padding: 0.7692307692rem !important;
}
.pt-lg-2,
  .py-lg-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-lg-2,
  .px-lg-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-lg-2,
  .px-lg-2 {
    padding-left: 0.7692307692rem !important;
}
.p-lg-3 {
    padding: 1.154rem !important;
}
.pt-lg-3,
  .py-lg-3 {
    padding-top: 1.154rem !important;
}
.pr-lg-3,
  .px-lg-3 {
    padding-right: 1.154rem !important;
}
.pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1.154rem !important;
}
.pl-lg-3,
  .px-lg-3 {
    padding-left: 1.154rem !important;
}
.p-lg-4 {
    padding: 1.539rem !important;
}
.pt-lg-4,
  .py-lg-4 {
    padding-top: 1.539rem !important;
}
.pr-lg-4,
  .px-lg-4 {
    padding-right: 1.539rem !important;
}
.pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.539rem !important;
}
.pl-lg-4,
  .px-lg-4 {
    padding-left: 1.539rem !important;
}
.p-lg-5 {
    padding: 1.923rem !important;
}
.pt-lg-5,
  .py-lg-5 {
    padding-top: 1.923rem !important;
}
.pr-lg-5,
  .px-lg-5 {
    padding-right: 1.923rem !important;
}
.pb-lg-5,
  .py-lg-5 {
    padding-bottom: 1.923rem !important;
}
.pl-lg-5,
  .px-lg-5 {
    padding-left: 1.923rem !important;
}
.p-lg-6 {
    padding: 2.308rem !important;
}
.pt-lg-6,
  .py-lg-6 {
    padding-top: 2.308rem !important;
}
.pr-lg-6,
  .px-lg-6 {
    padding-right: 2.308rem !important;
}
.pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2.308rem !important;
}
.pl-lg-6,
  .px-lg-6 {
    padding-left: 2.308rem !important;
}
.p-lg-7 {
    padding: 3.077rem !important;
}
.pt-lg-7,
  .py-lg-7 {
    padding-top: 3.077rem !important;
}
.pr-lg-7,
  .px-lg-7 {
    padding-right: 3.077rem !important;
}
.pb-lg-7,
  .py-lg-7 {
    padding-bottom: 3.077rem !important;
}
.pl-lg-7,
  .px-lg-7 {
    padding-left: 3.077rem !important;
}
.p-lg-8 {
    padding: 3.851rem !important;
}
.pt-lg-8,
  .py-lg-8 {
    padding-top: 3.851rem !important;
}
.pr-lg-8,
  .px-lg-8 {
    padding-right: 3.851rem !important;
}
.pb-lg-8,
  .py-lg-8 {
    padding-bottom: 3.851rem !important;
}
.pl-lg-8,
  .px-lg-8 {
    padding-left: 3.851rem !important;
}
.m-lg-auto {
    margin: auto !important;
}
.mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
}
.mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
}
.mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
}
.ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
    margin: 0 !important;
}
.mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
}
.mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
}
.mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
}
.ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
}
.m-xl-1 {
    margin: 0.3846153846rem !important;
}
.mt-xl-1,
  .my-xl-1 {
    margin-top: 0.3846153846rem !important;
}
.mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.3846153846rem !important;
}
.mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.3846153846rem !important;
}
.ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.3846153846rem !important;
}
.m-xl-2 {
    margin: 0.7692307692rem !important;
}
.mt-xl-2,
  .my-xl-2 {
    margin-top: 0.7692307692rem !important;
}
.mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.7692307692rem !important;
}
.mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.7692307692rem !important;
}
.ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.7692307692rem !important;
}
.m-xl-3 {
    margin: 1.154rem !important;
}
.mt-xl-3,
  .my-xl-3 {
    margin-top: 1.154rem !important;
}
.mr-xl-3,
  .mx-xl-3 {
    margin-right: 1.154rem !important;
}
.mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1.154rem !important;
}
.ml-xl-3,
  .mx-xl-3 {
    margin-left: 1.154rem !important;
}
.m-xl-4 {
    margin: 1.539rem !important;
}
.mt-xl-4,
  .my-xl-4 {
    margin-top: 1.539rem !important;
}
.mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.539rem !important;
}
.mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.539rem !important;
}
.ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.539rem !important;
}
.m-xl-5 {
    margin: 1.923rem !important;
}
.mt-xl-5,
  .my-xl-5 {
    margin-top: 1.923rem !important;
}
.mr-xl-5,
  .mx-xl-5 {
    margin-right: 1.923rem !important;
}
.mb-xl-5,
  .my-xl-5 {
    margin-bottom: 1.923rem !important;
}
.ml-xl-5,
  .mx-xl-5 {
    margin-left: 1.923rem !important;
}
.m-xl-6 {
    margin: 2.308rem !important;
}
.mt-xl-6,
  .my-xl-6 {
    margin-top: 2.308rem !important;
}
.mr-xl-6,
  .mx-xl-6 {
    margin-right: 2.308rem !important;
}
.mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2.308rem !important;
}
.ml-xl-6,
  .mx-xl-6 {
    margin-left: 2.308rem !important;
}
.m-xl-7 {
    margin: 3.077rem !important;
}
.mt-xl-7,
  .my-xl-7 {
    margin-top: 3.077rem !important;
}
.mr-xl-7,
  .mx-xl-7 {
    margin-right: 3.077rem !important;
}
.mb-xl-7,
  .my-xl-7 {
    margin-bottom: 3.077rem !important;
}
.ml-xl-7,
  .mx-xl-7 {
    margin-left: 3.077rem !important;
}
.m-xl-8 {
    margin: 3.851rem !important;
}
.mt-xl-8,
  .my-xl-8 {
    margin-top: 3.851rem !important;
}
.mr-xl-8,
  .mx-xl-8 {
    margin-right: 3.851rem !important;
}
.mb-xl-8,
  .my-xl-8 {
    margin-bottom: 3.851rem !important;
}
.ml-xl-8,
  .mx-xl-8 {
    margin-left: 3.851rem !important;
}
.p-xl-0 {
    padding: 0 !important;
}
.pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
}
.pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
}
.pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
}
.pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
}
.p-xl-1 {
    padding: 0.3846153846rem !important;
}
.pt-xl-1,
  .py-xl-1 {
    padding-top: 0.3846153846rem !important;
}
.pr-xl-1,
  .px-xl-1 {
    padding-right: 0.3846153846rem !important;
}
.pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.3846153846rem !important;
}
.pl-xl-1,
  .px-xl-1 {
    padding-left: 0.3846153846rem !important;
}
.p-xl-2 {
    padding: 0.7692307692rem !important;
}
.pt-xl-2,
  .py-xl-2 {
    padding-top: 0.7692307692rem !important;
}
.pr-xl-2,
  .px-xl-2 {
    padding-right: 0.7692307692rem !important;
}
.pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.7692307692rem !important;
}
.pl-xl-2,
  .px-xl-2 {
    padding-left: 0.7692307692rem !important;
}
.p-xl-3 {
    padding: 1.154rem !important;
}
.pt-xl-3,
  .py-xl-3 {
    padding-top: 1.154rem !important;
}
.pr-xl-3,
  .px-xl-3 {
    padding-right: 1.154rem !important;
}
.pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1.154rem !important;
}
.pl-xl-3,
  .px-xl-3 {
    padding-left: 1.154rem !important;
}
.p-xl-4 {
    padding: 1.539rem !important;
}
.pt-xl-4,
  .py-xl-4 {
    padding-top: 1.539rem !important;
}
.pr-xl-4,
  .px-xl-4 {
    padding-right: 1.539rem !important;
}
.pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.539rem !important;
}
.pl-xl-4,
  .px-xl-4 {
    padding-left: 1.539rem !important;
}
.p-xl-5 {
    padding: 1.923rem !important;
}
.pt-xl-5,
  .py-xl-5 {
    padding-top: 1.923rem !important;
}
.pr-xl-5,
  .px-xl-5 {
    padding-right: 1.923rem !important;
}
.pb-xl-5,
  .py-xl-5 {
    padding-bottom: 1.923rem !important;
}
.pl-xl-5,
  .px-xl-5 {
    padding-left: 1.923rem !important;
}
.p-xl-6 {
    padding: 2.308rem !important;
}
.pt-xl-6,
  .py-xl-6 {
    padding-top: 2.308rem !important;
}
.pr-xl-6,
  .px-xl-6 {
    padding-right: 2.308rem !important;
}
.pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2.308rem !important;
}
.pl-xl-6,
  .px-xl-6 {
    padding-left: 2.308rem !important;
}
.p-xl-7 {
    padding: 3.077rem !important;
}
.pt-xl-7,
  .py-xl-7 {
    padding-top: 3.077rem !important;
}
.pr-xl-7,
  .px-xl-7 {
    padding-right: 3.077rem !important;
}
.pb-xl-7,
  .py-xl-7 {
    padding-bottom: 3.077rem !important;
}
.pl-xl-7,
  .px-xl-7 {
    padding-left: 3.077rem !important;
}
.p-xl-8 {
    padding: 3.851rem !important;
}
.pt-xl-8,
  .py-xl-8 {
    padding-top: 3.851rem !important;
}
.pr-xl-8,
  .px-xl-8 {
    padding-right: 3.851rem !important;
}
.pb-xl-8,
  .py-xl-8 {
    padding-bottom: 3.851rem !important;
}
.pl-xl-8,
  .px-xl-8 {
    padding-left: 3.851rem !important;
}
.m-xl-auto {
    margin: auto !important;
}
.mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
}
.mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
}
.mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
}
.ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
}
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
    text-align: left !important;
}
.text-sm-right {
    text-align: right !important;
}
.text-sm-center {
    text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
    text-align: left !important;
}
.text-md-right {
    text-align: right !important;
}
.text-md-center {
    text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
    text-align: left !important;
}
.text-lg-right {
    text-align: right !important;
}
.text-lg-center {
    text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
    text-align: left !important;
}
.text-xl-right {
    text-align: right !important;
}
.text-xl-center {
    text-align: center !important;
}
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #4285f4 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: rgb(17.805, 101.89, 241.195) !important;
}
.text-secondary {
  color: #878787 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(109.5, 109.5, 109.5) !important;
}
.text-success {
  color: #34a853 !important;
}
a.text-success:hover, a.text-success:focus {
  color: rgb(39.9454545455, 129.0545454545, 63.7590909091) !important;
}
.text-info {
  color: #4285f4 !important;
}
a.text-info:hover, a.text-info:focus {
  color: rgb(17.805, 101.89, 241.195) !important;
}
.text-warning {
  color: #fbbc05 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: rgb(201.7716535433, 150.9251968504, 3.2283464567) !important;
}
.text-danger {
  color: #ea4335 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: rgb(213.7757847534, 37.0403587444, 22.2242152466) !important;
}
.text-light {
  color: #ffffff !important;
}
a.text-light:hover, a.text-light:focus {
  color: rgb(229.5, 229.5, 229.5) !important;
}
.text-dark {
  color: #3d3c3c !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: rgb(35.2892561983, 34.7107438017, 34.7107438017) !important;
}
.text-grey {
  color: #cccccc !important;
}
a.text-grey:hover, a.text-grey:focus {
  color: rgb(178.5, 178.5, 178.5) !important;
}
.text-muted {
  color: #878787 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@-webkit-keyframes cube-fade-in {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
}
}
@keyframes cube-fade-in {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
}
@-webkit-keyframes cube-pulse {
25% {
    -webkit-transform: scale(1.5);
}
75% {
    -webkit-transform: scale(0.8);
}
}
@keyframes cube-pulse {
25% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}
@-webkit-keyframes rotwist {
0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
}
}
@keyframes rotwist {
0% {
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
            transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
            transform: rotateY(720deg) rotateX(360deg) rotateZ(90deg);
}
}
@-webkit-keyframes extend-bar {
from {
    opacity: 0;
    width: 0;
}
to {
    opacity: 1;
}
}
@keyframes extend-bar {
from {
    opacity: 0;
    width: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes extend-circ {
from {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    opacity: 1;
}
}
@keyframes extend-circ {
from {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    opacity: 1;
}
}
@-webkit-keyframes extend-height {
from {
    height: 0;
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes extend-height {
from {
    height: 0;
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes from-top-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@keyframes from-top-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
}
@-webkit-keyframes from-top {
from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
}
@keyframes from-top {
from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
}
@-webkit-keyframes leave-top {
from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
}
@keyframes leave-top {
from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
}
}
@-webkit-keyframes from-bottom-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes from-bottom-simple {
from {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.live-competition-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 60px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.liveCompetition-details {
  width: 100%;
  display: block;
  position: relative;
}
.liveCompetition-details .details-row {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  margin: 0 auto 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.liveCompetition-details .details-row .detail-block {
  -ms-flex-negative: -1;
      flex-shrink: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30%;
}
.liveCompetition-details .details-row .detail-block:first-child {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 45%;
  text-align: left;
}
.liveCompetition-details .details-row .detail-block:last-child {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 25%;
  text-align: right;
}
.liveCompetition-details .details-row .detail-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.liveCompetition-details .details-row .detail-block .over {
  color: #52b3a0;
}
.liveCompetition-details .details-row .detail-block .started {
  color: #52B3A0;
}
.liveCompetition-details .details-row .detail-block .sub {
  width: 100%;
}
.liveCompetition-details .details-row .detail-block .sub .stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.liveCompetition-details .details-row .detail-block .sub .stat p {
  margin: 0 16px 0 0;
}
.liveCompetition-details .details-row .detail-block .count-down {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.liveCompetition-details .details-row .detail-block .count-down .bl {
  width: 25%;
}
.liveCompetition-details .details-row .detail-block h1,
.liveCompetition-details .details-row .detail-block h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.liveCompetition-details .details-row h1 {
  color: #fff;
  font-family: BebasNeue-Regular;
  font-size: 2em;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  font-weight: 100;
  line-height: 1.25;
}
.liveCompetition-details .details-row h4,
.liveCompetition-details .details-row p {
  color: #e1dbec;
  font-family: BebasNeue-Book;
  font-size: 1em;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  font-weight: 100;
  line-height: 1.25;
}
.liveCompetition-details .details-row h4 span,
.liveCompetition-details .details-row p span {
  color: #fff;
  font-family: BebasNeue-Bold;
}
.progress-nav {
  width: 100%;
  padding: 0 0 0 0;
  background: #2d2934;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  z-index: 9;
}
.progress-nav .small-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 8px;
  padding: 0.5rem 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.progress-nav .small-links .tinyLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  font-size: 0.9em;
  letter-spacing: 0.085em;
  color: #e1dbec;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  opacity: 0.6;
  margin: 4px 0 0 16px;
}
.progress-nav .small-links .tinyLink:hover {
  opacity: 1;
  text-decoration: none;
}
.progress-nav .small-links .tinyLink i {
  margin: -4px 4px 0 0;
  font-size: 1.15em;
}
.progress-nav .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 0 !important;
}
.progress-nav .navbar .navlink {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  letter-spacing: 2px;
  color: #e1dbec;
  cursor: pointer;
  -webkit-transition: color 300ms ease-out, opacity 300ms ease-out;
  transition: color 300ms ease-out, opacity 300ms ease-out;
}
.progress-nav .navbar .navlink.active, .progress-nav .navbar .navlink:hover {
  font-family: BebasNeue-Bold;
  color: #52b3a0;
}
.progress-nav .navbar .navlink.disabled {
  color: #4c4557;
  pointer-events: none;
  cursor: not-allowed;
}
.progress-nav.breadcrumb .navbar {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
.progress-nav.breadcrumb .navbar .navlink {
  margin: 2px 16px 0;
}
.progress-nav.breadcrumb .navbar .spacer {
  height: 100%;
  width: auto;
  margin: 0 16px 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.progress-nav.breadcrumb .navbar .spacer i {
  font-size: 1em;
  opacity: 0.5;
  color: #e1dbec;
}
.progress-nav.breadcrumb .btn-nue {
  border-left: 1px solid #4c4557;
}
.segment {
  width: 100%;
  margin: 0 0 16px;
  height: auto;
  background: #24212a;
  display: block;
  position: relative;
}
.segment h1,
.segment h2,
.segment h3,
.segment h4,
.segment h5,
.segment h6 {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
}
.segment h1.sub,
.segment h2.sub,
.segment h3.sub,
.segment h4.sub,
.segment h5.sub,
.segment h6.sub {
  color: #766a8a;
}
.segment h1 {
  font-size: 2em;
}
.segment h2 {
  font-size: 1.5em;
}
.segment h3 {
  font-size: 1.25em;
}
.segment h4 {
  font-size: 1em;
}
.segment p {
  color: #fff;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.64px;
  margin-bottom: 0;
}
.segment p.sub {
  color: #766a8a;
  font-size: 12px !important;
  margin: 8px 0 12px;
}
.segment p.danger {
  color: #ae381d;
}
.segment a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: BebasNeue-Regular;
  color: #52b3a0;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  position: relative;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
  text-decoration: none;
  letter-spacing: 0.15em;
  border-bottom: none;
  cursor: pointer;
}
.segment a::before {
  content: "";
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #52b3a0;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.segment a.active, .segment a:hover {
  color: #fff;
}
.segment a.active::before, .segment a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.segment span.success,
.segment a.success {
  color: #52b3a0;
}
.segment span.warning,
.segment a.warning {
  color: #52B3A0;
}
.segment span.sub,
.segment a.sub {
  color: #766a8a;
}
.segment span.ghost,
.segment a.ghost {
  color: #918c9a;
}
.segment span.danger,
.segment a.danger {
  color: #ae381d;
}
.segment span.action,
.segment a.action {
  opacity: 0.7;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.segment span.action:hover,
.segment a.action:hover {
  opacity: 1;
}
.segment span.bronze,
.segment a.bronze {
  background: #cd7f32;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 0.8;
}
.segment span.silver,
.segment a.silver {
  background: #b5b7bb;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 0.9;
}
.segment span.gold,
.segment a.gold {
  background: #52B3A0;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 1;
}
.segment > .header,
.segment > .content,
.segment > .footer {
  display: block;
  height: auto;
  width: 100%;
  position: relative;
}
.segment > .header {
  text-align: left;
  padding: 0 24px;
  background: #2d2934;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.segment > .header h1,
.segment > .header h2,
.segment > .header h3,
.segment > .header h4,
.segment > .header h5,
.segment > .header h6 {
  margin: 0 0 0 0;
}
.segment > .header .right-action {
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  max-width: 20%;
}
.segment > .header .right-action button {
  height: 100% !important;
}
.segment > .header .right-action button.btn-nue {
  color: #1a181e;
}
.segment > .header .right-action button.btn-nue:hover {
  color: #52b3a0;
}
.segment > .header .header-control {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0 0 0;
}
.segment > .header .header-control .header-tab {
  display: block;
  margin: 0px 16px -4px 0;
  padding: 0 0 8px 0;
  font-family: BebasNeue-Regular;
  font-size: 1.15em;
  letter-spacing: 2px;
  color: #e1dbec;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  text-decoration: none;
  border-bottom: none;
  cursor: pointer;
}
.segment > .header .header-control .header-tab::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 2px solid #52b3a0;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.segment > .header .header-control .header-tab.active, .segment > .header .header-control .header-tab:hover {
  color: #52b3a0;
  border-bottom: 1px solid #52b3a0;
}
.segment > .header .header-control .header-tab.active::before, .segment > .header .header-control .header-tab:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.segment > .header .header-control .header-tab.active::after, .segment > .header .header-control .header-tab:hover::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #52b3a0;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.segment > .header .header-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  width: 100%;
}
.segment > .header .header-flex .header-info {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0;
}
.segment > .header .header-flex .header-actions {
  width: 30%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 4px 0;
}
.segment > .header .header-flex .header-actions span,
.segment > .header .header-flex .header-actions a,
.segment > .header .header-flex .header-actions button {
  margin-left: 8px;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.segment > .header .header-flex .header-actions span:hover,
.segment > .header .header-flex .header-actions a:hover,
.segment > .header .header-flex .header-actions button:hover {
  opacity: 0.5;
}
.segment > .header .header-flex .header-actions .dropdown .multiselect__option {
  margin: 0 0 0 0;
}
.segment > .header .dropdown input {
  background: transparent;
  font-family: BebasNeue-Regular;
  padding: 0 0 0 0;
}
.segment > .header .dropdown .multiselect__single {
  margin: 0 0 0 0;
}
.segment > .header .dropdown .multiselect__tags {
  background: transparent;
  border-color: #4c4557;
  border-radius: 0;
  font-family: BebasNeue-Regular;
  padding: 4px 60px 4px 8px;
  min-height: 20px;
}
.segment > .header .dropdown .multiselect__tags .multiselect__single {
  background: transparent;
}
.segment > .header .dropdown .multiselect__content-wrapper {
  border-color: #4c4557;
  border: 1px solid #4c4557;
  border-radius: 0;
  background: #2d2934;
}
.segment > .header .dropdown .multiselect__content-wrapper .multiselect__option {
  background: #2d2934;
  border: 1px solid #4c4557;
  border-radius: 0;
}
.segment > .header .dropdown .multiselect__content-wrapper .multiselect__option--highlight {
  background: #52b3a0;
  color: #fff !important;
}
.segment > .header .dropdown .multiselect__content-wrapper .multiselect__option--highlight .icon i {
  color: #fff !important;
}
.segment > .header .dropdown .multiselect {
  min-height: 20px;
}
.segment > .header .dropdown .multiselect__single {
  min-height: 20px;
}
.segment > .header .dropdown .multiselect__option {
  min-height: 30px;
}
.segment > .header .dropdown .multiselect__option, .segment > .header .dropdown .multiselect__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.segment > .header .dropdown .multiselect__option .icon, .segment > .header .dropdown .multiselect__single .icon {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px 0 0;
}
.segment > .header .dropdown .multiselect__option .icon i, .segment > .header .dropdown .multiselect__single .icon i {
  font-size: 0.8em;
  color: #4c4557;
}
.segment > .header .dropdown .multiselect__option .title, .segment > .header .dropdown .multiselect__single .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.segment > .header .dropdown .multiselect__option .title h2, .segment > .header .dropdown .multiselect__single .title h2 {
  font-size: 1.15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.segment > .header .dropdown .multiselect__option .title h4, .segment > .header .dropdown .multiselect__single .title h4 {
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.segment > .header .dropdown .multiselect__select {
  height: 100%;
}
.segment > .header .dropdown .multiselect--active .multiselect__select {
  height: 60%;
}
.segment > .content {
  padding: 24px;
  background: #24212a;
  text-align: left;
  max-height: 70vh;
  min-height: 300px;
  overflow: auto;
}
.segment > .content.minimize {
  max-height: 380px;
  min-height: 140px;
}
.segment > .content.minimize.ultra {
  min-height: 0;
}
.segment > .content.maximize {
  max-height: unset;
  height: 100%;
  padding: 32px 16px 0;
}
.segment > .content.slim {
  padding: 32px 8px;
}
.segment > .content.slim-top {
  padding: 0 8px;
}
.segment > .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0 0 0 0;
}
.segment > .footer .btn-group {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.segment > .footer.spaceBottom {
  margin: 16px 0 0 0;
}
.segment > .footer.fadeBottom {
  margin: 0 0 0 0;
  position: relative;
  padding: 8px 0 0 0;
}
.segment > .footer.fadeBottom:after {
  content: "";
  height: 64px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #24212a), color-stop(75%, rgba(36, 33, 42, 0.4784313725)), to(transparent));
  background: linear-gradient(0deg, #24212a 15%, rgba(36, 33, 42, 0.4784313725) 75%, transparent 100%);
}
.segment.slim > .header {
  background: #4c4557;
  padding: 0 0 0 0;
  height: 32px;
  padding: 4px 16px;
}
.segment.slim > .content {
  padding: 0 0 0 0;
}
.segment.table > .content {
  padding: 16px 0 0;
}
.segment.card > .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  width: 100%;
  position: relative;
  padding: 0 0 0 0;
}
.segment.card > .header img {
  width: 100%;
  display: block;
  height: auto;
}
.segment.card > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 16px;
}
.segment.card > .content h1,
.segment.card > .content h2,
.segment.card > .content h3,
.segment.card > .content h4,
.segment.card > .content h5,
.segment.card > .content h6 {
  line-height: 1.5;
  margin: 0 0 0 0;
}
.segment.card > .content .ribbon {
  line-height: 1;
  margin: 1.2em auto 0.8em;
  font-size: 0.8em;
  position: relative;
  z-index: 999;
}
.segment.card > .content .ribbon .tooltip-text {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: left;
  -webkit-transition: all 300ms ease-out 2s;
  transition: all 300ms ease-out 2s;
  width: 220px;
  height: auto;
  white-space: wrap;
  background: #1a181e;
  color: #52b3a0;
  padding: 4px 4px;
  font-size: 12px;
}
.segment.card > .content .ribbon .tooltip-text:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1a181e;
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.segment.card > .content .ribbon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.segment.card > .content .ribbon span:not(.tooltip-text) {
  position: relative;
  border-radius: 2px;
}
.segment.card > .content .ribbon span:not(.tooltip-text) i {
  color: #fff;
}
.segment.card > .content .ribbon span:not(.tooltip-text)::after {
  content: "";
  height: 12px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #2d2934;
  width: 4px;
  border-radius: 4px 0px 0px 4px;
}
.segment.card > .content .ribbon span:not(.tooltip-text)::before {
  content: "";
  height: 12px;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #2d2934;
  width: 4px;
  border-radius: 0px 4px 4px 0px;
}
.segment.card > .content button {
  margin: 8px auto;
}
.segment.card > .content .links {
  list-style: none;
  margin: 16px auto;
  text-align: left;
  padding: 0 0 0 32px;
}
.segment.card > .content .links li {
  line-height: 1.7;
  font-size: 0.85em;
  font-family: BebasNeue-Book;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
}
.segment.card > .content .links li a {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #52b3a0;
}
.segment.card > .content .links li a i {
  font-size: 1em;
  margin: 0 5px 0 0;
}
.segment.card > .content .links li a:hover {
  color: #fff;
}
.segment .toggle-button {
  opacity: 0.8;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.segment .toggle-button .v-switch-core {
  border: 1px solid #52B3A0;
}
.segment .toggle-button.toggled .v-switch-core {
  border: 1px solid #52b3a0;
}
.segment .toggle-button:hover {
  opacity: 1;
}
.segment .toggle-button .v-switch-button {
  width: 17px !important;
  height: 17px !important;
}
.segment .toggle-button .v-switch-core,
.segment .toggle-button .v-switch-button {
  border-radius: 2px !important;
}
.segment .toggle-button .v-switch-label {
  letter-spacing: 0.115em;
  font-family: "BebasNeue-Regular";
  font-weight: 900;
  font-size: 1.25em;
  color: #52B3A0;
}
@media screen and (max-width: 1400px) {
.segment .toggle-button .v-switch-button {
    width: 12px !important;
    height: 12px !important;
}
.segment .toggle-button .v-switch-label {
    top: 0px;
    font-size: 1.15em !important;
    line-height: 20px !important;
}
.segment .toggle-button .v-switch-core {
    width: 85px !important;
    height: 20px !important;
}
}
.accordian {
  width: 100%;
  display: block;
  margin: 0 0 8px;
}
.accordian .accordian-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4c4557;
  position: relative;
  cursor: pointer;
}
.accordian .accordian-header .header-info {
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accordian .accordian-header .actions {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accordian .accordian-header .actions button {
  height: 100%;
  right: 0;
  top: 0;
  font-size: 1em;
}
.accordian .accordian-header .actions button i {
  font-size: 1.15em;
}
.accordian .accordian-content {
  width: 100%;
  padding: 16px;
  background: #2d2934;
  display: block;
  position: relative;
}
.accordian.teams .invited-team-members {
  padding: 0 16px;
  margin: 0 0 0 0;
}
.accordian.teams .invited-team-members .team-member,
.accordian.teams .invited-team-members .join-btn {
  width: 30%;
}
.accordian.teams .invited-team-members .team-member .details {
  width: 100% !important;
}
.accordian.teams .invited-team-members .team-member .actions {
  display: none;
}
.placeholder {
  width: 32px;
  height: 32px;
  background: #4c4557;
  border-radius: 50%;
  margin: 0 16px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.placeholder.md {
  width: 45px;
  height: 45px;
}
.placeholder.lg {
  width: 60px;
  height: 60px;
}
.placeholder .user-image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: contain !important;
}
.modal-container {
  position: fixed;
  height: calc(100vh - 50px);
  top: 50px;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-container .screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
.modal-container .screen:hover {
  background: rgba(0, 0, 0, 0.6);
}
.modal-container .modal-card {
  width: 60vw;
  max-width: 730px;
  min-width: 380px;
}
@media screen and (max-width: 996px) {
.modal-container .modal-card {
    width: 380px;
}
}
@media screen and (max-width: 420px) {
.modal-container .modal-card {
    width: 100%;
}
}
.modal-container .modal-card {
  height: auto;
  z-index: 9999;
  background: #24212a;
  display: block;
  position: relative;
}
.modal-container .modal-card h1,
.modal-container .modal-card h2,
.modal-container .modal-card h3,
.modal-container .modal-card h4,
.modal-container .modal-card h5,
.modal-container .modal-card h6 {
  line-height: 1.5;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
}
.modal-container .modal-card h1.sub,
.modal-container .modal-card h2.sub,
.modal-container .modal-card h3.sub,
.modal-container .modal-card h4.sub,
.modal-container .modal-card h5.sub,
.modal-container .modal-card h6.sub {
  color: #766a8a;
}
.modal-container .modal-card h1 {
  font-size: 2em;
}
.modal-container .modal-card h2 {
  font-size: 1.5em;
}
.modal-container .modal-card h3 {
  font-size: 1.25em;
}
.modal-container .modal-card h4 {
  font-size: 1em;
}
.modal-container .modal-card p {
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.085em;
  color: #e1dbec;
  font-size: 0.8em;
  font-family: Futura;
  padding: 0 12px;
}
.modal-container .modal-card p.sub {
  color: #766a8a;
  font-size: 0.8em;
}
.modal-container .modal-card p.danger {
  color: #ae381d;
}
.modal-container .modal-card .modal-header, .modal-container .modal-card .modal-content, .modal-container .modal-card .modal-footer {
  display: block;
  height: auto;
  width: 100%;
  position: relative;
}
.modal-container .modal-card .modal-header {
  text-align: left;
  padding: 12px 32px 8px;
  background: #2d2934;
}
.modal-container .modal-card .modal-content {
  padding: 32px;
  background: #24212a;
  text-align: left;
}
.modal-container .modal-card .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 0 0 0;
  border-top: 1px solid #4c4557;
}
.modal-container .modal-card .modal-footer .btn-group {
  border-left: 1px solid #4c4557;
  border-bottom: 1px solid #4c4557;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.modal-container.popUp .modal-card {
  -webkit-box-shadow: 4px 4px 12px #1a181e;
          box-shadow: 4px 4px 12px #1a181e;
  width: 50vw;
}
@media screen and (max-width: 996px) {
.modal-container.popUp .modal-card {
    width: 380px;
}
}
@media screen and (max-width: 420px) {
.modal-container.popUp .modal-card {
    width: 100%;
}
}
.modal-container.popUp .modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-container.popUp .modal-header .header-actions {
  position: absolute;
  top: 8px;
  right: 16px;
}
.modal-container.popUp .modal-header .header-actions i {
  font-size: 1.15em;
  cursor: pointer;
}
.modal-container.popUp .modal-header .header-actions:hover i {
  color: #fff;
}
.modal-container.popUp .modal-footer {
  border: none;
  padding: 8px 16px 16px;
}
.modal-container.popUp .modal-footer .footer-actions {
  width: auto;
}
.modal-container.popUp .modal-footer .footer-actions .btn-group {
  border: none;
}
.modal-container.popUp .modal-footer .footer-actions .btn-group button {
  margin: 0 0 0 8px;
}
.floating-sets {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.floating-sets .set {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.floating-sets .set img,
.floating-sets .set span,
.floating-sets .set div,
.floating-sets .set ul,
.floating-sets .set table {
  margin: 4px auto;
}
.floating-sets .set h1,
.floating-sets .set h2,
.floating-sets .set h3,
.floating-sets .set h4,
.floating-sets .set h5,
.floating-sets .set h6,
.floating-sets .set p,
.floating-sets .set a,
.floating-sets .set li {
  margin: 0 0 0 0;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.floating-sets .set h1.detail,
.floating-sets .set h2.detail,
.floating-sets .set h3.detail,
.floating-sets .set h4.detail,
.floating-sets .set h5.detail,
.floating-sets .set h6.detail,
.floating-sets .set p.detail,
.floating-sets .set a.detail,
.floating-sets .set li.detail {
  font-size: 0.8em;
  white-space: normal;
  margin: 10px 5px;
}
.flex-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}
.flex-block.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-block.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-block.rightAlign {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-block.topAlign {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-block.bottomAlign {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-block.action-block {
  padding: 0 0 8px;
  border-bottom: 1px solid #4c4557;
  margin: 0 0 16px;
}
.flex-block .block {
  display: block;
  position: relative;
}
.flex-block .block__80 {
  width: 80%;
}
.flex-block .block__75 {
  width: 75%;
}
.flex-block .block__70 {
  width: 70%;
}
.flex-block .block__60 {
  width: 60%;
}
.flex-block .block__50 {
  width: 50%;
}
.flex-block .block__30 {
  width: 30%;
}
.flex-block .block__33 {
  width: 33.333333%;
}
.flex-block .block__25 {
  width: 25%;
}
.flex-block .block__20 {
  width: 20%;
}
.flex-block .block h1,
.flex-block .block h2,
.flex-block .block h3,
.flex-block .block h4,
.flex-block .block h5,
.flex-block .block h6 {
  text-align: left;
  line-height: 1.15;
}
.flex-block .block .placeholder {
  margin: 4px auto;
}
.flex-block .block.loading-table {
  height: auto;
  min-height: 450px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: repeating-linear-gradient(#1a181e, #1a181e 40px, #4c4557 40px, #4c4557 80px);
  border-bottom: 2px solid #4c4557;
  pointer-events: none;
  overflow: hidden;
  pointer-events: none;
}
.flex-block .block.loading-table:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.5;
  z-index: 99;
}
.flex-block .block.loading-table::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 9999;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 0, 0, 0.1)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.flex-block .block.loading-table > * {
  opacity: 0.7;
  z-index: 999;
}
.flex-block .block.loading-table span.warning {
  color: #52B3A0;
}
.flex-block .block.loading-table p {
  font-family: Futura;
}
@-webkit-keyframes loading {
100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
}
@keyframes loading {
100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
}
.live-form .player-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10% 0 0;
}
.live-form.user-form .form_input {
  margin: 0 0 30px;
}
.live-form.user-form .form_input .dropdown .multiselect__tags {
  padding: 12px 16px 10px;
}
.live-form.user-form .form_input .dropdown .multiselect__tags input,
.live-form.user-form .form_input .dropdown .multiselect__tags span {
  font-family: BebasNeue-Regular;
  font-size: 1;
}
.live-form.user-form .form_input .dropdown input {
  padding: 0 0 0 0;
}
.live-form .input-container,
.live-form .form_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.live-form .input-container.radio-container,
.live-form .form_input.radio-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.live-form .input-container.radio-container .radio,
.live-form .form_input.radio-container .radio {
  margin: 0 32px 8px 0;
  cursor: pointer;
}
.live-form .input-container.radio-container .radio input,
.live-form .form_input.radio-container .radio input {
  margin: 0 8px 0 0;
}
.live-form .input-container.radio-container .radio label,
.live-form .form_input.radio-container .radio label {
  font-size: 0.8em;
  margin: 6px 0 0 0;
}
.live-form .input-container .dropdown input,
.live-form .form_input .dropdown input {
  background: transparent;
  font-family: BebasNeue-Regular;
}
.live-form .input-container .dropdown .multiselect__tags,
.live-form .form_input .dropdown .multiselect__tags {
  background: transparent;
  border-color: #4c4557;
  border-radius: 0;
  font-family: BebasNeue-Regular;
}
.live-form .input-container .dropdown .multiselect__tags .multiselect__single,
.live-form .form_input .dropdown .multiselect__tags .multiselect__single {
  background: transparent;
}
.live-form .input-container .dropdown .multiselect__content-wrapper,
.live-form .form_input .dropdown .multiselect__content-wrapper {
  border-color: #4c4557;
  border: 1px solid #4c4557;
  border-radius: 0;
  background: #2d2934;
}
.live-form .input-container .dropdown .multiselect__content-wrapper .multiselect__option,
.live-form .form_input .dropdown .multiselect__content-wrapper .multiselect__option {
  background: #2d2934;
  border: 1px solid #4c4557;
  border-radius: 0;
}
.live-form .input-container .dropdown .multiselect__content-wrapper .multiselect__option--highlight,
.live-form .form_input .dropdown .multiselect__content-wrapper .multiselect__option--highlight {
  background: #52b3a0;
  color: #fff !important;
}
.live-form .input-container .dropdown .multiselect__content-wrapper .multiselect__option--highlight .icon i,
.live-form .form_input .dropdown .multiselect__content-wrapper .multiselect__option--highlight .icon i {
  color: #fff !important;
}
.live-form .input-container .dropdown .multiselect__option, .live-form .input-container .dropdown .multiselect__single,
.live-form .form_input .dropdown .multiselect__option,
.live-form .form_input .dropdown .multiselect__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-form .input-container .dropdown .multiselect__option .icon, .live-form .input-container .dropdown .multiselect__single .icon,
.live-form .form_input .dropdown .multiselect__option .icon,
.live-form .form_input .dropdown .multiselect__single .icon {
  width: 60px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px 0 0;
}
.live-form .input-container .dropdown .multiselect__option .icon i, .live-form .input-container .dropdown .multiselect__single .icon i,
.live-form .form_input .dropdown .multiselect__option .icon i,
.live-form .form_input .dropdown .multiselect__single .icon i {
  font-size: 2.6em;
  color: #4c4557;
}
.live-form .input-container .dropdown .multiselect__option .title, .live-form .input-container .dropdown .multiselect__single .title,
.live-form .form_input .dropdown .multiselect__option .title,
.live-form .form_input .dropdown .multiselect__single .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.live-form .input-container .dropdown .multiselect__option .title h2, .live-form .input-container .dropdown .multiselect__single .title h2,
.live-form .form_input .dropdown .multiselect__option .title h2,
.live-form .form_input .dropdown .multiselect__single .title h2 {
  font-size: 1.15em;
}
.live-form .input-container .dropdown .multiselect__option .title h4, .live-form .input-container .dropdown .multiselect__single .title h4,
.live-form .form_input .dropdown .multiselect__option .title h4,
.live-form .form_input .dropdown .multiselect__single .title h4 {
  font-size: 0.8em;
}
.live-form .input-container .dropdown .multiselect__select,
.live-form .form_input .dropdown .multiselect__select {
  height: 80%;
}
.live-form .input-container .dropdown.search .multiselect__tags,
.live-form .form_input .dropdown.search .multiselect__tags {
  height: 50px;
}
.live-form .input-container .dropdown.search input,
.live-form .form_input .dropdown.search input {
  padding: 0 15px 6px;
}
.live-form .input-container label,
.live-form .form_input label {
  line-height: 1;
  font-family: BebasNeue-Book;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
  font-size: 1em;
}
.live-form .input-container input,
.live-form .form_input input {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #fff;
  font-size: 1.15em;
  padding: 16px 16px 12px;
  background: #2d2934;
  border: none;
}
.live-form .input-container input:not([type=submit]), .live-form .input-container input:not([type=radio]),
.live-form .form_input input:not([type=submit]),
.live-form .form_input input:not([type=radio]) {
  width: 100%;
}
.live-form .input-container input.disabled,
.live-form .form_input input.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.live-form .input-container .enter-complete,
.live-form .form_input .enter-complete {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 0;
  height: 50px;
}
.live-form .input-container .enter-complete input:not([type=submit]),
.live-form .form_input .enter-complete input:not([type=submit]) {
  width: 80%;
  height: 100%;
}
.live-form .input-container .enter-complete input[type=submit],
.live-form .form_input .enter-complete input[type=submit] {
  width: 20%;
  margin: 0 6px;
  font-size: 1em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2em 0 0 0;
  cursor: pointer;
  background: #52b3a0;
}
.live-form .input-container .enter-complete input[type=submit]:disabled,
.live-form .form_input .enter-complete input[type=submit]:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.progress-circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.progress-circles .pro-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: relative;
}
.progress-circles .pro-circle .cir {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  color: #4a4a4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 12px auto;
  position: relative;
}
.progress-circles .pro-circle .cir .circular-chart {
  display: block;
  margin: 0px auto;
  width: 100%;
  max-height: 100%;
  position: relative;
}
.progress-circles .pro-circle .cir .back-circle {
  stroke: #4c4557;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  position: relative;
}
.progress-circles .pro-circle .cir .circle {
  stroke: #918c9a;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  -webkit-animation: progress 1s ease-out forwards;
          animation: progress 1s ease-out forwards;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: relative;
}
.progress-circles .pro-circle .num {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #918c9a;
  font-size: 1.15em;
  margin: 8px auto;
}
.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 16px 0 16px 8px;
}
.tags .label {
  margin: 0 0 12px 12px;
  background: #4c4557;
  color: #e1dbec;
  margin: 0px 4px 8px;
  font-family: BebasNeue-Book;
  font-size: 0.8em;
  letter-spacing: 0.125em;
  padding: 0.4em 1.6em 0.2em;
}
.live-list {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}
.live-list .live-list-header,
.live-list .live-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.live-list .live-list-header {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  margin: 0 0 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 0 0 0 0;
}
.live-list .live-list-header span {
  color: #766a8a;
  margin: 0 8px 0 0;
  font-family: BebasNeue-Book;
  font-size: 0.8em;
  letter-spacing: 0.125em;
  padding: 0 0.6em 0;
  min-width: 48px;
}
.live-list .live-list-header span.lg {
  width: 40%;
  max-width: 240px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.live-list .live-list-body {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 0;
  padding: 0 0 64px;
  height: auto;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  border-bottom: 2px solid #e1dbec;
}
.live-list .live-list-body.min {
  border-bottom: none;
  padding: 0 0 0;
}
.live-list .live-list-body .live-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin: 0 0 16px;
  padding: 8px 0 6px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  background: #4c4557;
}
.live-list .live-list-body .live-list-row span {
  color: #fff;
  margin: 0 8px 0 0;
  font-family: BebasNeue-Regular;
  font-size: 0.9em;
  letter-spacing: 2px;
  padding: 0 0.6em 0;
  min-width: 48px;
}
.live-list .live-list-body .live-list-row span.lg {
  width: 40%;
  max-width: 240px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.live-list .live-list-body .live-list-row span.play, .live-list .live-list-body .live-list-row span.play-close {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background: #2d2934;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.live-list .live-list-body .live-list-row span.play i, .live-list .live-list-body .live-list-row span.play-close i {
  font-size: 1.15em;
  color: #52b3a0;
  margin: 0 0 0 4px;
}
.live-list .live-list-body .live-list-row span.play:hover, .live-list .live-list-body .live-list-row span.play-close:hover {
  background: #1a181e;
}
.live-list .live-list-body .live-list-row span.play:hover i, .live-list .live-list-body .live-list-row span.play-close:hover i {
  color: #fff;
}
.live-list .live-list-body .live-list-row span.play-close i {
  color: #f9502a;
  margin: 0 0 0 3px;
}
.live-list .live-list-body .live-list-row span.sub,
.live-list .live-list-body .live-list-row span .sub {
  color: #766a8a;
  font-size: 1em;
  padding: 0 0 0 0;
  margin: 0 5px;
}
.live-list .live-list-body .live-list-row.win span.result {
  color: #52b3a0;
}
.live-list .live-list-body .live-list-row.loss span.result {
  color: #f9502a;
}
@-webkit-keyframes progress {
0% {
    stroke-dasharray: 0 100;
}
}
@keyframes progress {
0% {
    stroke-dasharray: 0 100;
}
}
.schedule-wrapper {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 50px);
  top: 50px;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}
.schedule-wrapper .screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}
.schedule-wrapper .screen:hover {
  background: rgba(0, 0, 0, 0.3);
}
.schedule-wrapper .schedule-content {
  position: absolute;
  right: 0;
  top: 0;
  width: 40vw;
  min-width: 380px;
  max-width: 600px;
  overflow: auto;
  height: calc(100vh - 50px);
  display: block;
  z-index: 9999;
  background: #2d2934;
  padding: 16px;
}
.schedule-wrapper .schedule-content .schedule-checklist {
  text-align: left;
  display: block;
  position: relative;
  margin: 32px 0;
  padding: 0 0 0 32px;
}
.schedule-wrapper .schedule-content .schedule-checklist .checklist-step {
  margin: 16px 0;
  display: block;
}
.schedule-wrapper .schedule-content .schedule-checklist .checklist-step h4 {
  color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-checklist .checklist-step a {
  color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-checklist .checklist-step a:hover {
  color: #fff;
}
.schedule-wrapper .schedule-content .schedule-checklist .checklist-action {
  position: absolute;
  right: 0;
  top: -30px;
}
.schedule-wrapper .schedule-content .competition-details {
  display: block;
  width: 100%;
  margin: 16px 0;
  padding: 12px 0 8px;
  text-align: center;
  border-top: 1px solid #4c4557;
  border-bottom: 1px solid #4c4557;
}
.schedule-wrapper .schedule-content .competition-details.active {
  border-color: #52B3A0;
}
.schedule-wrapper .schedule-content .competition-details.active h3 {
  color: #52B3A0;
}
.schedule-wrapper .schedule-content .competition-details.active.timesUp {
  border-color: #52b3a0;
}
.schedule-wrapper .schedule-content .competition-details.active.timesUp h3 {
  color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-steps {
  text-align: left;
  display: block;
  position: relative;
  margin: 32px 0;
  padding: 0 0 0 32px;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step {
  margin: 4px 0;
  display: block;
  padding: 8px 8px 8px 40px;
  position: relative;
  border-left: 1px solid #4c4557;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step a {
  color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step h3 {
  margin: 0 0 8px;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step .bubble {
  width: 48px;
  height: 48px;
  position: absolute;
  left: -24px;
  top: 0;
  background: #2d2934;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step .bubble::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  border-radius: 50%;
  border: 2px solid #4c4557;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active {
  border-color: #52B3A0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active h3 {
  color: #52B3A0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active .bubble::after {
  background-color: #52B3A0;
  border-color: #52B3A0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active.timesUp {
  border-color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active.timesUp h3 {
  color: #52b3a0;
}
.schedule-wrapper .schedule-content .schedule-steps .schedule-step.active.timesUp .bubble::after {
  background-color: #52b3a0;
  border-color: #52b3a0;
}
.schedule-wrapper a {
  border-bottom: 1px solid #52b3a0;
  color: #e1dbec;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  cursor: pointer !important;
}
.schedule-wrapper a:hover {
  border-bottom: none;
  color: #fff;
}
.schedule-wrapper a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.schedule-wrapper a::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.schedule-wrapper h1,
.schedule-wrapper h2,
.schedule-wrapper h3,
.schedule-wrapper h4,
.schedule-wrapper h5,
.schedule-wrapper h6 {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  color: #e1dbec;
  margin: 0 0 0 0;
}
.schedule-wrapper h1.sub,
.schedule-wrapper h2.sub,
.schedule-wrapper h3.sub,
.schedule-wrapper h4.sub,
.schedule-wrapper h5.sub,
.schedule-wrapper h6.sub {
  opacity: 0.7;
}
.schedule-wrapper h1 {
  font-size: 2em;
}
.schedule-wrapper h2 {
  font-size: 1.5em;
}
.schedule-wrapper h3 {
  font-size: 1.25em;
  font-family: BebasNeue-Book;
}
.schedule-wrapper h4 {
  font-size: 1.15em;
}
.schedule-wrapper p {
  line-height: 1.5 !important;
  color: #e1dbec;
  font-size: 0.8em !important;
  margin: 4px 0 !important;
}
.schedule-wrapper p.sub {
  color: #4c4557;
  font-size: 10px !important;
  margin: 12px 0;
}
.schedule-wrapper p.danger {
  color: #ae381d;
}
.schedule-wrapper span.success,
.schedule-wrapper a.success {
  color: #52b3a0;
}
.schedule-wrapper span.warning,
.schedule-wrapper a.warning {
  color: #52B3A0;
}
.schedule-wrapper span.sub,
.schedule-wrapper a.sub {
  color: #4c4557;
}
.schedule-wrapper span.danger,
.schedule-wrapper a.danger {
  color: #ae381d;
}
.schedule-wrapper span.action,
.schedule-wrapper a.action {
  opacity: 0.7;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.schedule-wrapper span.action:hover,
.schedule-wrapper a.action:hover {
  opacity: 1;
}
.schedule-wrapper span.bronze,
.schedule-wrapper a.bronze {
  background: #cd7f32;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 0.8;
}
.schedule-wrapper span.silver,
.schedule-wrapper a.silver {
  background: #b5b7bb;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 0.9;
}
.schedule-wrapper span.gold,
.schedule-wrapper a.gold {
  background: #52B3A0;
  padding: 0.6em 0.8em 0.4em;
  color: #1a181e;
  opacity: 1;
}
.live-learning #rules-section #scrollSpy {
  position: sticky;
  left: 0;
  top: 0;
}
.live-learning #rules-nav {
  position: absolute;
  width: 100%;
  margin: 0 0 0 0;
  top: 0px;
  left: 0;
  background: #4c4557;
}
@media screen and (max-width: 992px) {
.live-learning #rules-nav {
    display: none;
}
}
.live-learning #rules-nav .set {
  padding: 4px 0 0px;
}
.live-learning #rules-nav .set a {
  color: #52b3a0;
}
.live-learning #rules-nav .set a:hover {
  color: #fff;
}
.live-learning #rules-section {
  height: 600px;
  overflow: auto;
  margin: 16px 0 0;
  padding: 0 0 32px 0;
}
.live-config {
  margin: 0 0 32px;
  padding: 0 0 0 0;
  display: block;
  text-align: left;
  position: relative;
}
.live-config h2 {
  font-size: 1.5em;
  width: 100%;
  border-bottom: 1px solid #52B3A0;
  color: #52B3A0;
  margin: 0 0 16px;
  letter-spacing: 2px;
}
.live-config p {
  font-size: 0.9em !important;
  margin: 0 0 16px !important;
}
.live-config table {
  width: 100%;
  margin: 32px 0;
}
.live-config table.disabled {
  opacity: 0.4;
}
.live-config table thead tr th {
  background: #2d2934;
  padding: 8px 0;
  border: none;
  color: #e1dbec;
  font-family: BebasNeue-Book;
  font-size: 1.25em;
  letter-spacing: 2px;
  text-align: center;
}
.live-config table thead tr th:not(:first-child) {
  position: relative;
  overflow: hidden;
}
.live-config table thead tr th:not(:first-child)::before {
  content: "";
  width: 80;
  height: 60px;
  border-left: 1px solid #4c4557;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  position: absolute;
  top: -5px;
  left: 9px;
}
.live-config table thead tr th.sm {
  font-size: 1em;
  padding: 8px 32px;
}
.live-config table thead tr th.sm:not(:first-child)::before {
  left: 6px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.live-config table thead tr th.sm i {
  font-size: 1.15em;
  margin: 0 8px 0 0;
}
.live-config table tbody {
  border-bottom: 3px solid #2d2934;
}
.live-config table tbody tr {
  background: rgba(45, 41, 52, 0.6);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.live-config table tbody tr:hover {
  background: #2d2934;
}
.live-config table tbody tr:hover td {
  background: #2d2934;
  color: #fff;
}
.live-config table tbody tr td {
  background: rgba(45, 41, 52, 0.6);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: unset;
  border-bottom: 1px solid #4c4557;
  font-family: BebasNeue-Book;
  color: #e1dbec;
  letter-spacing: 2px;
  padding: 4px 8px;
}
.live-config table tbody tr td:last-child {
  color: #52B3A0;
}
.live-config table tbody tr td.date {
  font-size: 0.8em;
  font-family: BebasNeue-Bold;
}
.live-config table tbody tr td.date i {
  font-size: 1em;
  margin: 0 4px 4px 0;
}
.live-config table tbody tr td.strongLink {
  font-size: 1.15em;
  font-family: BebasNeue-Bold;
  letter-spacing: 2px;
}
.live-config table tbody tr td.strongLink a {
  color: #52b3a0;
  text-decoration: none;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  position: relative;
  cursor: pointer !important;
}
.live-config table tbody tr td.strongLink a:hover {
  border-bottom: none;
  color: #fff;
}
.live-config table tbody tr td.strongLink a:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.live-config table tbody tr td.strongLink a::before {
  top: 0;
  left: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.live-config table tbody tr td:not(:first-child) {
  border-left: 1px solid #4c4557;
}
.live-config table tbody tr td:first-child {
  padding-left: 16px;
}
.live-config table tbody tr td.user-avatar img {
  height: 35px;
  width: 35px;
}
.live-config table tbody tr td.user-avatar span {
  font-family: BebasNeue-Book;
  color: #e1dbec;
  letter-spacing: 2px;
  line-height: 1.4;
}
.liveTeamDetails .content {
  overflow: visible;
}
.liveMatches #matches {
  padding: 0 0 0 0 !important;
}
.final-submission-warning {
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.64px;
}
.my-team-manager {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.my-team-manager .team-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  padding: 0 16px;
}
.my-team-manager .team-details .team-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.my-team-manager .team-details .team-block h4.sub {
  margin: 0 0 16px;
}
.my-team-manager .team-details .team-block p {
  color: #50a897;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "Barlow Condensed";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.my-team-manager .algo-submission {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 16px;
  border-left: 1px solid #4c4557;
}
.my-team-manager .algo-submission h4.sub {
  margin: 0 0 8px;
}
.my-team-manager .algo-submission.noteam {
  width: 100%;
  border-left: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-team-manager .members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.my-team-manager .members .team-member {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 8px 16px 0;
  height: 100%;
  width: 100%;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border: 1px solid transparent;
  text-align: center;
}
.my-team-manager .members .team-member .placeholder {
  margin: 0 0 0 0;
}
.my-team-manager .members .team-member .name {
  line-height: 1;
  font-family: BebasNeue-Regular;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
  font-size: 0.7em;
  margin: 0 0 0 0;
  white-space: nowrap;
}
#roster-table b {
  font-family: BebasNeue-Bold;
  -webkit-font-smoothing: antialiased;
}
#roster-table .center {
  text-align: center;
}
#roster-table .members {
  width: auto;
  text-align: center;
}
#roster-table .members .team-member {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#algo-selector.s3.live-algo-submission .algo-carousel {
  display: block;
  width: calc(55% - 2px);
  top: 100%;
  position: absolute;
  right: -1px;
  padding: 0 0 0 0;
  z-index: 999999;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list {
  display: block;
  height: auto;
  z-index: 9999;
  border: 1px solid #1a181e;
  max-height: 180px;
  overflow-y: scroll;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options {
  padding: 0 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option {
  margin: 0 0 0 0;
  width: 100%;
  border: none;
  padding: 16px 8px;
  background: #2d2934;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option:hover {
  background: #4c4557;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option:before, #algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option:after {
  content: "";
  display: none;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-image {
  width: 30%;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-image img {
  height: 40px;
  width: auto;
  margin: 0 0 0 0;
}
#algo-selector.s3.live-algo-submission .algo-carousel .s3-algo-list .s3-algo-options .algo-option .algo-content {
  width: 70%;
}
#algo-selector.s3.live-algo-submission .algo-selection .submit-window {
  background: #4c4557;
  opacity: 1;
  z-index: 99999;
  bottom: -41px;
  height: 40px;
}
#algo-selector.s3.live-algo-submission .algo-selection .submit-window span {
  font-size: 0.8em;
}
#algo-selector.s3.live-algo-submission .algo-selection .submit-window .selectedAlgo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer h4,
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer p {
  margin: 0 0 0 0;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer p {
  font-size: 0.8em;
  font-family: BebasNeue-Book !important;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo {
  width: 60%;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option {
  margin: 0 0 0 0;
  width: 100%;
  border: none;
  padding: 0 30px 0 30px;
  background: #2d2934;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option:before, #algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option:after {
  content: "";
  display: none;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option .algo-image {
  width: 30%;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option .algo-image img {
  height: 40px;
  width: auto;
  margin: 0 0 0 0;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer .currentAlgo .algo-option .algo-content {
  width: 70%;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer #changeAlgo {
  right: 0;
  top: 0;
  width: 26px;
  height: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  min-width: 0;
  background: #4c4557;
}
#algo-selector.s3.live-algo-submission .algo-selection .disclaimer #changeAlgo i {
  margin: 0 0 0 0;
  color: #fff;
}
#algo-selector.s3.live-algo-submission .algo-selection.success .disclaimer #changeAlgo {
  background: #52b3a0;
}
#algo-selector.s3.live-algo-submission .algo-selection.warning {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
}
#algo-selector.s3.live-algo-submission .algo-selection.warning .disclaimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 0;
}
#algo-selector.s3.live-algo-submission .algo-selection.warning .disclaimer:before {
  display: none;
}
#algo-selector.s3.live-algo-submission .algo-selection.warning .disclaimer .content h4 {
  color: #52B3A0;
}
#algo-selector.s3.live-algo-submission .algo-selection.warning .disclaimer #changeAlgo {
  background: #52B3A0;
}
.publicProfile.s3 {
  width: 100%;
  display: block;
  text-align: left;
  height: auto;
  position: relative;
}
.publicProfile.s3 .basicInfo {
  position: relative;
}
.publicProfile.s3 .basicInfo .certifications {
  padding: 0 32px 32px;
  border-bottom: 1px solid #4c4557;
}
.publicProfile.s3 .basicInfo .certifications .set h4 span {
  color: #918c9a;
}
.publicProfile.s3 .basicInfo .certifications .placeholder {
  width: 60px;
  height: 60px;
  background-color: #2d2934;
}
.publicProfile.s3 .basicInfo .description {
  width: 100%;
  padding: 32px 16px;
  border-bottom: 1px solid #4c4557;
}
.publicProfile.s3 .basicInfo .description p {
  line-height: 1.5;
  font-size: 1em;
  color: #918c9a;
}
.publicProfile.s3 .basicInfo .information {
  width: 100%;
  padding: 32px 0;
}
.publicProfile.s3 .basicInfo .information .languages,
.publicProfile.s3 .basicInfo .information .skills {
  width: 50%;
  text-align: left;
  height: 100%;
}
.publicProfile.s3 .user-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px auto 8px;
}
.publicProfile.s3 .user-links a {
  font-size: 1.8em;
  margin: 0 4px;
}
#profile-table-container {
  min-width: 100%;
  width: auto;
  height: auto;
  overflow: auto;
  display: block;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/S3PlayerControlRow.vue?vue&type=style&index=0&id=7b35295c&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.algo-enter-active {
  -webkit-transition: all 500ms ease-out 500ms;
  transition: all 500ms ease-out 500ms;
}
.algo-leave-active {
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.algo-enter {
  opacity: 0 !important;
  top: -50px !important;
}
.algo-leave-to {
  opacity: 0 !important;
  top: 50px !important;
}
.algo-enter-to,
.algo-leave {
  opacity: 1 !important;
  top: 0px !important;
}
#boss-levels {
  position: relative;
  width: 100%;
  margin: -30px 0 15px;
  text-align: left;
}
#boss-levels span {
  font-size: 14px;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.01em;
  margin: 0 30px 0 0;
  opacity: 0.8;
}
#boss-levels span.easy {
  color: #92dd57;
}
#boss-levels span.medium {
  color: #52B3A0;
}
#boss-levels span.hard {
  color: #f9502a;
}
#player-select .cards-row .card-block .cards .card[difficulty="1"] {
  border-top: 2px solid #92dd57 !important;
}
#player-select .cards-row .card-block .cards .card[difficulty="2"] {
  border-top: 2px solid #52B3A0 !important;
}
#player-select .cards-row .card-block .cards .card[difficulty="3"] {
  border-top: 2px solid #f9502a !important;
}
@media screen and (min-width: 1280px) {
#player-select .cards-row .card-block .cards .card:not(.add) {
    width: 120px !important;
    height: 145px !important;
    padding-bottom: 30px;
    padding-top: 25px;
}
#player-select .cards-row .card-block .cards .card:not(.add) img.dribbon {
    width: 15px !important;
}
#player-select .cards-row .card-block .cards .card:not(.add)[beaten=True] h5 {
    bottom: 10px !important;
}
}
#player-select .cards-row .card-block .cards .card[beaten=True] {
  position: relative;
}
#player-select .cards-row .card-block .cards .card[beaten=True] img.dribbon {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 12px;
  height: auto;
}
#player-select .cards-row .card-block .cards .card[beaten=True] h5 {
  font-size: 10px;
  font-family: BebasNeue-Regular;
  letter-spacing: 2px;
  margin: 0 30px 0 0;
  opacity: 0.8;
  color: #92dd57;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/graphics/CoreGraphic.vue?vue&type=style&index=0&id=25276396&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cls-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/graphics/BitGraphic.vue?vue&type=style&index=0&id=58b66c42&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cls-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/AlgoSeqControls.vue?vue&type=style&index=0&id=7c38b304&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

p._guide[data-v-7c38b304] {
  position: absolute;
  right: 0px;
  bottom: -50px;
}
.fade-enter-active[data-v-7c38b304] {
  -webkit-transition: all 1.5s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 1.5s cubic-bezier(1, 0.5, 0.8, 1);
}
.fade-leave-active[data-v-7c38b304] {
  -webkit-transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}
.fade-enter[data-v-7c38b304] {
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.fade-leave-to[data-v-7c38b304] {
  opacity: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/AlgoTimeline.vue?vue&type=style&index=0&id=235d15c8&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.swoop-enter-active[data-v-235d15c8],
.swoop-leave-active[data-v-235d15c8] {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.swoop-enter[data-v-235d15c8],
.swoop-leave-to[data-v-235d15c8] {
  opacity: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/AlgoSequenceAnalyzer.vue?vue&type=style&index=0&id=a353b1e4&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.slideInLeft-enter-active[data-v-a353b1e4] {
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.slideInLeft-leave-active[data-v-a353b1e4] {
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.slideInLeft-enter[data-v-a353b1e4],
.slideInLeft-leave-to[data-v-a353b1e4] {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/graphics/EncryptorUnit.vue?vue&type=style&index=0&id=2e0a6a18&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.st1 {
  opacity: 0.33;
}
.st2 {
  clip-path: url(#SVGID_2_);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/graphics/PingUnit.vue?vue&type=style&index=0&id=f97dbf4c&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.st0 {
  fill: #ff22a1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/HandSelect.vue?vue&type=style&index=0&id=4842c3df&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.slidIn-enter-active[data-v-4842c3df] {
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.slidIn-leave-active[data-v-4842c3df] {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.slidIn-enter[data-v-4842c3df],
.slidIn-leave-to[data-v-4842c3df] {
  opacity: 0;
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/GameControls.vue?vue&type=style&index=0&id=59593e48&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

._main .playerOneWins[data-v-59593e48] {
  color: #359e89;
  border-color: #359e89;
}
._main .playerTwoWins[data-v-59593e48] {
  color: #ba93ff;
  border-color: #ba93ff;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/rules/GameplayOverview.vue?vue&type=style&index=0&id=26de4a87&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

thead{
> tr{
> th{
      padding: 10px;
}
}
}
td > img{
  width: 22px;
  height: 22px;
}
td:has(img){
  text-align: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/FullScreenTimeline.vue?vue&type=style&index=0&id=6d3aab60&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.swoop-enter-active[data-v-6d3aab60],
.swoop-leave-active[data-v-6d3aab60] {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.swoop-enter[data-v-6d3aab60],
.swoop-leave-to[data-v-6d3aab60] {
  opacity: 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/CodeEditor.vue?vue&type=style&index=0&id=37fbb7ce&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-buttons {
  padding: 0 15px;
  width: 100%;
  margin: 5px auto 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editor-buttons .btn-group {
  width: 450px;
}
.editor-buttons h4 {
  font-size: 1.5em;
  font-family: BebasNeue-Regular;
  letter-spacing: 0.085em;
  color: #52b3a0;
}
.editor-buttons small {
  color: #52b3a0;
}
.algoCrashedStatus {
  position: relative;
  font-size: 0.9em;
  padding: 9px;
}
.selectFile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 5px;
}
.selectFile #selectedFile .selected-tag {
  font-size: 16px;
  font-family: BebasNeue-Regular;
  color: black;
  margin-left: 0px;
  padding-left: 0px;
}
.selectFile #selectedFile .dropdown-toggle {
  background-color: #a5a6b7;
}
.selectFile #selectedFile .vs__selected-options {
  height: 27px;
  overflow: hidden;
  text-align: justify;
}
.selectFile #selectedFile .vs__dropdown-toggle {
  background-color: #a5a6b7;
}
.top-bar {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.top-bar #language {
  color: #f28b0f;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/playground/GameBoard.vue?vue&type=style&index=0&id=0e55c6b0&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.slidIn-enter-active[data-v-0e55c6b0],
.slidOut-enter-active[data-v-0e55c6b0] {
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.slidIn-leave-active[data-v-0e55c6b0],
.slidOut-leave-active[data-v-0e55c6b0] {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.slidIn-enter[data-v-0e55c6b0],
.slidIn-leave-to[data-v-0e55c6b0] {
  opacity: 0 !important;
  -webkit-transform: translateX(200px) !important;
          transform: translateX(200px) !important;
}
.slidOut-enter[data-v-0e55c6b0],
.slidOut-leave-to[data-v-0e55c6b0] {
  opacity: 0 !important;
  -webkit-transform: translateX(-200px) !important;
          transform: translateX(-200px) !important;
}
.flowUp-enter-active[data-v-0e55c6b0] {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.flowUp-leave-active[data-v-0e55c6b0] {
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.flowUp-enter[data-v-0e55c6b0],
.flowUp-leave-to[data-v-0e55c6b0] {
  opacity: 0 !important;
  -webkit-transform: translate(-50%, 50%) !important;
          transform: translate(-50%, 50%) !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Playground.vue?vue&type=style&index=0&id=467009f5&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.slide-fade-enter-active,
.slide-fade-leave-active {
  -webkit-transition: all 0.75s cubic-bezier(0.84, 0.02, 0.47, 1.65);
  transition: all 0.75s cubic-bezier(0.84, 0.02, 0.47, 1.65);
}
.slide-fade-enter,
.slide-fade-leave-to {
  -webkit-transform: translate(-50%, -20px) !important;
          transform: translate(-50%, -20px) !important;
  opacity: 0 !important;
}
.slide-fade-enter-to,
.slide-fade-leave {
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
  opacity: 1 !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/editUser/EditUserTeam.vue?vue&type=style&index=0&id=47a4960c&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fade-new-enter-active {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.fade-new-enter,
.fade-new-leave-to {
  opacity: 0 !important;
}
.fade-new-enter-to,
.fade-new-leave {
  opacity: 1 !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/Profile.vue?vue&type=style&index=0&id=ced23842&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fade-new-enter-active {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.fade-new-enter,
.fade-new-leave-to {
  opacity: 0 !important;
}
.fade-new-enter-to,
.fade-new-leave {
  opacity: 1 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/myalgos/VimeoVideoModal.vue?vue&type=style&index=0&id=d37451ca&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.vimeo-content[data-v-d37451ca] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: block;
  left: 0;
  top: 0;
}
.vimeo-modal[data-v-d37451ca] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #000;
}
.vimeo-container[data-v-d37451ca] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  padding: 2px 2px;
  border: 2px solid #0b2939;
}
.vimeo-close[data-v-d37451ca] {
  position: absolute;
  top: -40px;
  right: 15px;
  color: #a0adb9;
  font-size: 1.5em;
  cursor: pointer;
  -webkit-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.vimeo-close[data-v-d37451ca]:hover {
  color: #fff;
}
@media screen and (max-width: 1200px) {
.vimeo-container[data-v-d37451ca] {
    width: 80%;
}
}

/*  .modal-enter-active {
    transition: opacity 1000ms ease-out, transform 800ms ease-out;
  }
  .modal-leave-active {
    transition: opacity 500ms ease-out, transform 800ms ease-out;
  }
  .modal-enter, .modal-leave-to {
    transform: translate(0%, -100%) !important;
    opacity: 0 !important;
  }*/

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/liveCompetitions/liveAlgos/LiveAlgoSpecs.vue?vue&type=style&index=0&id=d3d591c2&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.challenge-bosses-btn[data-v-d3d591c2] {
  position: relative;
}
.challenge-bosses-btn .tooltiptext[data-v-d3d591c2] {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  padding: 5px 10px;
  white-space: nowrap;
  z-index: 1;
  font-family: BebasNeue-Regular, serif;
}
.challenge-bosses-btn.is-challenged:hover .tooltiptext[data-v-d3d591c2], .challenge-bosses-btn.is-not-owner:hover .tooltiptext[data-v-d3d591c2] {
  visibility: visible;
  background: rgba(11, 43, 57, 0.9);
  color: #fff;
  font-family: BebasNeue-Regular, serif;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/liveCompetitions/finalSubmission/AlgoSubmission.vue?vue&type=style&index=0&id=20294d4a&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.submitUp-enter-active,
.submitUp-leave-active {
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.submitUp-enter,
.submitUp-leave-to {
  opacity: 0 !important;
  bottom: 0% !important;
  background: transparent !important;
}