@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Raleway", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

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

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

body {
    margin: 0;
    font-family: Raleway, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #0c1717
}

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

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

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

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

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

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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

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

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

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

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

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.25rem
}

.h2,
h2 {
    font-size: 1.8rem
}

.h3,
h3 {
    font-size: 1.575rem
}

.h4,
h4 {
    font-size: 1.35rem
}

.h5,
h5 {
    font-size: 1.125rem
}

.h6,
h6 {
    font-size: .9rem
}

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

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

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

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

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

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

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

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #131415;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

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,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width:576px) {
    #intro-logo {
        width: 349px;
    }
    #discord-widget {
        display: none;
    }
}

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

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

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    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-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

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

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

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

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

.ui-tooltip {
    z-index: 100100 !important;
}

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

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

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

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

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

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}
.main-video {
    height: 600px;
}
@media(max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
    .col-xl-9.col-12.tab-panel{
        width:100% !important;

    }
    #content-wrapper{
        padding:0;
        display: block;
        width: 100%;
        /* margin-top: 100px; */
        
    }
    #desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn{
        background-size: cover !important;
        width: 400px  !important;
    }
    .col-12 > iframe {
        height: auto;
    }
    .main-video {
        height: auto;
    }
    .modal-content-discord{
        width: 90% !important;
    }
    .col-xl-3.col-12.nav-panel{
        display: block;
        width:100%;
        opacity: 1 !important;
        margin-top: 20px;
        position: relative  !important;
        z-index: 0;
    }
    .container.footer-main{
        display:block;
    }
}

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

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

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

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

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

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

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

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

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

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: .9rem;
    line-height: 1.6;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

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

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

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

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

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

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

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

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

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

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

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.6em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

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

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #28a745
}

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

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.6em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

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

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

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

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

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

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

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

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

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    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: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    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: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

.btn-block+.btn-block {
    margin-top: .5rem
}

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

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

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

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

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

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .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: .5rem 0;
    margin: .125rem 0 0;
    font-size: .9rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .7875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

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

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

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

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

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

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

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

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

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

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    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-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

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

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

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

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

.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),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    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:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.22rem;
    opacity: 0
}

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

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after,
.custom-control-label:before {
    position: absolute;
    top: .22rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%
}

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

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

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

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

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

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

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

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

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

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.22rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

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

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .7875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.125rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.6em + .75rem + 2px)
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(1.6em + .75rem + 2px);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label,
.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.6;
    color: #495057
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.6em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

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

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.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: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #131415;
    border-color: #dee2e6 #dee2e6 #131415
}

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

.nav-pills .nav-link {
    border-radius: .25rem
}

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

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

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

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

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

.navbar {
    position: relative;
    padding: .5rem 1rem
}

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

.navbar-brand {
    display: inline-block;
    padding-top: .32rem;
    padding-bottom: .32rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

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

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

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

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

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

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

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

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

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

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

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

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

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

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

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

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

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

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

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

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

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

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

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

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

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

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

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

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

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

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

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

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

.card-columns .card {
    margin-bottom: .75rem
}

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

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb,
.breadcrumb-item {
    display: flex
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

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

.badge:empty {
    display: none
}

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

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

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.85rem
}

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

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

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

.progress {
    height: 1rem;
    line-height: 0;
    font-size: .675rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress,
.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

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

.media-body {
    flex: 1
}

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

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

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

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

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

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

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

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

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    font-size: 1.35rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

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

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

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

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

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

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

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

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

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

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .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-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

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

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    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: .7875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

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

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    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: .7875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover,
.popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

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

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

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

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

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

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

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

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

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

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

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

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

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

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

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

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

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

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

.bg-dark {
    background-color: #343a40!important
}

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

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

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

.border {
    border: 1px solid #dee2e6!important
}

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

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

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

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

.border-0 {
    border: 0!important
}

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

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

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

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

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

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

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

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

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

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

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important
}

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

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

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

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

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

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

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

.d-flex {
    display: flex!important
}

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

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

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

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

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

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

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

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

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

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

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

.user-select-all {
    user-select: all!important
}

.user-select-auto {
    user-select: auto!important
}

.user-select-none {
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

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

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

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

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

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

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

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

.w-auto {
    width: auto!important
}

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

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

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

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

.h-auto {
    height: auto!important
}

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

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

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

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

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

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

.m-0 {
    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: .25rem!important
}

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

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

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

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

.m-2 {
    margin: .5rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

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

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

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

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

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

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

.p-0 {
    padding: 0!important
}

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

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

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

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

.p-1 {
    padding: .25rem!important
}

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

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

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

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

.p-2 {
    padding: .5rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-n1 {
    margin: -.25rem!important
}

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

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

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

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

.m-n2 {
    margin: -.5rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem!important
}

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

.m-n5 {
    margin: -3rem!important
}

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

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

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

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

.m-auto {
    margin: auto!important
}

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

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

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

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

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
}

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

.text-wrap {
    white-space: normal!important
}

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

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media(min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }

}
@media(max-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
    
}


@media(min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media(min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media(min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

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

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c!important
}

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

a.text-info:focus,
a.text-info:hover {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5)!important
}

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

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

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,
     :after,
     :before {
        text-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
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    body {
        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 td,
    .table-bordered th {
        border: 1px solid #dee2e6!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@media(max-width:575.98px) {
    #intro .container-fluid .hero-text h1,
    #intro .container-lg .hero-text h1,
    #intro .container-md .hero-text h1,
    #intro .container-sm .hero-text h1,
    #intro .container-xl .hero-text h1 {
        text-indent: 0!important;
        letter-spacing: 0!important
    }
    .join-cap-100{
        width : 375px !important ;
    }
    .facebook-cap-100{
        left: 66px !important;
        top:-160px !important;
    }
    .discord-cap-100{
        top: -250px !important;
        right: -215px !important;
    }
    .download-cap-100{
        top: -202px !important;
       
        right: -104px !important;
    }
    #intro .container-fluid h4,
    #intro .container-lg h4,
    #intro .container-md h4,
    #intro .container-sm h4,
    #intro .container-xl h4 {
        text-indent: 0!important;
        letter-spacing: 2px!important;
        line-height: 80px!important
    }
    #distribution .faction-title {
        font-size: 1.5rem!important;
        padding: 0!important
    }
    #distribution .balance-title {
        font-size: 2rem!important
    }
    #distribution .race-item .race-title {
        position: relative!important;
        right: -1rem!important;
        padding-right: 0!important;
        letter-spacing: 0!important;
        font-size: 12px!important
    }
}

@media(max-width:767.98px)and (min-width:576px) {
    #intro .container-fluid .hero-text h1,
    #intro .container-lg .hero-text h1,
    #intro .container-md .hero-text h1,
    #intro .container-sm .hero-text h1,
    #intro .container-xl .hero-text h1 {
        text-indent: 20px!important;
        letter-spacing: 20px!important
    }
    #intro .container-fluid .hero-text h4,
    #intro .container-lg .hero-text h4,
    #intro .container-md .hero-text h4,
    #intro .container-sm .hero-text h4,
    #intro .container-xl .hero-text h4 {
        text-indent: 0!important;
        letter-spacing: 2px!important;
        line-height: 80px!important
    }
    #distribution .faction-title {
        font-size: 1.5rem!important;
        padding: 0!important
    }
    #distribution .balance-title {
        font-size: 2rem!important
    }
    #distribution .race-item .race-title {
        position: relative!important;
        right: -1rem!important;
        padding-right: 0!important;
        letter-spacing: 0!important;
        font-size: 12px!important
    }
}

@media(prefers-reduced-motion:reduce) {
    .btn-recovery,
    .dynamic-cart,
    .dynamic-cart i,
    .recovery-modal-code,
    .recovery-modal-code:after,
    .ucp-side-dimmer,
    footer .footer-social .social-button,
    footer .footer-social .social-button div img {
        transition: none
    }
}

#desktop-header {
    width: 100vw;
    min-width: 100vw;
    height: 70px;
    background-color: #0c1717;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    background-repeat: repeat;
    border-bottom: 1px solid #6a6967;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    user-select: none!important
}

#desktop-header #cart-header-icon {
    display: inline!important
}

@media screen and (max-width:1205px)and (min-width:1195px)and (max-height:605px)and (min-height:595px) {
    #desktop-header {
        opacity: 0!important;
        display: none!important
    }
}

#desktop-header #donation-currency-button {
    line-height: 37px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important;
    position: relative;
    top: 1px
}

#desktop-header #donation-currency-button,
#desktop-header #donation-currency-button .cart-currency {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header #donation-currency-button:hover {
    color: #fff!important;
    border-color: #fff!important
}

#desktop-header #donation-currency-button:hover .cart-currency {
    filter: saturate(0)!important
}

#desktop-header #donation-currency-button.discount-active-2x:after {
    content: "2X DP!";
    font-size: 12px;
    background: #dc143c;
    color: #fff;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    line-height: 20px;
    position: absolute;
    bottom: -25px;
    left: 0;
    display: block;
    text-align: center;
    text-shadow: #000 0 0 2px, #000 0 0 2px;
    font-weight: 700
}

#desktop-header #donation-currency-button.discount-active-3x:after {
    content: "3X DP!";
    background: #fe8c00;
    background: -webkit-linear-gradient(90deg, #f83600, #fe8c00);
    background: linear-gradient(90deg, #f83600, #fe8c00);
    box-shadow: 0 0 15px #ff5400
}

#desktop-header #donation-currency-button.discount-active-3x:after,
#desktop-header #donation-currency-button.discount-active-4x:after {
    font-size: 12px;
    color: #fff;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    line-height: 20px;
    position: absolute;
    bottom: -25px;
    left: 0;
    display: block;
    text-align: center;
    text-shadow: #000 0 0 2px, #000 0 0 2px;
    font-weight: bolder
}

#desktop-header #donation-currency-button.discount-active-4x:after {
    content: "4X DP!";
    background: #ee0979;
    background: -webkit-linear-gradient(90deg, #ff6a00, #ee0979);
    background: linear-gradient(90deg, #ff6a00, #ee0979);
    box-shadow: 0 0 15px #ee0979
}

#desktop-header .navbar {
    height: 70px
}

#desktop-header .header-container {
    position: relative;
    display: flex
}

#desktop-header .header-container .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    user-select: none
}

@media(max-width:1600px) {
    #desktop-header .header-container {
        padding: 0!important
    }
    #desktop-header .header-container .mdi {
        font-size: 12px
    }
}

@media(max-width:1170px) {
    #desktop-header .header-container {
        padding: 0!important
    }
    #desktop-header .header-container .mdi {
        font-size: 12px;
        display: none
    }
}

#desktop-header .header-container .mdi {
    color: #747474;
    font-size: 22px;
    position: relative;
    right: -2px
}

#desktop-header .header-container .mdi,
#desktop-header .header-container .navbar-nav .nav-link {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#desktop-header .header-container .navbar-nav .nav-link {
    user-select: none!important;
    color: #ebebeb!important;
    white-space: nowrap;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#desktop-header .header-container .navbar-nav .nav-link a {
    outline: none!important;
    user-select: none;
    color: #ebebeb!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-header .header-container .navbar-nav .nav-link:hover a {
    color: #fff!important;
    outline: none!important
}

#desktop-header .header-container .navbar-nav .nav-link:hover .mdi {
    color: #c9aa71!important
}

#desktop-header .header-container .navbar-nav .asc-dropdown {
    position: relative;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .navbar-nav .asc-dropdown:hover .asc-dropdown-content {
    opacity: 1!important;
    display: flex;
    flex-direction: column
}

#desktop-header .header-container .navbar-nav .asc-dropdown .dropdown-indicator {
    color: #c9aa71;
    position: relative;
    font-size: 10px;
    bottom: 3px
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    display: none;
    position: absolute;
    background-color: #0c1717;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 12px 16px;
    z-index: 1;
    border: 1px solid #564F3F;
    border-radius: 5px;
    top: 2rem
}

@media(max-width:1571px) {
    #desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .discord-icon {
        display: none!important
    }
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item {
    margin: .25rem 0
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item i {
    color: #747474!important
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover,
#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover i {
    color: #c9aa71!important
}

#desktop-header .header-container .navbar-nav .nav-download {
    cursor: pointer;
    z-index: 999
}

@media(max-width:1571px) {
    #desktop-header .header-container .navbar-nav .nav-download span {
        display: none
    }
}

#desktop-header .header-container .navbar-nav .nav-download a {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 37px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important;
    position: relative;
    top: 1px;
    z-index: 999;
    cursor: pointer
}

#desktop-header .header-container .navbar-nav .nav-download a .mdi {
    right: 0!important;
    color: #c9aa71;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: inline!important
}

#desktop-header .header-container .navbar-nav .nav-download:hover a {
    color: #fff!important;
    border-color: #fff!important;
    outline: none!important
}

#desktop-header .header-container .navbar-nav .nav-download:hover .mdi {
    color: #fff!important
}

#desktop-header .header-container .navbar-nav .store-cart-button {
    padding: .5rem;
    border: 1px solid #c9aa71;
    border-radius: 100%;
    height: 35px!important;
    width: 35px!important;
    text-align: center;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    cursor: pointer!important
}

#desktop-header .header-container .navbar-nav .store-cart-button .mdi {
    color: #c9aa71!important;
    margin: none!important;
    position: static!important;
    font-size: 15px!important
}

#desktop-header .header-container .navbar-nav .store-cart-button:hover {
    border-color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#desktop-header .header-container .navbar-nav .store-cart-button:hover .mdi {
    color: #fff!important;
    cursor: pointer!important
}

#desktop-header .header-container .navbar-nav .store-cart-button.has-cart-item:after {
    content: attr(data-quantity);
    font-size: 12px;
    background: #dc143c;
    color: #fff;
    width: 20px;
    height: 20px;
    max-width: 30px;
    border-radius: 100%;
    line-height: 20px;
    position: absolute;
    top: -10px;
    right: -5px;
    display: block
}

#desktop-header .header-container .navbar-nav .router-link-exact-active a {
    color: #c9aa71!important;
    outline: none!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    font-weight: 700
}

#desktop-header .header-container .navbar-nav .router-link-exact-active:hover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #fff!important
}

#desktop-header .header-container .navbar-nav .router-link-exact-active .mdi {
    color: #c9aa71!important
}

#desktop-header .header-container .brand-small {
    height: 64px;
    width: 114px
}

#desktop-header .header-container .button-container {
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: 5px;
    border: 1px solid #c9aa71!important;
    width: 100%;
    height: 40x;
    min-width: 135px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .button-container:hover {
    background-color: #c9aa71!important;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#desktop-header .header-container .button-container:hover #registerHeaderBtn {
    height: 40px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#desktop-header .header-container .button-container #registerHeaderBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 30px!important;
    color: #000!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100
}

#desktop-header .header-container .login-button-container,
#desktop-header .header-container .logout-button-container {
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: 5px;
    border: 1px solid #c9aa71!important;
    width: 100%;
    height: 40px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .login-button-container:hover,
#desktop-header .header-container .logout-button-container:hover {
    background-color: transparent!important;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important;
    border-color: #fff!important
}

#desktop-header .header-container .login-button-container:hover #loginHeaderBtn,
#desktop-header .header-container .logout-button-container:hover #loginHeaderBtn {
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    border-color: #fff!important
}

#desktop-header .header-container .login-button-container #loginHeaderBtn,
#desktop-header .header-container .login-button-container #logoutHeaderBtn,
#desktop-header .header-container .logout-button-container #loginHeaderBtn,
#desktop-header .header-container .logout-button-container #logoutHeaderBtn {
    background-color: transparent!important;
    width: 100%!important;
    height: 30px!important;
    color: #c9aa71;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100;
    text-transform: uppercase
}

#desktop-header .header-container .logout-button-container {
    border-color: #6a6967!important;
    color: #6a6967!important;
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: 5px;
    width: 100%;
    height: 40px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .logout-button-container #logoutHeaderBtn {
    color: #6a6967!important
}

#desktop-header .header-container .logout-button-container:hover #logoutHeaderBtn {
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    border-color: #fff!important
}

#admin-header {
    width: 100vw;
    min-width: 100vw;
    height: 60px;
    background-color: #132626;
    z-index: 998;
    position: fixed;
    top: 70px;
    left: 0;
    background-repeat: repeat;
    border-bottom: 1px solid #6a6967;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    user-select: none!important;
    box-shadow: 0 .325rem .25rem rgba(0, 0, 0, .35)!important
}

#admin-header .navbar {
    height: 60px;
    position: relative
}

#admin-header .header-container {
    position: relative;
    display: flex
}

#admin-header .header-container .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    user-select: none
}

@media(max-width:1600px) {
    #admin-header .header-container {
        padding: 0!important
    }
    #admin-header .header-container .mdi {
        font-size: 12px
    }
}

@media(max-width:1170px) {
    #admin-header .header-container {
        padding: 0!important
    }
    #admin-header .header-container .mdi {
        font-size: 12px;
        display: none
    }
}

#admin-header .header-container .mdi {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    color: #747474;
    font-size: 22px;
    position: relative;
    top: 2.5px;
    right: -2px
}

#admin-header .header-container .navbar-nav .nav-title {
    width: 145px;
    line-height: 25px!important;
    font-weight: 700;
    opacity: .2
}

#admin-header .header-container .navbar-nav .nav-link {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    user-select: none!important;
    color: #ebebeb!important;
    white-space: nowrap;
    line-height: 20px;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#admin-header .header-container .navbar-nav .nav-link a {
    outline: none!important;
    user-select: none;
    color: #ebebeb!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#admin-header .header-container .navbar-nav .nav-link:hover a {
    color: #fff!important;
    outline: none!important
}

#admin-header .header-container .navbar-nav .nav-link:hover .mdi {
    color: #c9aa71!important
}

#admin-header .header-container .navbar-nav .asc-dropdown {
    position: relative;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#admin-header .header-container .navbar-nav .asc-dropdown:hover .asc-dropdown-content {
    opacity: 1!important;
    display: flex;
    flex-direction: column
}

#admin-header .header-container .navbar-nav .asc-dropdown .dropdown-indicator {
    color: #c9aa71;
    position: relative;
    font-size: 10px;
    bottom: 3px
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    display: none;
    position: absolute;
    background-color: #0c1717;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 12px 16px;
    z-index: 1;
    border: 1px solid #564F3F;
    border-radius: 5px;
    top: 2rem
}

@media(max-width:1571px) {
    #admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .discord-icon {
        display: none!important
    }
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item {
    margin: .25rem 0
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item i {
    color: #747474!important
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover,
#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover i {
    color: #c9aa71!important
}

#admin-header .header-container .navbar-nav .router-link-exact-active a {
    color: #c9aa71!important;
    outline: none!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    font-weight: 700
}

#admin-header .header-container .navbar-nav .router-link-exact-active:hover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #fff!important
}

#admin-header .header-container .navbar-nav .router-link-exact-active .mdi {
    color: #c9aa71!important
}

.d-xl-down-none {
    -webkit-transition: opacity .35s ease;
    -moz-transition: opacity .35s ease;
    -ms-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    opacity: 1;
    pointer-events: all
}

@media(max-width:1400px) {
    .d-xl-down-none {
        opacity: 0;
        pointer-events: none;
        display: none!important
    }
}

#mobile-header {
    width: 100vw;
    min-width: 100vw;
    height: 65px;
    background-color: #0c1717;
    z-index: 99;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background-repeat: repeat;
    border-bottom: 2px solid #6a6967;
    box-shadow: 0 0 8px 15px rgba(0, 0, 0, .25)!important;
    overflow: hidden!important
}

#mobile-header .container {
    margin-top: 0!important;
    height: 65px!important
}

#mobile-header .container .row .col-12 .nav-link {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 65px;
    text-align: center
}

#mobile-header .container .row .col-12 .nav-link .material-icons {
    color: #c9aa71!important;
    line-height: 49px;
    font-size: 32px
}

#mobile-header .container .row .col-12 .nav-link a {
    line-height: 49px
}

#mobile-header .container .row .col-12 .nav-link a img {
    position: relative;
    top: -9px
}

#mobile-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh
}

#mobile-sidebar nav {
    width: 320px;
    height: 100%;
    background-color: #0c1717;
    z-index: 1100;
    position: absolute;
    right: 0;
    top: 0
}

#mobile-sidebar nav .sidebar-watermark {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    rightt: 0;
    text-align: center;
    opacity: .1
}

#mobile-sidebar nav .sidebar-auth ul {
    margin: 20px 0 0;
    padding: 0!important;
    width: 100%
}

#mobile-sidebar nav .sidebar-auth .register-button-container {
    display: flex;
    justify-content: center;
    padding: 5px;
    border: 1px solid #c9aa71!important;
    width: 90%;
    height: 50x;
    min-width: 135px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .register-button-container:hover {
    background-color: #c9aa71!important;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#mobile-sidebar nav .sidebar-auth .register-button-container:hover #registerHeaderBtn {
    height: 50px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#mobile-sidebar nav .sidebar-auth .register-button-container #registerHeaderBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 40px!important;
    color: #000!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100
}

#mobile-sidebar nav .sidebar-auth .login-button-container,
#mobile-sidebar nav .sidebar-auth .logout-button-container {
    display: flex;
    justify-content: center;
    padding: 5px;
    border: 1px solid #c9aa71!important;
    width: 90%;
    height: 50px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .login-button-container:hover,
#mobile-sidebar nav .sidebar-auth .logout-button-container:hover {
    background-color: transparent!important;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important;
    border-color: #fff!important
}

#mobile-sidebar nav .sidebar-auth .login-button-container:hover #loginHeaderBtn,
#mobile-sidebar nav .sidebar-auth .logout-button-container:hover #loginHeaderBtn {
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    border-color: #fff!important
}

#mobile-sidebar nav .sidebar-auth .login-button-container #loginHeaderBtn,
#mobile-sidebar nav .sidebar-auth .logout-button-container #loginHeaderBtn {
    background-color: transparent!important;
    width: 100%!important;
    height: 40px!important;
    color: #c9aa71!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100
}

#mobile-sidebar nav .sidebar-auth .logout-button-container {
    color: #6a6967!important;
    display: flex;
    justify-content: center;
    padding: 5px;
    border: 1px solid #6a6967!important;
    width: 90%;
    height: 50px;
    background-color: transparent!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .logout-button-container #logoutHeaderBtn {
    color: #6a6967!important;
    background-color: transparent!important;
    border: none!important
}

#mobile-sidebar nav .sidebar-auth .logout-button-container:hover #logoutHeaderBtn {
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    border-color: #fff!important
}

#mobile-sidebar nav #sidebar-options {
    padding: 0!important;
    margin: 0!important
}

#mobile-sidebar nav #sidebar-options .sidebar-header i {
    margin-right: 1rem;
    line-height: 64px;
    padding: 5px
}

#mobile-sidebar nav #sidebar-options .nav-link {
    list-style: none;
    margin: 0;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .353);
    overflow: hidden
}

#mobile-sidebar nav #sidebar-options .nav-link .material-icons {
    font-size: 22px;
    position: relative;
    top: 3px;
    color: #c9aa71;
    margin-left: 1.5rem
}

#mobile-sidebar nav #sidebar-options .nav-link:first-of-type {
    height: 75px!important;
    display: flex;
    justify-content: center
}

#mobile-sidebar nav #sidebar-options .nav-link:first-of-type img {
    height: 75px;
    position: relative;
    top: -5px
}

#mobile-sidebar nav #sidebar-options .nav-link:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .353)
}

#mobile-sidebar nav #sidebar-options .nav-link a {
    line-height: 43px;
    font-size: 16px;
    margin-left: 1rem;
    font-weight: 700
}

#mobile-sidebar .dimmer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

#mobile-sidebar .dimmer.active {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

#mobile-new-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh
}

#mobile-new-sidebar nav {
    width: 320px;
    height: 100%;
    background-color: #0c1717;
    z-index: 1100;
    position: absolute;
    left: 0;
    top: 0;
    padding: 16px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

#mobile-new-sidebar nav::-webkit-scrollbar,
#mobile-new-sidebar nav ::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

#mobile-new-sidebar nav .sidebar-header {
    height: 70px;
    padding: 8px 0 0
}

#mobile-new-sidebar nav .sidebar-header a {
    height: 45px
}

#mobile-new-sidebar nav .sidebar-header img {
    height: 45px;
    width: auto!important
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment {
    height: 45px;
    margin-top: 5px
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper {
    background: hsla(0, 0%, 72.9%, .1);
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 8px
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper .mdi {
    font-size: 20px;
    line-height: 32px
}

#mobile-new-sidebar nav .sidebar-media {
    margin-top: 1rem
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item {
    max-width: 452px;
    margin: 16px 0
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item .sidebar-media-thumbnail {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    display: block;
    max-width: 100%!important;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    border: 1px solid #333
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item .sidebar-media-title {
    color: #c9aa71;
    letter-spacing: .03em;
    position: static;
    display: inline-block;
    left: 0;
    line-height: 16px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

#mobile-new-sidebar nav ul#sidebar-options {
    margin: 0;
    padding: 0;
    list-style: none
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown {
    width: 100%;
    position: static;
    height: auto;
    margin: 6px 0;
    list-style: none
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.sidebar-login a.sidebar-dropdown-header {
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.sidebar-logout a.sidebar-dropdown-header {
    border: 1px solid grey!important;
    color: grey!important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    background: hsla(0, 0%, 72.9%, .1);
    border-radius: 6.4px;
    width: 100%;
    height: 32px;
    padding: 8px 12px 8px 16px;
    font-size: 13px;
    text-align: left;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #f1f1f1;
    border: 1px solid #3e3e3e
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header .mdi {
    font-size: 22px
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list {
    list-style: none;
    padding: 0;
    height: auto;
    opacity: 1
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item {
    list-style: none;
    padding: 8px 12px 8px 16px;
    color: #ffce75!important;
    font-weight: 700!important;
    cursor: pointer
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item:hover,
#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item:hover a {
    color: #dcdcdc!important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item a {
    font-size: inherit!important;
    margin: inherit!important;
    padding: none!important;
    color: #ffce75!important;
    font-weight: 700!important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item .mdi {
    font-weight: 700;
    margin-right: .5rem
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active {
    display: inline
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header {
    background-color: #c9aa71;
    color: #000
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header .mdi {
    transform: rotate(180deg)
}

#mobile-new-sidebar .dimmer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

#mobile-new-sidebar .dimmer.active {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media(max-width:1024px) {
    #mobile-header {
        display: block!important
    }
}

#preload {
    display: none!important;
    background-color: #131415;
    border: none;
    left: 0
}

#preload,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0
}

#preloader {
    right: 0
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #99734b;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ca8f4f;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #eca659;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cart-loader,
.cart-loader:after {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    filter: drop-shadow(1px 1px 5px black)
}

.cart-loader {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 5px solid hsla(0, 0%, 100%, .5);
    border-left-color: #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load18 1.1s linear infinite;
    animation: load18 1.1s linear infinite
}

@-webkit-keyframes load18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.preloader-title {
    margin: 3rem 0 0;
    color: #c9aa71
}

.preloader-message,
.preloader-title {
    font-weight: 700;
    text-shadow: 0 3px 2px rgba(0, 0, 0, .85)
}

.preloader-message {
    font-size: 1rem;
    margin: 1rem 0 0;
    max-width: 400px;
    text-align: center;
    color: #6a6a6a;
    line-height: 25px
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite;
    animation: sk-cubeGridScaleDelay 1.3s ease-in-out infinite
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fadeRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIframeIn {
    0% {
        opacity: 0;
        max-width: 0
    }
    to {
        max-width: 558px;
        opacity: 1
    }
}

@keyframes fadeIframeIn {
    0% {
        opacity: 0!important;
        max-width: 0!important
    }
    to {
        max-width: 260px!important;
        opacity: 1!important
    }
}

@-webkit-keyframes fadeIframeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(30%)
    }
}

@keyframes fadeIframeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateX(30%)
    }
}

@keyframes loadingButton {
    0% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes hearthstone {
    0% {
        filter: drop-shadow(0 0 40px #266274) saturate(60%);
        scale: 1
    }
    50% {
        filter: drop-shadow(0 0 40px #28a2c8) saturate(150%);
        scale: 1.05
    }
    to {
        filter: drop-shadow(0 0 40px #266274) saturate(60%);
        scale: 1
    }
}

@keyframes articleHeaderFadeOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes articleHeaderFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-40)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.anim-spin {
    animation: spin 1s linear infinite
}

.delay-2 {
    animation-delay: .5s
}

.delay-3 {
    animation-delay: .75s
}

.app-router-enter-active {
    -webkit-animation: fadeIn .5s ease;
    animation: fadeIn .5s ease
}

.app-router-leave-active {
    -webkit-animation: fadeOut .5s ease;
    animation: fadeOut .5s ease
}

.fade-enter-active {
    -webkit-animation: fadeIn .5s ease;
    animation: fadeIn .5s ease
}

.fade-leave-active {
    -webkit-animation: fadeOut .5s ease;
    animation: fadeOut .5s ease
}

.fade-fast-enter-active {
    -webkit-animation: fadeIn .25s ease;
    animation: fadeIn .25s ease
}

.fade-fast-leave-active {
    -webkit-animation: fadeOut .25s ease;
    animation: fadeOut .25s ease
}

.fade-mobile-folder-enter-active {
    -webkit-animation: fadeIn .25s ease;
    animation: fadeIn .25s ease
}

.fade-mobile-folder-enter-active,
.fade-mobile-folder-leave-active {
    max-height: 230px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.fade-mobile-folder-leave-active {
    -webkit-animation: fadeOut .25s ease;
    animation: fadeOut .25s ease
}

.fade-mobile-folder-enter,
.fade-mobile-folder-leave-to {
    max-height: 0
}

.fade-faster-enter-active {
    -webkit-animation: fadeIn .15s ease;
    animation: fadeIn .15s ease
}

.fade-faster-leave-active {
    -webkit-animation: fadeOut .15s ease;
    animation: fadeOut .15s ease
}

.fadeIframe-enter-active {
    -webkit-animation: fadeIframeIn 3s ease-in-out forwards;
    animation: fadeIframeIn 3s ease-in-out forwards
}

.fadeIframe-leave-active {
    -webkit-animation: fadeIframeIn 1s ease-in-out backwards;
    animation: fadeIframeIn 1s ease-in-out backwards
}

.mobile-options-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeRight .5s cubic-bezier(.62, .28, .23, .99);
    animation: fadeRight .5s cubic-bezier(.62, .28, .23, .99)
}

.mobile-options-leave-active {
    will-change: transform, opacity;
    -webkit-animation: fadeOutLeft .5s cubic-bezier(.62, .28, .23, .99);
    animation: fadeOutLeft .5s cubic-bezier(.62, .28, .23, .99)
}

.fadeShowcase-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeLeft 1s ease-in-out;
    animation: fadeLeft 1s ease-in-out
}

.fadeShowcase--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.fadeUp-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeUp .75s ease-in-out;
    animation: fadeUp .75s ease-in-out
}

.fadeUp--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.fadeDown-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeDown .75s ease-in-out;
    animation: fadeDown .75s ease-in-out
}

.fadeDown--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.hearthstone-anim {
    -webkit-animation: hearthstone 2s ease-in-out infinite;
    -moz-animation: hearthstone 2s ease-in-out infinite;
    -o-animation: hearthstone 2s ease-in-out infinite;
    animation: hearthstone 2s ease-in-out infinite
}

.article-header-fadeOut {
    -webkit-animation: articleHeaderFadeOut 1s ease-out;
    -moz-animation: articleHeaderFadeOut 1s ease-out;
    -o-animation: articleHeaderFadeOut 1s ease-out;
    animation: articleHeaderFadeOut 1s ease-out
}

.article-header-fadeIn {
    -webkit-animation: articleHeaderFadeIn 1s ease-out;
    -moz-animation: articleHeaderFadeIn 1s ease-out;
    -o-animation: articleHeaderFadeIn 1s ease-out;
    animation: articleHeaderFadeIn 1s ease-out
}

.animate-opacity {
    opacity: .001;
    -webkit-animation: articleHeaderFade 1s ease-out;
    -moz-animation: articleHeaderFade 1s ease-out;
    -o-animation: articleHeaderFade 1s ease-out;
    animation: articleHeaderFade 1s ease-out
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }
    80%,
    to {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}

.toasted-container.top-right {
    top: 10%;
    right: 2rem
}

.toasted-container .toasted .action {
    text-decoration: none;
    font-size: .8rem;
    padding: 8px 16px;
    margin: 5px -7px 5px 7px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 600;
    cursor: pointer;
    background-color: #c9aa71;
    color: #000!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.toasted-container .toasted .action:hover {
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    border-color: #fff!important
}

.toasted-container .toasted.error .action {
    background-color: #c9aa71
}

#maint-buttons {
    position: fixed;
    bottom: 1rem;
    left: 0
}

#maint-buttons .social-button {
    height: 74px;
    width: 74px;
    border: 1px solid transparent;
    border-radius: 50%;
    margin: 0 1rem;
    flex-direction: column;
    user-select: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    top: 40px
}

#maint-buttons .social-button:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 2px #fff
}

#maint-buttons .social-button:hover div img {
    user-select: none;
    filter: invert(100%) drop-shadow(0 0 2px black)
}

#maint-buttons .social-button div img {
    user-select: none;
    filter: drop-shadow(0 0 2px black) invert(100%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset!important;
        animation: unset!important;
        -webkit-transition: none!important;
        transition: none!important
    }
}

@keyframes rotating {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.pulsate {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        transform: scale(1.2);
        opacity: 1
    }
    to {
        transform: scale(.1);
        opacity: 0
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes opacityPulse {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes alertPulse {
    0% {
        background-color: #9a2727;
        opacity: 1
    }
    50% {
        opacity: red;
        opacity: .75
    }
    to {
        opacity: #9a2727;
        opacity: 1
    }
}

@keyframes alertPulse {
    0% {
        background-color: #9a2727;
        opacity: 1
    }
    50% {
        opacity: red;
        opacity: .75
    }
    to {
        opacity: #9a2727;
        opacity: 1
    }
}

* a {
    color: #c9aa71!important
}

h1 {
    color: #c9aa71;
    font-weight: 200;
    text-shadow: 0 0 1px transparent, 0 1px 2px #000
}

.searchbar,
h1 {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

.searchbar {
    width: 200px;
    height: 33px;
    border-radius: 50px;
    border: 1px solid #a98f5f;
    outline: none;
    color: #fff;
    background-color: #000;
    margin-top: 8px!important;
    padding: 5px 5px 5px 10px
}

body {
    position: absolute;
    font: 100% Beaufort, Segoe UI, Helvetica, sans-serif;
    min-height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#itemModal .modal-content {
    padding: 0!important
}

.container {
    height: auto;
    padding: 0;
    margin-bottom: 10vh
}

section {
    width: 100%
}

.itemtitle {
    padding: 0 1.5em!important;
    line-height: 48px!important;
    font-size: 14px!important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700;
    -webkit-transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    color: #c9aa71!important
}

#itemCollapse {
    width: 100%;
    position: absolute;
    background-color: #121212;
    margin-top: -7px;
    z-index: 99999
}

#itemModal .modal-body {
    overflow-y: auto
}

.asc-navbar-categories .navbar-toggler {
    outline: none
}

.asc-navbar.asc-sticky-header {
    display: flex!important;
    justify-content: center!important;
    top: 90px!important
}

.asc-navbar.asc-sticky-header .asc-navbar-lower {
    padding-left: 1rem!important;
    margin-left: 4rem!important;
    width: 1630px!important
}

.asc-navbar {
    display: none!important;
    color: #c9aa71;
    margin-top: 51px;
    width: 100%;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    font-weight: 700;
    top: -2px!important;
    z-index: 999
}

.asc-navbar .container {
    margin: 0;
    border: none;
    min-height: 0!important;
    height: 100%
}

.asc-navbar div .asc-navbar-actions {
    padding-right: 1rem
}

.asc-navbar #txtinput {
    background-color: rgba(0, 0, 0, .42)!important;
    border-width: 2px!important;
    border-style: ridge!important
}

.asc-navbar .asc-navbar-upper {
    display: none!important;
    width: 100%;
    height: 40px;
    line-height: 40px
}

.asc-navbar .asc-navbar-upper .asc-navbar-logo p {
    margin-left: 30px
}

.asc-navbar .asc-navbar-upper .asc-navbar-logo img {
    margin-top: 5px
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a {
    margin-left: 20px
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a .acc-p-img {
    height: 16px!important;
    margin-top: 10px;
    margin-right: 10px
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a .acc-p-desc {
    color: #ffe4c7
}

.asc-navbar .asc-navbar-lower {
    display: none!important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    height: 50px;
    background-color: #080808;
    background: #211510 url(/static/images/d41f54662e668f9c03f902badcc71b86.jpg) repeat-x 80px 0;
    line-height: 50px;
    border-bottom: 1px solid #c9aa71;
    padding-left: 1rem
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-btnHome {
    padding: 5px 15px;
    border: 1px solid #c9aa71;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-btnHome:hover {
    background-color: #c9aa71;
    color: #000!important
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .divider {
    padding: 0 20px;
    font-weight: lighter;
    color: #c9aa71
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-item {
    text-transform: uppercase;
    margin: 0 5px;
    font-size: 10px;
    -webkit-transition: font-size .3s ease;
    -moz-transition: font-size .3s ease;
    -ms-transition: font-size .3s ease;
    -o-transition: font-size .3s ease;
    transition: font-size .3s ease;
    -webkit-transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    -moz-transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    -ms-transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    -o-transition: color 2s cubic-bezier(.06, .81, 0, .98)!important;
    transition: color 2s cubic-bezier(.06, .81, 0, .98)!important
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-item:hover {
    color: #ffe4c7!important;
    text-shadow: 0 0 1px transparent, 0 0 10px #ffe4c7
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-selected {
    font-weight: 700;
    text-decoration: underline;
    text-shadow: 0 0 1px transparent, 0 0 10px #c9aa71
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item {
    font-size: 13px;
    margin: 0 10px;
    -webkit-transition: font-size .3s ease;
    -moz-transition: font-size .3s ease;
    -ms-transition: font-size .3s ease;
    -o-transition: font-size .3s ease;
    transition: font-size .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item:hover {
    color: #ffe4c7!important;
    text-shadow: 0 0 1px transparent, 0 0 10px #ffe4c7
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item img {
    margin-top: 12px;
    margin-right: 10px
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item p {
    padding: 1px
}

.asc-shop-hover {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 16px 14px rgba(0, 0, 0, .4);
    overflow: hidden
}

.asc-shop-hover:hover {
    transform: scale(1.1);
    z-index: 1020!important;
    border: 1px solid #c9aa71!important
}

.asc-navbar-categories.full {
    overflow: hidden;
    height: 50px
}

.searched_item {
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden
}

.infinite-scroll,
.jscroll-added,
.jscroll-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-basis: 100%
}

.noitems {
    font-size: 24px;
    text-align: center;
    width: 100%;
    color: #c9aa71;
    border: 1px solid;
    margin-top: 20px;
    text-shadow: 0 0 2px;
    padding: 80px 20px
}

@media(min-width:1200px) {
    .asc-navbar-categories-mobile {
        display: none
    }
    .card-container {
        flex-direction: unset
    }
}

@media(min-width:992px)and (max-width:1199.98px) {
    .navbar-toggler {
        display: none
    }
    .shop-intro {
        flex-direction: column!important
    }
    .shop-intro .shop-side {
        flex-direction: column!important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block!important
    }
    .shop-intro .shop-side .shop-item-l,
    .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 95px!important
    }
    .shop-intro .shop-side .shop-side-lower,
    .shop-intro .shop-side .shop-side-upper {
        flex-direction: column!important
    }
    .asc-navbar-categories-mobile {
        display: none
    }
    .card-container {
        flex-direction: unset
    }
}

@media(min-width:768px)and (max-width:991.98px) {
    .card-container {
        flex-direction: unset
    }
    .col-3 {
        flex: 0 0 35%!important;
        max-width: 35%!important
    }
    #shop .shop-item-large {
        height: 590px!important
    }
    #shop .shop-item-large-desc {
        height: auto!important
    }
    #shop .shop-bestSellers {
        padding: 0!important
    }
    .shop-item-seller {
        height: 258px!important
    }
    .shop-intro {
        flex-direction: column!important
    }
    .shop-intro .shop-side {
        flex-direction: column!important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block!important
    }
    .shop-intro .shop-side .shop-item-l,
    .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 95px!important
    }
    .shop-intro .shop-side .shop-side-lower,
    .shop-intro .shop-side .shop-side-upper {
        flex-direction: column!important
    }
    .shop-intro .shop-side .shop-side-upper .shop-item-l {
        margin-top: 172px!important
    }
    .col-3 {
        flex: 14 12 100%!important;
        max-width: 100%!important
    }
    .asc-navbar-actions p,
    .navbar-toggler {
        display: none
    }
    .asc-navbar-categories-mobile,
    .asc-navbar-categories-mobile .navbar-toggler {
        display: block
    }
    .asc-navbar-categories.full {
        display: none
    }
    .shop-item-seller {
        height: 271px!important
    }
    #shop .shop-header #shop-type {
        font-size: 2rem
    }
    #shop .shop-item-large-desc {
        bottom: -30%!important
    }
    #shop .shop-sub-header {
        margin-top: 13vh
    }
    #shop .shop-item-large {
        height: 490px!important
    }
}

@media(max-width:575.98px) {
    .shop-intro {
        flex-direction: column!important
    }
    .shop-intro .shop-side {
        flex-direction: column!important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block!important
    }
    .shop-intro .shop-side .shop-item-l,
    .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 95px!important
    }
    .shop-intro .shop-side .shop-side-lower,
    .shop-intro .shop-side .shop-side-upper {
        flex-direction: column!important
    }
    .col-3 {
        flex: 0 0 80%!important;
        max-width: 80%!important;
        margin-top: 10px
    }
    .card-container {
        align-items: center;
        flex-direction: column!important
    }
    .asc-navbar-actions p {
        display: none
    }
    .asc-navbar-categories-mobile {
        display: block
    }
    .navbar-toggler {
        display: none
    }
    .asc-navbar-categories-mobile .navbar-toggler {
        display: block
    }
    #shop .shop-item {
        padding-left: 30px!important;
        padding-right: 30px!important;
        margin-top: 20px!important
    }
    #shop .shop-item .img-container {
        height: 307px
    }
    .asc-navbar-categories.full {
        display: none
    }
    .shop-item-seller {
        width: 80%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-top: 75px!important
    }
    #shop .shop-header #shop-type {
        font-size: 1rem
    }
    #shop .shop-item-desc {
        width: calc(100% - 60px)!important
    }
    #shop .shop-sub-header {
        margin-top: 18vh
    }
    #shop .shop-item-large-desc .shop-item-title h4 {
        font-size: 18px
    }
    #shop .shop-item-large-desc .shop-item-title h5 {
        font-size: 22px
    }
    #shop .shop-item-large-desc .shop-item-title p {
        font-size: 14px
    }
    #shop .shop-sub-header #shop-type {
        font-size: 1rem
    }
    #shop .shop-item-large {
        height: 440px!important
    }
    #shop .shop-item-large img {
        height: 300px!important
    }
}

.bg-vid {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: fill;
    object-fit: fill;
    z-index: 0
}

.bg-vid,
.edit-section {
    position: absolute
}

#realmlist {
    margin-top: 0!important;
    padding-top: 0!important
}

@media(max-width:991px)and (min-width:768px) {
    #realmlist .realm-card {
        height: auto!important;
        min-height: 382px!important
    }
}

@media(max-width:768px) {
    #realmlist .realm-card {
        height: 240px!important
    }
    #realmlist .fc__thumb,
    #realmlist .realm-card {
        object-fit: cover;
        object-position: center!important
    }
}

#realmlist .realm-card {
    height: 400px;
    width: auto;
    padding: .5rem;
    visibility: visible;
}

#realmlist .realm-card:hover .realm-edit {
    opacity: 1
}

#realmlist .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .6);
    border: 1px solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0!important;
    padding: 0 5px!important;
    background: #131415;
    border-radius: 3px;
    box-shadow: 0 0 5px #000
}

#realmlist .realm-card-inner .character-view .mdi {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    line-height: 30px;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none!important;
    text-shadow: 0 0 3px #000, 0 0 3px #000
}

#realmlist .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none!important;
    text-shadow: 0 0 3px #0d4364, 0 0 3px #0d4364
}

#realmlist .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

#realmlist .realm-card-inner .rdp-view {
    position: absolute;
    top: 1rem;
    left: .75rem;
    right: .75rem;
    margin: 0!important;
    padding: 10px!important;
    background: #131415;
    border-radius: 3px;
    box-shadow: 0 0 5px #000
}

#realmlist .realm-card-inner .rdp-view p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #97d292
}

#realmlist .realm-card-inner .circle-positioning {
    position: absolute;
    top: 45px;
    right: 0;
    height: 50px;
    width: 50px;
    z-index: 10
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle {
    position: absolute;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    cursor: cell!important
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle #alert-icon {
    color: #000;
    z-index: 10;
    line-height: 30px;
    display: block;
    position: absolute;
    top: 4px;
    left: 11px
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #ff0;
    animation: pulse-ring 1.25s cubic-bezier(.215, .61, .355, 1) infinite
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: orange;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    animation: pulse-dot 1.25s cubic-bezier(.455, .03, .515, .955) -.4s infinite
}

#realmlist .realm-card-inner .realm-info,
#realmlist .realm-card-inner .realm-label,
#realmlist .realm-card-inner h1,
#realmlist .realm-card-inner h2,
#realmlist .realm-card-inner h3,
#realmlist .realm-card-inner h4,
#realmlist .realm-card-inner h5,
#realmlist .realm-card-inner p,
#realmlist .realm-card-inner span {
    transform: translateZ(5px);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-info h4,
#realmlist .realm-card-inner .realm-info h5 {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

#realmlist .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: 1px solid #fb4646;
    border-left: 1px solid #fb4646;
    border-bottom: 1px solid #fb4646
}

#realmlist .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: 1px solid #c9aa71!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100;
    width: 130px!important;
    height: 50px!important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

#realmlist .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000!important
}

#realmlist .realm-card-inner .realm-edit:hover .btn {
    border: none!important;
    color: #000!important
}

#realmlist .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100%!important;
    font-size: 1.1rem
}

#realmlist .realm-card-inner:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    border: 1px solid #c9aa71;
    padding: 4rem 2rem
}

#realmlist .realm-card-inner:hover .realm-info,
#realmlist .realm-card-inner:hover h1,
#realmlist .realm-card-inner:hover h2,
#realmlist .realm-card-inner:hover h3,
#realmlist .realm-card-inner:hover h4,
#realmlist .realm-card-inner:hover h5,
#realmlist .realm-card-inner:hover p,
#realmlist .realm-card-inner:hover span {
    transform: translateZ(30px)
}

#realmlist .realm-card-inner:hover .realm-label {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .445)
}

#realmlist .realm-card-inner:hover .realm-info h4 {
    bottom: 0!important
}

#realmlist .realm-card-inner:hover .realm-info h5 {
    opacity: 1;
    height: 21.6px
}

#realmlist .realm-card-inner:hover img {
    transform: scale(1.2)
}

#realmlist .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-info h4 {
    color: #fff!important;
    margin-bottom: 0!important;
    display: inline-block;
    text-shadow: 0 0 15px #000, 0 0 15px #000;
    position: relative;
    bottom: -5px
}

#realmlist .realm-card-inner .realm-info h4,
#realmlist .realm-card-inner .realm-info h5 {
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#realmlist .realm-card-inner .realm-info h5 {
    opacity: 0;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    height: 0
}

#realmlist .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.asc-card {
    height: auto!important;
    transform-style: preserve-3d!important
}

.asc-card * {
    transform: translateZ(20px)!important
}

.admin-btn {
    background-color: rgba(201, 170, 113, .9);
    border: 2px solid rgba(17, 17, 17, .9);
    padding: 2px 4px 0;
    margin-left: 1rem!important;
    margin-top: 1rem!important
}

.img-container:hover {
    opacity: .8;
    margin-top: -10px
}

.addition,
.subtract {
    background-color: #222;
    border-radius: 2px;
    border: 1px solid #eca659
}

.addition:hover,
.subtract:hover {
    opacity: .8
}

.addition:active,
.subtract:active {
    opacity: .8;
    border: 2px inset #eca659
}

.btn-asc {
    background-color: #c9aa71;
    border-style: none;
    top: 1rem;
    border-radius: 3px;
    position: relative;
    color: #000!important;
    box-shadow: 0 0 20px 1px #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.btn-asc .material-icons {
    padding-top: 5px
}

.btn-asc:hover {
    box-shadow: 0 0 20px 1px #c9aa71
}

.character-text {
    margin-top: 5px
}

.addition,
.subtract {
    height: 36px;
    padding: 5px
}

.p-fix,
.p-fix:hover,
.update-cart-with-char,
.update-cart-with-char:hover {
    padding: 10px
}

.own-character-checkbox input {
    margin-top: 2px;
    margin-right: 5px;
    padding: 10px!important
}

.other-character-add {
    margin-top: -3px
}

#character-editor .modal-body {
    padding: 12px!important
}

.sort-item {
    margin-bottom: 15px
}

.sort-item .item-container {
    border: 1px solid #32281f;
    height: 268px;
    background-color: #171717;
    overflow: hidden
}

.sort-item .item-container .remove-featured {
    position: absolute
}

.sort-item .item-container .img {
    height: 200px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sort-item .item-container .item-footer {
    background-color: rgba(17, 17, 17, .9);
    border-top: 1px solid #7e633b;
    padding: 5px;
    color: wheat;
    width: 100%;
    height: 65px;
    overflow: hidden
}

.sort-item .item-container .item-footer .item-title {
    white-space: nowrap;
    overflow: hidden
}

.sort-item .item-container .item-footer .item-title h5 {
    color: #ffe4c7;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
    margin-top: 5px
}

.sort-item .item-container .item-footer .item-price {
    display: block
}

.sort-item .item-container .item-footer .item-price .price-icon {
    height: 12px;
    width: 12px;
    margin-right: 5px
}

.sort-item .item-container .item-footer .item-price .price {
    font-size: 12px
}

.sort-item .item-container:hover {
    box-shadow: 0 0 15px #5b1c0f
}

.manage-order-modal {
    max-width: 90%!important
}

.scroll-downs {
    right: 0;
    padding-bottom: 70px;
    left: 0;
    margin: auto;
    width: 34px;
    height: 55px;
    z-index: 10
}

.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #c9aa71;
    border-radius: 25px;
    opacity: .75;
    box-sizing: content-box
}

.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite
}

@keyframes scroll {
    0% {
        opacity: 0
    }
    10% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(15px);
        opacity: 0
    }
}

.hide-nav {
    overflow: hidden!important
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #f0a70f;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
    display: none
}

.pace .pace-progress-inner {
    display: none;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #f0a70f, 0 0 5px #f0a70f;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    -moz-transform: rotate(3deg) translateY(-4px);
    -ms-transform: rotate(3deg) translateY(-4px);
    -o-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

.pace .pace-activity {
    display: none;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border-color: #f0a70f transparent transparent #f0a70f;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    -webkit-animation: pace-spinner .4s linear infinite;
    -moz-animation: pace-spinner .4s linear infinite;
    -ms-animation: pace-spinner .4s linear infinite;
    -o-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader,
.loader:after,
.loader:before {
    border-radius: 50%
}

.loader {
    color: #fff;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:after,
.loader:before {
    position: absolute;
    content: ""
}

.loader:before {
    border-radius: 16px 0 0 16px;
    left: -.1em;
    -webkit-transform-origin: 8px 8px;
    transform-origin: 8px 8px;
    -webkit-animation: load2 2s ease 1.5s infinite;
    animation: load2 2s ease 1.5s infinite
}

.loader:after,
.loader:before {
    width: 8px;
    height: 16px;
    background: #262626;
    top: -.1em
}

.loader:after {
    border-radius: 0 16px 16px 0;
    left: 4.9em;
    -webkit-transform-origin: .1em 8px;
    transform-origin: .1em 8px;
    -webkit-animation: load2 2s ease infinite;
    animation: load2 2s ease infinite
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media(min-width:991px) {
    .vh-100 {
        height: auto!important
    }
}

@media(max-width:768px) {
    .toasted-container.top-right {
        top: 10%;
        right: 0;
        width: 80%;
        text-align: center!important
    }
    .vh-100 {
        height: 100vh!important
    }
    .toasted {
        text-align: center!important
    }
}

.news-container,
.news-item-large,
.news-main {
    transition: all .5s ease
}

.test-trans {
    transition: all .5s ease-in-out
}

.asc-navbar {
    top: 145px;
    position: fixed;
    z-index: 998;
    width: 100vw
}

.asc-navbar,
.asc-sticky-navbar {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.asc-sticky-navbar {
    top: -1px
}

@media(max-width:768px) {
    #shop-object {
        top: 3rem!important
    }
}

#shop-object {
    min-height: 100%!important;
    position: relative;
    padding-bottom: 5rem;
    top: 0
}

@media(max-width:978px) {
    #shop-object .item-hero-right {
        display: none
    }
}

@media only screen and (max-width:919px) {
    .page-title {
        font-size: 20px!important
    }
    .item-hero-right {
        margin-top: 3rem
    }
    .item-header {
        font-size: 2rem
    }
    .item-info {
        margin-top: 2rem
    }
}

@media(max-width:768px) {
    .item-info .item-buy {
        background-color: #c9aa71;
        padding: 1rem 0;
        color: #000!important;
        box-shadow: 0 0 20px 1px #625030
    }
    .item-info .item-buy,
    .item-info .item-checkout {
        top: 1rem;
        border-radius: 5px;
        position: relative;
        user-select: none;
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .item-info .item-checkout {
        padding: 1rem 2rem;
        color: #fff;
        text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
        box-shadow: 0 0 10px 1px #11998e;
        background: #11998e;
        background: -webkit-linear-gradient(90deg, #38ef7d, #11998e);
        background: linear-gradient(90deg, #38ef7d, #11998e)
    }
    .item-info .item-checkout:hover {
        box-shadow: 0 0 15px 1px #38ef7d;
        text-shadow: 0 0 3px rgba(0, 0, 0, .7), 0 0 3px rgba(0, 0, 0, .7)!important
    }
    .item-buttons-wrapper {
        position: relative;
        top: 3rem!important;
        justify-content: center
    }
}

@media(max-width:768px)and (max-width:768px) {
    .item-buttons-wrapper {
        padding-bottom: 3rem
    }
}

@media(max-width:768px) {
    .item-info .item-header {
        font-size: 2rem!important
    }
}

@media(max-width:768px) {
    .item-qty-sel {
        max-width: 70px;
        height: 40px!important;
        font-size: 16px;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
    }
}

#shop-object .page-title {
    padding-left: 30px;
    font-size: 1.95rem!important
}

#shop-object .container {
    margin-bottom: 0
}

#shop-object .input-group .input-group-prepend .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #c9aa71!important;
    border: 1px solid #c9aa71;
    border-radius: .25rem
}

@media(max-width:768px) {
    #shop-object .hero-img {
        height: auto!important
    }
}

#shop-object .hero-img {
    background-position: 50%;
    height: 500px;
    border-radius: 20px;
    width: 100%!important;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid transparent;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#shop-object .hero-img#showcase-vid {
    height: 340px!important
}

#shop-object #delete-item,
#shop-object #edit-item {
    border: 1px solid #c9aa71;
    border-color: #c9aa71!important;
    border-radius: 5px;
    position: relative;
    color: #c9aa71!important;
    outline: none!important;
    box-shadow: 0 0 20px 1px #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    margin-bottom: 1rem
}

#shop-object #delete-item:hover,
#shop-object #edit-item:hover {
    box-shadow: 0 0 20px 1px #c9aa71;
    color: #000!important
}

#shop-object #delete-item.primary-btn {
    border: 1px solid #dc143c;
    color: #dc143c!important;
    border-color: #dc143c!important;
    box-shadow: 0 0 20px 1px rgba(220, 20, 60, .493)
}

#shop-object #delete-item.primary-btn:hover {
    box-shadow: 0 0 20px 1px #dc143c;
    color: #000!important;
    background-color: #dc143c!important
}

#shop-object .dropdown-toggle {
    box-shadow: none!important;
    background-color: transparent!important;
    border: 1px solid #444951!important
}

#shop-object .dropdown-menu {
    z-index: 1000;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #282a2d!important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

#shop-object .dropdown-menu .dropdown-item:hover {
    background: #37393d!important
}

#shop-object .item-qty-sel {
    max-width: 70px;
    height: 50px;
    font-size: 16px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
}

#shop-object .hero-img-edit {
    max-width: 300px
}

#shop-object .bundle-info .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#shop-object .bundle-info .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#shop-object .bundle-info .bundle-ul {
    padding: .75rem 1rem;
    max-height: 240px;
    min-height: 240px;
    overflow-y: scroll;
    background-color: #1a1919;
    border: 1px solid #564F3F
}

#shop-object .bundle-info .bundle-ul .bundle-li {
    list-style: none;
    margin: .5rem 0
}

#shop-object .bundle-info .bundle-ul .bundle-li .bundle-item-link {
    max-width: 140px;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#shop-object .bundle-info .bundle-ul .bundle-li .bundle-li-img {
    width: 25px;
    height: 25px;
    margin-right: 1rem;
    border: 1px solid #c9aa71
}

#shop-object .bundle-info .bundle-ul .bundle-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 40px;
    cursor: pointer
}

#shop-object .bundle-info .bundle-ul .bundle-li .mdi:hover {
    color: #c9aa71
}

#shop-object .bundle-info .bundle-description-ul {
    padding: .75rem 1rem;
    overflow-y: scroll;
    background-color: #1a1919;
    border: 1px solid #564F3F
}

#shop-object .bundle-info .bundle-description-ul .bundle-li {
    list-style: none;
    margin: .5rem 0
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .bundle-item-link {
    max-width: 140px;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .bundle-li-img {
    width: 25px;
    height: 25x;
    margin-right: 1rem;
    border: 1px solid #c9aa71
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 40px;
    cursor: pointer
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .mdi:hover {
    color: #c9aa71
}

#shop-object .item-info {
    display: inline-block;
    align-self: center
}

#shop-object .item-info .item-header {
    font-weight: bolder;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 13px #625030;
    user-select: none
}

#shop-object .item-info .item-desc {
    font-size: 24px;
    color: #dcdcdc;
    user-select: none
}

#shop-object .item-info .item-bundle .bundle-title {
    text-shadow: 2px 2px 13px #625030;
    color: #c9aa71;
    font-weight: 700
}

#shop-object .item-info .item-bundle .bundle-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item {
    margin: .75em 0
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-item-img {
    height: 25px;
    width: 25px;
    filter: drop-shadow(0 0 5px black);
    -webkit-filter: drop-shadow(0 0 5px #000)
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-item-name {
    color: #dcdcdc;
    text-shadow: 0 0 5px #000
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-highlight {
    color: #dc143c!important
}

.item-info .item-buy {
    padding: 1rem 1.4rem;
    border-radius: 5px;
    color: #000!important;
    box-shadow: 0 0 20px 1px #2f80ed;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #56ccf2;
    background: -webkit-linear-gradient(90deg, #2f80ed, #56ccf2);
    background: linear-gradient(90deg, #2f80ed, #56ccf2);
}

@media(max-width:768px) {
    .item-info .item-buy {
        margin-bottom: 1rem
    }
}

.item-info .item-buy:hover {
    box-shadow: 0 0 20px 1px #56ccf2;
    color: #fff!important
}

#shop-object .item-info .item-added {
    pointer-events: none;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: 5px;
    position: relative;
    color: #000!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    opacity: .5;
    margin-right: 10px;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #56ccf2;
    background: -webkit-linear-gradient(90deg, #2f80ed, #56ccf2);
    background: linear-gradient(90deg, #2f80ed, #56ccf2)
}

@media(max-width:768px) {
    #shop-object .item-info .item-added {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1rem
    }
}

#shop-object .item-info .item-added:hover {
    box-shadow: 0 0 20px 1px #56ccf2;
    color: #fff!important
}

.item-info .item-wishlist {
    padding: 1rem;
    top: 1rem;
    left: .75rem;
    border-radius: 5px;
    position: relative;
    color: #000!important;
    box-shadow: 0 0 10px 1px #912131;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    cursor: pointer;
    margin-right: 10px;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #cb356b;
    background: -webkit-linear-gradient(90deg, #bd3f32, #cb356b);
    background: linear-gradient(90deg, #bd3f32, #cb356b)
}

@media(max-width:768px) {
    .item-info .item-wishlist {
        margin-bottom: 1rem
    }
}

.item-info .item-wishlist:hover {
    box-shadow: 0 0 10px 1px #db5280;
    color: #fff!important
}

.item-info .item-wishlisted {
    padding: 1rem;
    border-radius: 5px;
    color: #000!important;
    box-shadow: 0 0 10px 1px #912131;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    cursor: pointer;
    margin-right: 10px;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #cb356b;
    background: -webkit-linear-gradient(90deg, #bd3f32, #cb356b);
    background: linear-gradient(90deg, #bd3f32, #cb356b);
}

@media(max-width:768px) {
    .item-info .item-wishlisted {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1rem
    }
}

.item-info .item-checkout {
    padding: 1rem 1rem;
    /* top: 1rem; */
    border-radius: 5px;
    /* position: relative; */
    color: #fff!important;
    box-shadow: 0 0 20px 1px #555350;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    box-shadow: 0 0 10px 1px #11998e;
    background: #11998e;
    background: -webkit-linear-gradient(90deg, #38ef7d, #11998e);
    background: linear-gradient(90deg, #38ef7d, #11998e);
    cursor: pointer;
}

.item-info .item-checkout:hover {
    box-shadow: 0 0 15px 1px #38ef7d;
    text-shadow: 0 0 3px rgba(0, 0, 0, .7), 0 0 3px rgba(0, 0, 0, .7)!important
}

#shop-object .item-info .item-cost {
    user-select: none
}

#shop-object .item-info .item-cost-amount {
    color: #dcdcdc
}

#shop-object .item-info .item-cost-amount,
#shop-object .item-info .item-cost-discount {
    line-height: 40px!important;
    margin-left: .5rem;
    font-weight: 700;
    font-size: 2rem;
    user-select: none
}

#shop-object .item-info .item-cost-discount {
    color: hsla(0, 0%, 42.4%, .77);
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#shop-object .item-info .item-gift {
    margin-left: 1rem;
    background-color: #0c1717;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: 5px;
    position: relative;
    color: #c9aa71!important;
    border: 1px solid #c9aa71;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#shop-object .item-info .item-gift:hover {
    box-shadow: 0 0 20px 1px #c9aa71
}

#shop-object .item-info .textform-item-desc:focus {
    background-color: transparent!important;
    color: #979a9f!important
}

#shop-object .item-info .textform-item-desc:active {
    background-color: transparent!important
}

#shop-object .item-gallery {
    display: flex;
    margin-top: 2rem;
    overflow: hidden
}

#shop-object .item-gallery .gallery-item {
    padding: .5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#shop-object .item-gallery .gallery-item:hover .gallery-title {
    text-shadow: 2px 2px 13px #997a45;
    user-select: none
}

#shop-object .item-gallery .gallery-item:hover .gallery-item-content {
    filter: sepia(.75);
    border-color: #c9aa71
}

#shop-object .item-gallery .gallery-item:hover .gallery-item-content-add {
    filter: sepia(.75);
    border-color: #fff;
    cursor: pointer
}

#shop-object .item-gallery .gallery-item:hover .gallery-text {
    color: #fff;
    user-select: none
}

#shop-object .item-gallery .gallery-item .gallery-item-content {
    background-color: hsla(0, 0%, 100%, .07);
    border-radius: 10px;
    width: 100%;
    height: 205px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important;
    border: 1px solid transparent;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    user-select: none
}

@media(max-width:991px)and (min-width:768px) {
    #shop-object .item-gallery .gallery-item .gallery-item-content {
        height: 142px!important
    }
}

#shop-object .item-gallery .gallery-item .gallery-item-content-add {
    border-radius: 10px;
    width: 100%;
    height: 435px!important;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    user-select: none;
    border: 1px solid #444951
}

#shop-object .item-gallery .gallery-item .gallery-item-content-add:after {
    content: "+";
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 9px);
    font-size: 42px;
    color: #fff!important;
    font-weight: lighter
}

#shop-object .item-gallery .gallery-item .gallery-image {
    width: 100%
}

#shop-object .item-gallery .gallery-item .gallery-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c9aa71;
    text-shadow: 2px 2px 13px #625030
}

#shop-object .item-gallery .gallery-item .gallery-text,
#shop-object .item-gallery .gallery-item .gallery-title {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    user-select: none
}

#shop-object .item-gallery .gallery-item .gallery-text {
    margin-top: 1rem;
    color: #dcdcdc;
    letter-spacing: 1px
}

#shop-object .item-gallery .gallery-item .gallery-text .textform-item-desc:focus {
    background-color: transparent!important;
    color: #979a9f!important
}

#shop-object .item-gallery .gallery-item .gallery-text .textform-item-desc:active {
    background-color: transparent!important
}

#item-publish-modal .table-dark {
    background-color: #1a1919;
    border: 1px solid #564F3F
}

#item-publish-modal .table-dark thead {
    background-color: #262626!important;
    border: 1px solid #564F3F!important
}

#item-publish-modal .table-dark tbody tr td {
    color: #dcdcdc
}

canvas {
    color: #c9aa71
}

.modal-header {
    border-bottom: none;
    margin-bottom: 0;
    padding: 1rem 0;
    color: #c9aa71
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: 1
}

.close,
.close:hover {
    color: #c9aa71;
    text-shadow: 0 1px 0 #c9aa71
}

.modal-content {
    margin-top: 0;
    
    color: #ffe4c7
}

.modal-content .modal-body {
    padding: 0 0 1rem
}

.modal-content .item-name {
    font-weight: 700;
    color: #c9aa71
}

.modal-footer {
    border-top: none;
    padding-left: 0;
    padding-right: 0
}

.modal-footer .btn:active,
.modal-footer .btn:focus {
    outline: none!important;
    box-shadow: none!important
}

.modal-footer .btn-secondary {
    padding: .8rem 2.5rem;
    background-color: transparent;
    border: 1px solid #c9aa71;
    text-shadow: none!important;
    border-radius: 0;
    color: #c9aa71;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.modal-footer .btn-secondary:hover {
    background-color: transparent!important;
    border: 1px solid #fff!important
}

.modal-footer .btn-primary {
    padding: .8rem 2.5rem;
    color: #000!important;
    background-color: #c9aa71;
    text-shadow: none!important;
    border: none;
    border-radius: 0
}

.modal-footer .btn-primary:hover {
    color: #000!important
}

@media only screen and (max-width:919px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
        display: none!important
    }
}

#content-wrapper-store {
    padding-top: 70px
}

#content-wrapper-store #shop .featured-banner {
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    margin: 0 -2rem;
    height: 200px;
    box-shadow: inset 0 0 2px 0 #333, 0 0 2px 0 #333;
    overflow: hidden!important;
    position: relative;
    transform: translateZ(1px)
}

#content-wrapper-store #shop .featured-banner:hover .featured-overlay {
    opacity: 0
}

#content-wrapper-store #shop .featured-banner .featured-bg {
    transform: translateZ(1px)
}

#content-wrapper-store #shop .featured-banner .featured-bg,
#content-wrapper-store #shop .featured-banner .featured-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    opacity: .4;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .featured-banner .featured-gradient {
    display: none;
    background: #ff5f6d;
    background: -webkit-linear-gradient(90deg, #ffc371, #ff5f6d);
    background: linear-gradient(90deg, #ffc371, #ff5f6d);
    z-index: 1
}

#content-wrapper-store #shop .featured-banner .featured-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #000;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: .2;
    z-index: 2
}

#content-wrapper-store #shop .featured-banner .featured-inner {
    color: #fff!important;
    margin: 0 auto!important;
    height: auto;
    max-width: 800px;
    text-align: center;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8);
    z-index: 3
}

#content-wrapper-store #shop .featured-banner .featured-inner h1,
#content-wrapper-store #shop .featured-banner .featured-inner h5 {
    color: #fff!important;
    font-weight: bolder;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .featured-banner .featured-inner h1.featured-maintext {
    margin-bottom: 0!important;
    margin-top: 1rem;
    font-size: 4.5rem;
    text-transform: capitalize
}

#content-wrapper-store #shop .featured-banner .featured-inner h5.featured-subtext {
    font-size: 1.5rem;
    color: #c9aa71!important;
    margin-bottom: 1rem!important;
    margin-left: auto;
    margin-right: auto
}

#content-wrapper-store #shop .featured-banner .featured-inner button {
    padding: .75rem 1.5rem;
    margin-top: 1rem;
    background-color: #c9aa71;
    color: #171007;
    font-weight: 700;
    border: 1px solid #eacd97!important
}

#content-wrapper-store #shop .content-row {
    color: #fff!important
}

#content-wrapper-store #shop .content-row .shop-sidebar {
    border-radius: 10px
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list {
    padding: 0;
    list-style: none
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item {
    width: 100%;
    height: 100px;
    background-color: #1d1d1d;
    border: 2px solid #333;
    box-shadow: inset 0 0 2px 0 #333, 0 0 2px 0 #333;
    border-radius: 10px;
    padding: 0 2rem;
    margin-bottom: 1rem;
    transform-style: preserve-3d;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    max-width: 420px
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item a span {
    color: #fff!important;
    text-transform: uppercase;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    transform: translateZ(5px)!important;
    z-index: 2
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover {
    border: 2px solid #c9aa71;
    box-shadow: inset 0 0 2px 0 #c9aa71, 0 0 2px 0 #c9aa71
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover a {
    transform: translateZ(30px)!important
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover a span {
    text-shadow: 0 0 1px transparent, 2px 2px 1px #000;
    pointer-events: none
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover .objHover {
    transform: translateZ(30px) scale(1.1)!important;
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7))
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .js-tilt-glare {
    border-radius: 10px
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .objHover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    height: 90px!important;
    position: absolute;
    top: 5px;
    right: 2rem;
    transform: translateZ(5px)!important;
    z-index: 2;
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7))
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .sidebar-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 9px
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item {
    background-image: url(https://i.imgur.com/NYmLdYX.png);
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    display: flex;
    padding: 3px;
    height: 100%;
    min-width: 150px;
    background-size: auto 120%;
    background-position: 50%;
    transition: background-size .2s linear;
    min-height: 80px
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item:after {
    z-index: 0;
    background-color: rgba(0, 0, 0, .65);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 2px;
    border: 2px solid transparent;
    pointer-events: none
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item .navigation-item-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
    font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    line-height: 1.15;
    text-align: center;
    position: absolute;
    left: 7px;
    right: 7px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%)
}

#content-wrapper-store #shop .content-row .shop-search {
    margin-top: 2rem
}

#content-wrapper-store #shop .content-row .disable-drag {
    user-drag: none;
    -webkit-user-drag: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .sort-item {
    border: 1px solid #474747;
    border-radius: 5px;
    padding: .5rem 2rem;
    margin-right: 1rem;
    color: #fff!important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner h1 {
    color: #fff!important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    margin-bottom: 0!important;
    text-shadow: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
    line-height: 50px;
    margin-left: 1rem;
    color: grey
}

@media(max-width:1568px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
        display: none!important
    }
}

@media(min-width:1000px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header {
        position: -webkit-sticky;
        position: sticky!important;
        top: 8px;
        z-index: 5;
        background: #131415
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container {
    flex-direction: column
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container input {
    width: 300px;
    height: 45px;
    padding: 0 .5rem;
    border-radius: 6px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container input:focus {
    border: 1px solid #c9aa71
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container {
    margin-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container #realm-search {
    border-radius: 6px;
    display: block;
    width: 100%;
    height: 46px;
    padding: 8px 16px;
    background-color: #171717;
    background-image: none;
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 18px;
    line-height: 1.8;
    color: #bbb;
    letter-spacing: .015em
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-amount {
    color: #747474;
    line-height: 50px
}

@media(max-width:978px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list {
        margin-left: 0!important;
        padding-left: 0!important;
        text-align: center;
        margin-bottom: 0!important;
        justify-content: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link a {
        display: flex!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link:last-of-type {
        grid-column: auto
    }
}

@media(max-width:768px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link {
        padding-left: 10px 20px;
        background-color: #c9aa71;
        border-radius: 5px;
        margin: .25rem!important;
        background: #4776e6;
        background: -webkit-linear-gradient(90deg, #8e54e9, #4776e6);
        background: linear-gradient(90deg, #8e54e9, #4776e6)
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link span {
        text-shadow: 0 0 5px rgba(0, 0, 0, .651), 0 0 5px rgba(0, 0, 0, .651)!important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 1.1rem;
    margin: 0 -30px;
    background-color: #0c1717;
    border-radius: 5px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter {
    border-bottom: 1px solid grey;
    padding-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list {
    text-align: center;
    margin-bottom: 0!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link {
    list-style: none;
    float: left;
    margin: 0 .25rem;
    border-radius: 5px;
    position: relative;
    border: 1px solid #0c1717;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link a {
    display: inline-block;
    height: 35px;
    width: 100%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link a:after {
    position: absolute;
    top: 31px;
    display: block;
    content: "â–¼";
    color: wheat;
    width: 16px;
    left: calc(50% - 8px);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link span {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff!important;
    font-size: 14px;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    border-radius: 3px;
    padding: .5rem .75rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, .651), 0 0 5px rgba(0, 0, 0, .651)!important;
    display: inline-block;
    height: 100%;
    width: 100%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link span:hover {
    color: wheat!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-active span,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-exact-active span {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border: 1px solid wheat;
    box-shadow: 0 0 5px wheat;
    color: wheat!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-active:after,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-exact-active:after {
    opacity: 1;
    filter: drop-shadow(0 0 5px wheat)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link {
    background: #7f7fd5;
    background: -webkit-linear-gradient(90deg, #91eae4, #86a8e7, #7f7fd5);
    background: linear-gradient(90deg, #91eae4, #86a8e7, #7f7fd5)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-new {
    background: #ff416c!important;
    background: -webkit-linear-gradient(90deg, #ff4b2b, #ff416c)!important;
    background: linear-gradient(90deg, #ff4b2b, #ff416c)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-deals,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-sale,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-sales {
    background: #f96!important;
    background: -webkit-linear-gradient(90deg, #ff5e62, #f96)!important;
    background: linear-gradient(90deg, #ff5e62, #f96)!important;
    box-shadow: 0 0 5px wheat;
    border: 1px solid wheat
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-convenience {
    background: #834d9b!important;
    background: -webkit-linear-gradient(90deg, #d04ed6, #834d9b)!important;
    background: linear-gradient(90deg, #d04ed6, #834d9b)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-mounts {
    background: #11998e!important;
    background: -webkit-linear-gradient(90deg, #38ef7d, #11998e)!important;
    background: linear-gradient(90deg, #38ef7d, #11998e)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-pets {
    background: #00c6ff!important;
    background: -webkit-linear-gradient(90deg, #0072ff, #00c6ff)!important;
    background: linear-gradient(90deg, #0072ff, #00c6ff)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-toys {
    background: #f46b45!important;
    background: -webkit-linear-gradient(90deg, #eea849, #f46b45)!important;
    background: linear-gradient(90deg, #eea849, #f46b45)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-bundles {
    background: #f857a6!important;
    background: -webkit-linear-gradient(90deg, #ff5858, #f857a6)!important;
    background: linear-gradient(90deg, #ff5858, #f857a6)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-appearances {
    background: #3b8d99;
    background: -webkit-linear-gradient(90deg, #3b8d99, #6b6b83);
    background: linear-gradient(90deg, #3b8d99, #6b6b83)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-ascension {
    background: #1f4037;
    background: -webkit-linear-gradient(90deg, #99f2c8, #1f4037);
    background: linear-gradient(90deg, #99f2c8, #1f4037)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin: 0 .25rem .25rem;
    border-radius: 5px;
    position: relative;
    border: 1px solid #0c1717;
    background: #4e4e4e;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link a {
    display: inline-block;
    height: 30px;
    width: 100%;
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link span {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff!important;
    font-size: 14px;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    border-radius: 3px;
    padding: .5rem .75rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, .651), 0 0 5px rgba(0, 0, 0, .651)!important;
    display: inline-block;
    height: 100%;
    font-size: 10px;
    width: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link span:hover {
    color: wheat!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-hot,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-new {
    background: #ff416c!important;
    background: -webkit-linear-gradient(90deg, #ff4b2b, #ff416c)!important;
    background: linear-gradient(90deg, #ff4b2b, #ff416c)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-deals,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-sale,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-sales {
    background: #f96!important;
    background: -webkit-linear-gradient(90deg, #ff5e62, #f96)!important;
    background: linear-gradient(90deg, #ff5e62, #f96)!important;
    box-shadow: 0 0 5px wheat;
    border: 1px solid wheat
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-convenience {
    background: #834d9b!important;
    background: -webkit-linear-gradient(90deg, #d04ed6, #834d9b)!important;
    background: linear-gradient(90deg, #d04ed6, #834d9b)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-mounts {
    background: #11998e!important;
    background: -webkit-linear-gradient(90deg, #38ef7d, #11998e)!important;
    background: linear-gradient(90deg, #38ef7d, #11998e)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-pets {
    background: #00c6ff!important;
    background: -webkit-linear-gradient(90deg, #0072ff, #00c6ff)!important;
    background: linear-gradient(90deg, #0072ff, #00c6ff)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-toys {
    background: #f46b45!important;
    background: -webkit-linear-gradient(90deg, #eea849, #f46b45)!important;
    background: linear-gradient(90deg, #eea849, #f46b45)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-bundles {
    background: #f857a6!important;
    background: -webkit-linear-gradient(90deg, #ff5858, #f857a6)!important;
    background: linear-gradient(90deg, #ff5858, #f857a6)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-appearances {
    background: #3b8d99;
    background: -webkit-linear-gradient(90deg, #3b8d99, #6b6b83);
    background: linear-gradient(90deg, #3b8d99, #6b6b83)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-ascension {
    background: #1f4037;
    background: -webkit-linear-gradient(90deg, #99f2c8, #1f4037);
    background: linear-gradient(90deg, #99f2c8, #1f4037)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-qa {
    background: #7f7fd5;
    background: -webkit-linear-gradient(90deg, #91eae4, #86a8e7, #7f7fd5);
    background: linear-gradient(90deg, #91eae4, #86a8e7, #7f7fd5)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion {
    padding: 0!important
}

@media(max-width:1850px)and (min-width:1250px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart.open {
        max-width: 300px;
        width: 300px;
        opacity: 1
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart {
    position: relative;
    min-height: 200px;
    padding: 0;
    margin-top: 0;
    max-width: 0;
    width: 0;
    overflow: inherit!important;
    margin-left: 1rem;
    opacity: 0
}

@media(min-width:1000px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container {
        position: -webkit-sticky;
        position: sticky;
        top: 190px
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart.open {
    max-width: 300px;
    width: 300px;
    opacity: 1
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-header {
    background-color: #252525;
    text-align: center;
    font-size: 18px;
    padding: .5rem;
    width: 98%;
    border: 1px solid #6a6967
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-body ul {
    list-style: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-body ul li {
    margin-bottom: .5rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart * {
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .cart-header,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-header {
    font-size: 1.5rem;
    color: #f1f1f1;
    font-weight: lighter;
    margin-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container {
    background-color: #1d1d1d;
    border: 1px solid #0c1717
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container * {
    text-shadow: 0 0 3px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .5)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background-color: #0c1717;
    color: #bbb!important;
    margin: 0!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order thead {
    background-color: #333;
    color: #bbb!important;
    border-bottom: none!important;
    font-weight: lighter!important;
    font-size: 14px;
    text-transform: uppercase
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order thead th {
    border-bottom: none!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody {
    border-top: none!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #34383d
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td {
    vertical-align: middle
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 75px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #34383d
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 75px;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td a:hover {
    color: #fff!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .card-img {
    height: auto;
    border: 1px solid #333;
    width: 100%;
    max-height: 82px;
    filter: brightness(80%);
    object-fit: cover;
    object-position: center
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-item-realm {
    color: #c9aa71;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    text-shadow: 0 0 3px #000, 0 0 3px #000!important;
    font-weight: 700;
    width: 94%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .attr-item {
    color: grey!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .table-order-qty {
    border-left: 1px solid #34383d;
    border-right: 1px solid #34383d;
    color: #bbb!important;
    font-size: 18px!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency {
    height: 20px;
    margin-right: 2px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency-amount {
    color: #bbb!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency-discount {
    color: hsla(0, 0%, 42.4%, .77)!important;
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .mdi {
    color: #bbb!important;
    font-size: 1.1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr {
    background-color: #333!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .strong {
    color: #fff!important;
    font-weight: 700!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .btn.primary-btn {
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    background-color: transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .btn.primary-btn:hover {
    color: #000!important;
    background-color: #c9aa71!important;
    text-shadow: none!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .cart-currency-discount {
    color: hsla(0, 0%, 42.4%, .77)!important;
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-items {
    margin-bottom: 4rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator {
    grid-column: 1/-1
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator .subcategory-header {
    font-size: 1.75rem;
    border-top: 1px solid #0c1717;
    padding-top: 2rem;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator .subcategory-text {
    font-size: 1.25rem;
    color: #626060;
    font-weight: lighter;
    padding-bottom: 1rem;
    text-shadow: 0 0 5px #000, 0 0 5px #000
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
    margin-bottom: 5rem
}

@media(max-width:1570px)and (min-width:1330px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))!important;
        max-width: 1000px!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart.open {
        flex: 0 0 20%!important;
        max-width: 20%!important;
        opacity: 1
    }
}

@media(max-width:1330px)and (min-width:1269px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))!important;
        max-width: 1000px!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart.open {
        flex: 0 0 20%!important;
        max-width: 20%!important;
        opacity: 1
    }
}

@media(max-width:1269px)and (min-width:979px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        max-width: 1000px!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart {
        display: none!important
    }
}

@media(max-width:978px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion {
        width: 100%;
        padding: 0!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        max-width: 100%!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart {
        display: none!important
    }
}

@media(max-width:576px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
        width: 100%!important;
        min-width: 100%!important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1rem;
    justify-items: center;
    max-width: 1290px;
    margin: 0 0 2rem!important
}

@media(max-width:978px)and (min-width:743px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container:nth-of-type(odd) {
        justify-self: flex-end
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container:nth-of-type(2n) {
        justify-self: flex-start
    }
}

@media(max-width:743px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(1, minmax(334px, 1fr))!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .subcategory-separator {
        text-align: center!important
    }
}

@media(max-width:978px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(334px, 1fr))
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .subcategory-separator {
        text-align: left;
        padding-left: 1.25rem
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container {
        min-width: 300px;
        width: 100%!important;
        height: 206px!important;
        min-height: 206px!important;
        max-width: 344px!important;
        margin-bottom: 0!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-item-buttons {
        display: none!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
       
        width: 344px!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card.discounted {
        bottom: 1rem!important;
        right: 1rem!important;
        left: auto!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card.discounted .shop-item-actions {
        position: absolute;
        bottom: 1.5rem;
        left: auto!important;
        right: 1rem!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions {
        position: absolute;
        bottom: 2.4rem;
        left: auto!important;
        right: 1rem!important;
        z-index: 2
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-sticker,
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-private-sticker,
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker {
        right: 0!important;
        left: auto!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info {
        top: auto!important;
        bottom: 0!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-timer {
        right: 0!important;
        left: auto!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container {
        height: 100%!important
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:after {
        display: block!important;
        position: absolute!important;
        background: linear-gradient(90deg, #1d1d1d 0, rgba(29, 29, 29, .8) 20%, rgba(29, 29, 29, 0))!important;
        height: 206px!important;
        width: 40%!important;
        top: 0!important;
        left: 0!important;
        content: ""
    }
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:before {
        display: block!important;
        position: absolute!important;
        background: linear-gradient(270deg, #1d1d1d 0, rgba(29, 29, 29, .8) 20%, rgba(29, 29, 29, 0))!important;
        height: 206px!important;
        width: 40%!important;
        top: 0!important;
        right: 0!important;
        content: "";
        z-index: 1
    }
}

@media(max-width:1854px)and (min-width:1279) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
    }
}

@media only screen and (-moz-min-device-pixel-ratio:1.1)and (-moz-max-device-pixel-ratio:1.25),
only screen and (-o-min-device-pixel-ratio:2/1)and (-o-max-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:1.1)and (-webkit-max-device-pixel-ratio:1.25),
only screen and (min-device-pixel-ratio:1.1)and (max-device-pixel-ratio:1.25) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        max-width: 1000px
    }
}

@media only screen and (-o-min-device-pixel-ratio:2/1)and (min-width:1921px),
only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:1921px),
only screen and (min--moz-device-pixel-ratio:2)and (min-width:1921px),
only screen and (min-device-pixel-ratio:2)and (min-width:1921px),
only screen and (min-resolution:2dppx)and (min-width:1921px),
only screen and (min-resolution:192dpi)and (min-width:1921px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container {
    min-width: 300px;
    width: 300px;
    height: 400px;
    min-height: 400px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
    height: 550px;
    background-color: #1d1d1d;
    border: 1px solid transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform-style: preserve-3d;
    z-index: 2;
    margin-bottom: 2rem;
    position: relative;
    background-repeat: no-repeat!important;
    background-size: 100% 100%;
    background-position: 50%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
   
    border-radius: 5px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container {
    width: 100%;
    height: 42%;
    margin: 0 auto;
    display: block;
    overflow: hidden
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:after {
    display: block;
    position: absolute;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #1d1d1d);
    height: 90px;
    width: 100%;
    bottom: 0;
    left: 0;
    content: ""
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container .card-img {
    object-fit: cover;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover {
    background-size: 110% 110%;
    border: 1px solid #c9aa71
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-card-info,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-discount-sticker,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-discount-timer,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-item-actions,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-item-buttons,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-private-sticker,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-released-sticker {
    transform: translateZ(30px)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover b .shop-card-info .shop-item-title {
    color: #c9aa71!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-sticker {
    left: 0;
    background-color: #c62121;
    border-radius: 0 5px 37px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .47), 0 0 5px #000
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-sticker,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    padding: .5rem 1rem;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-private-sticker {
    right: 0;
    background-color: #383838;
    border-top: 1px solid #575757;
    border-left: 1px solid #575757;
    border-bottom: 1px solid #575757
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker {
    display: block;
    position: absolute;
    top: 4rem;
    right: 0;
    padding: .5rem 1rem;
    background-color: #43a743;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: 1px solid #0f0;
    border-left: 1px solid #0f0;
    border-bottom: 1px solid #0f0;
    width: 130px;
    text-align: center
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker.pos-top {
    top: 1rem!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-timer {
    display: block;
    top: calc(1rem + 40px);
    width: 100.4px;
    left: 0;
    padding: .5rem 1rem;
    background-color: #c62121;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    backface-visibility: hidden;
    border-radius: 0 3px 37px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .47), 0 0 5px #000
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-timer {
    position: absolute;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-font-smoothing: subpixel-antialiased
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info {
    z-index: 2;
    width: 100%;
    padding: 1rem;
    top: 50%;
    backface-visibility: hidden!important
}

@media(min-width:978px) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-title {
        text-overflow: unset!important;
        word-wrap: break-word!important;
        white-space: unset!important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-title {
    color: #fff;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    font-size: 18px;
    max-width: 240px;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
    backface-visibility: hidden!important;
    transform: none!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-icon {
    width: 48px;
    height: 48px;
    object-fit: contain
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-type {
    display: flex;
    flex: 1;
    color: #868686!important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    font-size: 14px;
    backface-visibility: hidden!important;
    transform: none!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons {
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    display: flex;
    transform: none!important;
    z-index: 5;
    backface-visibility: hidden
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button {
    padding: 0 .35rem;
    border: 1px solid #c9aa71;
    border-radius: 10px;
    height: 30px;
    background-color: #1d1d1d!important;
    display: block;
    margin-right: .5rem;
    line-height: 30px;
    position: relative;
    top: 2px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    cursor: pointer!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover {
    border-color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover .mdi {
    color: #fff!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover .cart-currency {
    filter: saturate(0)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button .cart-currency {
    height: 17px!important;
    position: relative;
    top: -2px!important;
    cursor: pointer!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button .mdi {
    color: #c9aa71!important;
    margin: none!important;
    cursor: pointer!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button {
    padding: .5rem;
    border: 1px solid #c9aa71;
    border-radius: 100%;
    height: 35px!important;
    width: 35px!important;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    background-color: #1d1d1d!important;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    cursor: pointer!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:hover {
    border-color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:hover .mdi {
    color: #fff!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button .mdi {
    color: #c9aa71!important;
    margin: none!important;
    cursor: pointer!important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button.has-cart-item:after {
    content: attr(data-quantity);
    font-size: 12px;
    background: #dc143c;
    color: #fff;
    width: 20px;
    height: 20px;
    max-width: 30px;
    border-radius: 100%;
    line-height: 20px;
    position: absolute;
    top: -10px;
    right: -5px;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions {
 
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions.discounted {
    bottom: 1rem!important;
    left: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-price-icon {
    height: 16px!important;
    width: 16px!important;
    position: static!important;
    margin-right: .25rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper {
    display: flex
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper .shop-item-price {
    color: #c9aa71;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 16px
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper .shop-item-discount {
    color: hsla(0, 0%, 42.4%, .77);
    text-decoration: line-through!important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 16px;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-discount-sticker,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-discount-timer,
#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-item-discount {
    display: none!important
}

@media(max-width:1024px) {
    .shop-sidebar-list {
        justify-content: space-between
    }
    .shop-sidebar-list .shop-sidebar-item {
        width: calc(50% - .5rem)!important
    }
}

@media only screen and (min-height:1024px)and (max-width:1366px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5) {
    .col-ipp-12 {
        width: 100%!important;
        -webkit-box-flex: 0!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }
    .shop-sidebar-item {
        max-width: 500px!important
    }
    .shop-card-info .shop-item-title {
        font-size: 12px!important;
        margin-bottom: .5rem!important
    }
    .shop-card-info .shop-item-type {
        font-size: 12px!important
    }
    .shop-card-info .shop-item-actions .shop-item-pricing-wrapper .shop-item-price {
        font-size: 12px!important;
        margin-bottom: 0!important
    }
    .shop-card-info .shop-item-actions .shop-item-pricing-wrapper .shop-item-discount {
        font-size: 12px!important;
        display: block
    }
}

#twitter-container {
    overflow: hidden
}

#twitter-container .timeline-ShowMoreButton {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0;
    margin: 0 0 20px;
    width: 155px;
    font-size: 14px;
    color: red!important;
    text-align: center;
    background-color: red!important;
    border: 1px solid red!important;
    border-radius: 100px;
    outline: 0;
    cursor: pointer
}

.timeline-Widget {
    max-width: 1200px;
    background-color: #d9e5ec!important;
    background-image: url(/static/images/81898b806e39cf59c4de75d5acd70811.jpg)!important;
    background-size: cover;
    border-radius: 5px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute;
    z-index: 10
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y,
.ps__rail-y {
    background-color: transparent!important
}

.ps__rail-y {
    z-index: 10
}

.ps-container {
    width: 340px;
    min-width: 340px;
    max-height: 500px;
    overflow: hidden
}

.navbar-nav .nav-notice,
.ps-container {
    position: relative
}

.navbar-nav .nav-notice.ping:after {
    content: attr(data-quantity);
    font-size: 12px;
    background: #dc143c;
    color: #fff;
    width: 20px;
    height: 20px;
    max-width: 30px;
    border-radius: 100%;
    line-height: 20px;
    position: absolute;
    top: 5px;
    right: -2px;
    display: block;
    text-align: center
}

.navbar-nav .tooltip.popover {
    display: block!important;
    pointer-events: auto!important;
    background: transparent;
    border: none!important;
    z-index: 10000;
    width: 340px;
    min-width: 340px;
    max-height: 500px
}

.navbar-nav .tooltip.popover .trigger,
.navbar-nav .tooltip.popover .wrapper {
    width: 100%
}

.navbar-nav .tooltip.popover span {
    display: inline!important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

.navbar-nav .tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: 0 0 10px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    max-width: 100%;
    border: 1px solid #353535;
    background: #151515!important
}

.navbar-nav .tooltip.popover .popover-inner .no-notice {
    margin-top: 10px;
    display: block!important;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-header {
    text-align: left;
    position: sticky;
    top: 0;
    left: 0;
    border-bottom: 1px solid #3b3b3b;
    padding-top: 15px;
    z-index: 3;
    display: flex;
    justify-content: space-between
}

.navbar-nav .tooltip.popover .popover-inner .notice-header span {
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px
}

.navbar-nav .tooltip.popover .popover-inner .notice-header .read-btn {
    margin-right: 15px;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 4px 12px;
    color: grey;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

.navbar-nav .tooltip.popover .popover-inner .notice-header .read-btn:hover {
    color: #c9aa71!important;
    border-color: #c9aa71!important;
    background-color: transparent!important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-time {
    font-style: italic;
    color: hsla(0, 0%, 86.3%, .5);
    line-height: 40px;
    background-color: #2d2d2d;
    text-align: left;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .4);
    border-bottom: 1px solid #3b3b3b;
    position: sticky;
    left: 0;
    top: 48px;
    z-index: 2;
    display: none
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-time span {
    padding: 0 15px
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry {
    padding: 15px;
    border-bottom: 1px solid #3b3b3b;
    background-color: #202020;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news {
    background-image: url(https://media.discordapp.net/attachments/614561410298413077/901006195119247370/darkmoon3.jpg?height=912&width=1621);
    background-size: cover;
    background-position: 50%;
    position: relative
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news .notice-icon,
.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news .notice-text {
    z-index: 2
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80%;
    z-index: 1;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #181818)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 80%;
    z-index: 1;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #181818)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert {
    background-color: #310d0d;
    border-left: 2px solid #dc143c
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert:hover {
    background-color: #581616
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert .notice-icon {
    background-color: #dc143c!important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert .notice-icon .mdi {
    color: #fff!important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry:hover {
    background-color: #292929;
    cursor: pointer
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-icon {
    height: 30px;
    width: 30px;
    background-color: #4d4d4d;
    text-align: center;
    border-radius: 4px
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-icon .mdi {
    line-height: 30px!important;
    font-size: 16px!important;
    right: auto!important;
    color: #fff!important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text {
    padding-left: 10px;
    width: 100%;
    text-align: left;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text .notice-tag {
    background-color: #dc143c;
    padding: 5px;
    color: #fff;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text .notice-stamp {
    color: grey!important;
    width: 100%;
    display: block!important
}

#builder .tooltip {
    display: block!important;
    z-index: 10000;
    background: transparent;
    pointer-events: none!important
}

#builder .tooltip .tooltip-inner {
    background: #000;
    color: #fff;
    border-radius: 16px;
    padding: 5px
}

#builder .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #000;
    z-index: 1
}

#builder .tooltip[x-placement^=top] {
    margin-bottom: 5px
}

#builder .tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

#builder .tooltip[x-placement^=bottom] {
    margin-top: 5px
}

#builder .tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

#builder .tooltip[x-placement^=right] {
    margin-left: 5px
}

#builder .tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

#builder .tooltip[x-placement^=left] {
    margin-right: 5px
}

#builder .tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

#builder .tooltip .trigger {
    width: 100%!important
}

#builder .tooltip .wrapper {
    width: 100%
}

#builder .tooltip.popover {
    min-width: 325px;
    min-height: 115px
}

#builder .tooltip.popover span {
    display: block;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

#builder .tooltip.popover .trigger,
#builder .tooltip.popover .wrapper {
    width: 100%
}

#builder .tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    max-width: 100%;
    border: 1px solid #534133;
    background: rgba(20, 20, 20, .905)!important
}

#builder .tooltip.popover .pop-name {
    font-size: 18px;
    font-weight: 700;
    color: #c9aa71;
    text-align: left
}

#builder .tooltip.popover .pop-level {
    color: #dcdcdc;
    text-align: left;
    font-weight: 700
}

#builder .tooltip.popover .pop-desc {
    text-align: left;
    color: #ffe4c7
}

#builder .tooltip.popover .pop-cost {
    text-align: left;
    margin-top: 5px
}

#builder .tooltip.popover .item-number {
    font-weight: 700;
    color: #bf5329;
    display: inline
}

#builder .tooltip.popover .pop-num {
    font-weight: 700;
    color: #bf5329!important
}

#builder .tooltip.popover .pop-num-white {
    font-weight: 700;
    color: #dcdcdc
}

#builder .tooltip.popover .pop-sub {
    font-weight: 700;
    color: #6d6d6d
}

#builder .tooltip.popover .popover-arrow {
    border-color: #1d1d1d
}

#builder .tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s
}

#builder .tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

@media only screen and (device-width:768px)and (device-height:1024px)and (orientation:portrait) {
    #intro .container-fluid .hero-text h1,
    #intro .container-lg .hero-text h1,
    #intro .container-md .hero-text h1,
    #intro .container-sm .hero-text h1,
    #intro .container-xl .hero-text h1 {
        text-indent: 50px!important;
        font-weight: 200!important;
        letter-spacing: 50px!important;
        font-size: 45px!important;
        line-height: 82px;
        opacity: 0!important
    }
    #intro .container-fluid .hero-text h4,
    #intro .container-lg .hero-text h4,
    #intro .container-md .hero-text h4,
    #intro .container-sm .hero-text h4,
    #intro .container-xl .hero-text h4 {
        font-weight: 200;
        letter-spacing: 7px!important;
        opacity: 0
    }
}

@media only screen and (device-width:1024px)and (device-height:768px)and (orientation:landscape) {
    #intro .container-fluid .hero-text h1,
    #intro .container-lg .hero-text h1,
    #intro .container-md .hero-text h1,
    #intro .container-sm .hero-text h1,
    #intro .container-xl .hero-text h1 {
        text-indent: 50px!important;
        font-weight: 200!important;
        letter-spacing: 50px!important;
        font-size: 45px!important;
        line-height: 82px;
        opacity: 0!important
    }
    #intro .container-fluid .hero-text h4,
    #intro .container-lg .hero-text h4,
    #intro .container-md .hero-text h4,
    #intro .container-sm .hero-text h4,
    #intro .container-xl .hero-text h4 {
        font-weight: 200;
        letter-spacing: 7px!important;
        opacity: 0
    }
}

@media(min-width:2590px) {
    #news .news-side .news-side-item {
        height: 420px!important;
        padding: 10px 0 5px;
        width: 100%
    }
}

@media(max-width:1600px)and (min-width:1200px) {
    #twitter-container-2 {
        display: block!important
    }
    #twitter-container {
        display: none!important
    }
    .news-side {
        display: none
    }
    #realmlist .card-container .asc-card {
        width: 309px!important;
        height: 435px!important
    }
    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 26px!important;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media(max-width:1200px)and (min-width:1100px) {
    #twitter-container,
    .news-side {
        display: none
    }
    .alt-news {
        display: block!important
    }
}

@media(max-width:1400px)and (max-height:799px) {
    #twitter-container {
        display: none
    }
    #twitter-container-2 {
        display: block
    }
}

@media(orientation:landscape) {
    .tablet-flip,
    .tablet-flip-header {
        display: none!important
    }
}

@media(orientation:portrait) {
    .tablet-flip {
        margin-bottom: 80px!important;
        margin-left: -80px
    }
    .tablet-flip-header {
        color: #c9aa71;
        margin: 50px 0
    }
    .slick-track {
        margin: 0 auto!important
    }
    .asc-card {
        width: 309px!important;
        height: 435px!important;
        position: relative;
        display: block!important;
        flex-direction: none;
        min-width: 0;
        word-wrap: break-word;
        background-color: #1a1a1a;
        background-clip: border-box;
        border: 1px solid #c9aa71;
        border-radius: .25rem;
        margin: auto!important;
        overflow: hidden;
        box-shadow: inset 0 0 1px 0 #c9aa71, 0 0 1px 0 #c9aa71;
        transition: box-shadow .3s ease-in-out;
        -moz-box-shadow: 0 0 20px transparent;
        -webkit-box-shadow: 0 0 20px transparent;
        box-shadow: 0 0 20px transparent
    }
    .asc-card img {
        height: 100%;
        width: 100%
    }
    .asc-card .card-desc {
        z-index: 10;
        width: 100%;
        bottom: 40px;
        display: block;
        position: absolute
    }
    .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 30px;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    .asc-card .card-desc h4 {
        color: #fff;
        opacity: .6
    }
}

@media only screen and (device-width:768px)and (device-height:1024px)and (orientation:portrait) {
    #twitter-container,
    .news-side {
        display: none
    }
    .news-item-bottom {
        display: none!important
    }
    .alt-news-large {
        display: block!important
    }
    #realmlist .card-container .asc-card {
        width: 309px!important;
        height: 435px!important
    }
    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 26px!important;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width:1024px)and (device-height:768px)and (orientation:landscape) {
    #twitter-container,
    .news-side {
        display: none
    }
    #twitter-container-2 {
        display: block
    }
    #realmlist .card-container .asc-card {
        width: 278px!important;
        height: 391px!important
    }
    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 22px!important;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width:1024px)and (device-height:1366px)and (orientation:portrait) {
    #twitter-container,
    .news-side {
        display: none
    }
    .news-item-bottom {
        display: none!important
    }
    .alt-news-large {
        display: block!important
    }
    #realmlist .card-container .asc-card {
        width: 309px!important;
        height: 435px!important
    }
    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 26px!important;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width:1366px)and (device-height:1024px)and (orientation:landscape) {
    .news-side {
        display: none
    }
    #twitter-container {
        display: block!important
    }
    #twitter-container-2 {
        display: none!important
    }
    .alt-news {
        display: block!important
    }
    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        line-height: .5;
        text-shadow: 2px 2px 4px #000
    }
    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.5rem
    }
}

#realmlist {
    position: relative;
    margin-top: 52px;
    padding-top: 30px;
    padding-bottom: 30px
}

#realmlist video {
    width: 100%;
    height: 100%;
    position: absolute
}

#realmlist .card-container {
    width: 100%
}

#realmlist .card-container .asc-card {
    width: 412px;
    height: 580px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #1a1a1a;
    background-clip: border-box;
    border: 1px solid #c9aa71;
    border-radius: .25rem;
    margin-right: 20px;
    overflow: hidden;
    box-shadow: inset 0 0 1px 0 #c9aa71, 0 0 1px 0 #c9aa71;
    transition: box-shadow .3s ease-in-out;
    -moz-box-shadow: 0 0 20px transparent;
    -webkit-box-shadow: 0 0 20px transparent;
    box-shadow: 0 0 20px transparent
}

#realmlist .card-container .asc-card img {
    height: 100%;
    width: 100%
}

#realmlist .card-container .asc-card .card-desc {
    z-index: 10;
    width: 100%;
    bottom: 40px;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    display: block;
    position: absolute;
    text-shadow: -1px -1px 1px hsla(0, 0%, 100%, .1), 1px 1px 1px rgba(0, 0, 0, .9)
}

#realmlist .card-container .asc-card .card-desc h3 {
    font-size: 30px;
    color: #eca659;
    position: relative;
    bottom: 0;
    font-weight: 500;
    margin-bottom: .5rem
}

#realmlist .card-container .asc-card .card-desc h4 {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem
}

#realmlist .card-container .card-back {
    transform: rotateY(180deg)
}

#realmlist .card-container .is-flipped {
    transform: rotateY(180deg)!important;
    display: none!important
}

#realmlist .card-container .asc-card:hover {
    cursor: pointer;
    -moz-box-shadow: 0 0 20px #c9aa71;
    -webkit-box-shadow: 0 0 20px #c9aa71;
    box-shadow: 0 0 20px #c9aa71
}

#content-wrapper {
    /* background-image: url(/static/images/48ab078794129d399c93db60a08be995.png); */
    min-height: 0!important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-top: 1rem
}

@media(max-width:991px)and (min-width:768px) {
    #content-wrapper {
        min-height: 0!important;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        padding-top: 10rem!important;
        padding-bottom: 5rem
    }
}

@media(min-width:991px) {
    .register-form {
        margin-bottom: 5rem!important
    }
}

.container-flex {
    min-height: auto;
    position: relative
}

#auth-form {
    max-width: 530px
}

@media(max-width:768px) {
    #auth-form .reg-title h1 {
        font-size: 26px!important
    }
    #auth-form .reg-title h2 {
        font-size: 22px!important
    }
    #auth-form .button-container {
        width: 100%!important
    }
}

#auth-form .btn-primary {
    background-color: #c9aa71!important;
    color: #262626
}

#auth-form .btn-primary,
#auth-form .btn-secondary {
    border: none!important;
    height: 50px;
    font-size: 19px;
    font-weight: 700;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#auth-form .btn-secondary {
    background-color: #262626!important;
    color: #c9aa71
}

#auth-form .alert-danger {
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    list-style: none;
    margin-top: 3rem
}

#auth-form .alert-danger:before {
    position: absolute;
    top: -2rem;
    content: "Please resolve the following errors:";
    left: 0
}

#auth-form .alert-danger ul {
    padding: 0;
    margin: 0
}

#auth-form .alert-danger ul li {
    list-style: none;
    margin: 0
}

#auth-form .reg-title {
    text-align: center
}

#auth-form .reg-title h1 {
    color: #d0a85c;
    font-weight: 700;
    font-style: italic;
    font-size: 50px
}

#auth-form .reg-title h2 {
    color: #d3d1c5;
    font-size: 30px;
    font-weight: 700;
    font-style: italic
}

#auth-form #register-form {
    max-width: 400px;
    margin: auto
}

#auth-form label {
    color: #fff;
    user-select: none!important
}

#auth-form .form-group .input-group {
    display: flex;
    flex-direction: column!important
}

#auth-form .form-group .input-group p {
    font-size: 11px;
    padding: 0;
    opacity: .5;
    margin: 0 0 10px
}

#auth-form .form-group .form-control {
    height: 56px;
    min-height: 56px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .17)!important;
    width: 100%
}

#auth-form .button-container {
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 400px;
    height: 60px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#auth-form .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#auth-form .button-container:hover #registerBtn {
    height: 60px!important;
    color: #d3d1c5!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#auth-form .button-container #registerBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 100;
    font-size: 18px!important
}

#auth-form .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#auth-form .card {
    background-color: #0c1717;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
}

#auth-form .fas {
    position: absolute;
    font-size: 1rem;
    line-height: 58px;
    padding-top: 0;
    padding-left: 18px;
    padding-bottom: 18px;
    color: hsla(0, 0%, 50.2%, .596)
}

.text-input-fa {
    color: #dc143c
}

.text-input-fa,
.text-input-fa-success {
    right: 0!important;
    top: 0;
    padding-right: 18px
}

.text-input-fa-success {
    color: #00e600
}

.date-input-fa {
    right: 0!important;
    top: 0;
    padding-right: 30px;
    color: #dc143c;
    line-height: 46px
}

#cart .cart-empty .cart-icon-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin-left: auto;
    margin-right: auto;
    background-color: #333
}

#cart .cart-empty .cart-icon-container .mdi {
    font-size: 1.8rem;
    line-height: 60px
}

#cart .cart-empty .cart-empty-header {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 1rem;
    margin-bottom: .5rem
}

#cart .cart-empty .cart-empty-flavor {
    color: #9b9b9b!important;
    font-size: 1.1rem;
    font-weight: lighter;
    letter-spacing: 1.1
}

#cart .cart-empty .store-btn {
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    font-size: 1.2rem;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#cart .cart-empty .store-btn:hover {
    background: transparent!important;
    border-color: #fff!important;
    color: #fff!important
}

#cart .cart-empty .cart-empty-support {
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1.1;
    color: #9b9b9b!important
}

@media(max-width:768px) {
    #cart .cart-empty .cart-empty-header {
        font-size: 1.5rem!important
    }
    #cart .cart-empty .cart-empty-flavor {
        font-size: 1rem!important
    }
    #cart .cart-empty .cart-empty-support:nth-of-type(2) a {
        display: block!important
    }
}

#cart .cart-complete .cart-icon-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin-left: auto;
    margin-right: auto;
    background-color: #333
}

#cart .cart-complete .cart-icon-container .mdi {
    font-size: 1.8rem;
    line-height: 60px
}

#cart .cart-complete .card {
    background-color: #1d1d1d
}

#cart .cart-complete .cart-empty-header {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 1rem;
    margin-bottom: .5rem;
    text-shadow: 0 0 3px #11998e;
    color: #15ae51
}

#cart .cart-complete .cart-empty-flavor {
    color: #9b9b9b!important;
    font-size: 1.1rem;
    font-weight: lighter;
    letter-spacing: 1.1
}

#cart .cart-complete .store-btn {
    color: #fff;
    border: none;
    font-size: 18px;
    line-height: 1.3333333;
    outline: none!important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #11998e;
    background: -webkit-linear-gradient(90deg, #38ef7d, #11998e);
    background: linear-gradient(90deg, #38ef7d, #11998e);
    border-radius: 5px;
    box-shadow: 0 0 10px 1px #11998e;
    padding: 1rem 3rem;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important
}

#cart .cart-complete .store-btn:hover {
    box-shadow: 0 0 15px 1px #38ef7d;
    text-shadow: 0 0 3px rgba(0, 0, 0, .7), 0 0 3px rgba(0, 0, 0, .7)!important
}

#cart .cart-complete .cart-empty-support {
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1.1;
    color: #9b9b9b!important
}

#cart .cart-filled {
    margin-top: 2rem
}

#cart .cart-filled * {
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

#cart .cart-filled .cart-header,
#cart .cart-filled .order-header {
    font-size: 1.5rem;
    color: #f1f1f1;
    font-weight: lighter;
    margin-bottom: 1rem
}

#cart .cart-filled .cart-container .table-cart {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background-color: #222
}

#cart .cart-filled .cart-container .table-cart thead {
    background-color: #333;
    color: #bbb!important;
    border-bottom: none!important;
    font-weight: lighter!important;
    font-size: 14px;
    text-transform: uppercase
}

#cart .cart-filled .cart-container .table-cart thead th {
    border-bottom: none!important
}

#cart .cart-filled .cart-container .table-cart tbody {
    border-top: none!important
}

#cart .cart-filled .cart-container .table-cart tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #34383d
}

#cart .cart-filled .cart-container .table-cart tbody tr td {
    vertical-align: middle
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 75px
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    border: 1px solid #34383d;
    object-fit: cover;
    object-position: top
}

#cart .cart-filled .cart-container .table-cart tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8
}

#cart .cart-filled .cart-container .table-cart tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-item-realm {
    color: #646464
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-amount {
    width: 50px;
    padding: 5px 7px
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-amount,
#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character {
    text-align: center;
    height: 30px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #f1f1f1;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character {
    padding: 5px 10px
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character option {
    background-color: #333!important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character:focus {
    background-color: transparent!important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency {
    height: 20px
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency-amount {
    color: #bbb!important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency-discount {
    color: hsla(0, 0%, 42.4%, .77)!important;
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#cart .cart-filled .cart-container .table-cart tbody tr td .mdi {
    color: #bbb!important;
    font-size: 1.1rem
}

#cart .cart-filled .order-container * {
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

#cart .cart-filled .order-container .table-order {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background-color: #222;
    color: #bbb!important
}

#cart .cart-filled .order-container .table-order thead {
    background-color: #333;
    color: #bbb!important;
    border-bottom: none!important;
    font-weight: lighter!important;
    font-size: 14px;
    text-transform: uppercase
}

#cart .cart-filled .order-container .table-order thead th {
    border-bottom: none!important
}

#cart .cart-filled .order-container .table-order tbody {
    border-top: none!important
}

#cart .cart-filled .order-container .table-order tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #34383d
}

#cart .cart-filled .order-container .table-order tbody tr td {
    vertical-align: middle
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 75px
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #34383d
}

#cart .cart-filled .order-container .table-order tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8
}

#cart .cart-filled .order-container .table-order tbody tr td a:hover {
    color: #fff!important
}

#cart .cart-filled .order-container .table-order tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-item-realm {
    color: #646464
}

#cart .cart-filled .order-container .table-order tbody tr td .table-order-qty {
    border-left: 1px solid #34383d;
    border-right: 1px solid #34383d;
    color: #bbb!important;
    font-size: 18px!important
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency {
    height: 20px
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency-amount {
    color: #bbb!important
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency-discount {
    color: hsla(0, 0%, 42.4%, .77)!important;
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#cart .cart-filled .order-container .table-order tbody tr td .mdi {
    color: #bbb!important;
    font-size: 1.1rem
}

#cart .cart-filled .order-container .table-order tfoot tr {
    background-color: #333!important
}

#cart .cart-filled .order-container .table-order tfoot tr td .strong {
    color: #fff!important;
    font-weight: 700!important
}

#cart .cart-filled .order-container .table-order tfoot tr td .cart-currency-discount {
    color: hsla(0, 0%, 42.4%, .77)!important;
    text-decoration: line-through!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#cart .cart-filled .order-container #checkout-btn {
    color: #fff;
    border: none;
    font-size: 18px;
    line-height: 1.3333333;
    outline: none!important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #11998e;
    background: -webkit-linear-gradient(90deg, #38ef7d, #11998e);
    background: linear-gradient(90deg, #38ef7d, #11998e);
    border-radius: 5px;
    box-shadow: 0 0 10px 1px #11998e;
    padding: 1rem 3rem;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important
}

#cart .cart-filled .order-container #checkout-btn:hover {
    box-shadow: 0 0 15px 1px #38ef7d;
    text-shadow: 0 0 3px rgba(0, 0, 0, .7), 0 0 3px rgba(0, 0, 0, .7)!important
}

#cart .cart-filled .order-container #checkout-btn.unselected {
    opacity: .5;
    pointer-events: none
}

#cart .cart-filled .order-container #checkout-btn .cart-loader {
    z-index: 10
}

#cart .cart-filled .order-container #checkout-btn span {
    z-index: 10;
    position: relative
}

#cart .cart-filled .order-container #checkout-btn .cart-progress {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #222!important;
    border: none!important;
    outline: none!important;
    box-shadow: none!important
}

#cart .cart-filled .order-container #checkout-btn .cart-progress[value]::-webkit-progress-bar {
    background-color: #5cb85c;
    border-radius: 2px;
    border-color: transparent!important
}

#cart .cart-filled .order-container #checkout-btn .cart-progress[value]::-moz-progress-bar {
    background-color: #5cb85c;
    border-radius: 2px;
    border-color: transparent!important
}

#cart .cart-filled .order-container #checkout-btn.disabled {
    opacity: .4!important;
    pointer-events: none!important
}

#cart .cart-filled .order-container #donate-btn {
    border: none;
    font-size: 18px;
    line-height: 1.3333333;
    outline: none!important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #56ccf2;
    background: -webkit-linear-gradient(90deg, #2f80ed, #56ccf2);
    background: linear-gradient(90deg, #2f80ed, #56ccf2);
    box-shadow: 0 0 10px 1px #2f80ed;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 1rem 3rem
}

#cart .cart-filled .order-container #donate-btn:hover {
    box-shadow: 0 0 20px 1px #56ccf2;
    color: #fff!important
}

#cart .cart-filled .order-container #donate-btn .cart-loader {
    z-index: 10
}

#cart .cart-filled .order-container #donate-btn span {
    z-index: 10;
    position: relative
}

#cart .cart-filled .order-container .char-label {
    color: #f1f1f1!important
}

#cart .cart-filled .order-container #realm-char {
    border-radius: 2px;
    color: #bbb;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background-color: #1d1d1d!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer!important
}

#cart .cart-filled .order-container #realm-char option {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent!important;
    box-shadow: none!important;
    border: none!important;
    cursor: pointer!important;
    display: block;
    user-select: all;
    pointer-events: all
}

#cart .cart-filled .order-container #realm-char option[selected=selected] {
    display: none!important
}

#content-wrapper-builder {
    padding-top: 70px;
    scroll-behavior: smooth!important
}

#content-wrapper-builder #builder {
    position: relative;
    background: url(/static/images/302617984eca72b66a50f483209eca40.png);
    background-attachment: fixed;
    background-size: cover;
    min-height: calc(100vh - 4rem);
    padding-top: 2rem
}

@media not all and (min-resolution:0.001dpcm) {
    #content-wrapper-builder #builder {
        background-image: none!important;
        background-attachment: local!important
    }
}

#content-wrapper-builder #builder .container {
    max-width: 1176px;
    width: 100%;
    padding: 0 1.6rem 3.2rem;
    margin-bottom: 0!important
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .build-header .action-item {
        width: 200px;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

#content-wrapper-builder #builder .build-header h1 {
    color: #fff!important;
    font-size: 2.4rem!important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .build-header h2 {
    color: #c7c7c7;
    font-size: 2.4rem!important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    display: none!important
}

#content-wrapper-builder #builder .build-header .builder-cost-change {
    margin-top: .5rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo {
    background-color: #1d1d1d;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: 1px solid transparent!important;
    outline: none!important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree.active,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #ffbe4b;
    color: #000
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active:hover,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree.active:hover,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active:hover {
    border: 1px solid #c9aa71!important;
    color: #fff!important;
    background-color: #c9aa71!important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne:hover,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree:hover,
#content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo:hover {
    cursor: pointer;
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    background-color: #1d1d1d!important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #c9aa71;
    color: #000
}

#content-wrapper-builder #builder .build-header .builder-cost-change .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: inset 0 0 0 1px transparent
}

#content-wrapper-builder #builder .build-header .actions-container .action-item {
    padding: .5rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: 1px solid #534133;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .build-header .actions-container .action-item:hover {
    background: rgba(0, 0, 0, .25);
    border: 1px solid grey;
    color: #dcdcdc
}

#content-wrapper-builder #builder .build-header .actions-container .action-item.selected {
    border: 1px solid #c9aa71!important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-options {
    margin-bottom: 10rem
}

#content-wrapper-builder #builder .builder-button {
    height: 40px;
    width: 144px;
    position: relative;
    cursor: pointer;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .69);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder #builder .builder-button span {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #c8c8c8
}

#content-wrapper-builder #builder .builder-button.selected {
    border: 1px solid #c9aa71!important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-button:hover {
    color: #dcdcdc;
    border: 1px solid #dcdcdc
}

#content-wrapper-builder #builder .builder-class-wrapper {
    max-width: 1300px;
    border-bottom: 1px solid hsla(0, 0%, 54.9%, .49)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: .5rem;
    border-bottom: 3px solid hsla(0, 0%, 100%, 0)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container span {
    color: #ffb500;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    margin-bottom: .8rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    user-select: none
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .2rem .4rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        color: #c9aa71;
        display: block;
        z-index: 9;
        width: 60px;
        left: 0;
        font-size: 14px;
        font-weight: 700;
        bottom: -.8rem;
        text-shadow: 1px 2px 1px #000
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: 1px
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points.points-ae {
        position: absolute;
        left: 13px
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points.points-te {
        position: absolute;
        left: 50px
    }
}

@media only screen and (min-width:969px) {
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: 14px;
        font-weight: 700
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: 1px
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .2rem .4rem;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: #c9aa71;
        border: 1px solid #c9aa71;
        position: absolute;
        bottom: -.5rem;
        display: block;
        z-index: 9;
        width: 110%;
        left: 0
    }
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class {
    height: 50px;
    width: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    border-radius: 100%;
    position: relative;
    border: 2px solid #534133;
    margin: 0 auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover span {
    color: #dcdcdc
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
    border-color: #dcdcdc
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active {
    border-bottom: 3px solid #c9aa71;
    filter: drop-shadow(0 0 5px #C9AA71)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active .builder-class {
    border: 2px solid #c9aa71
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-container {
    padding-bottom: .5rem;
    border: none!important
}

#content-wrapper-builder #builder .builder-spec-wrapper {
    position: relative;
    margin-top: 1rem!important;
    margin-bottom: .5rem!important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
    min-width: 100%;
    max-height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    padding: .8rem;
    display: block;
    cursor: pointer;
    user-select: none;
    -webkit-transition: all .35s ease!important;
    -moz-transition: all .35s ease!important;
    -ms-transition: all .35s ease!important;
    -o-transition: all .35s ease!important;
    transition: all .35s ease!important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .mb-4 {
    margin-bottom: 1rem!important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
    border-color: grey
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
    border: 1px solid #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
    height: 30px;
    width: 30px;
    border-radius: 100%
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-left: .8rem;
    line-height: 30px;
    user-select: none
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
    color: #ffe4c7;
    font-size: .8rem;
    text-align: left;
    user-select: none
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
    margin-left: auto;
    display: flex
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
    height: 15px;
    width: 15px;
    min-width: 15px;
    min-height: 15px;
    border: none!important;
    border-radius: 0!important;
    position: relative;
    top: -1px
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
    line-height: 28px;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: rgba(0, 0, 0, .69);
    color: silver;
    border: 1px solid #534133;
    display: block;
    z-index: 9
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-spec-wrapper {
        position: relative;
        margin-top: 1rem!important;
        margin-bottom: .5rem!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
        min-width: 100%;
        max-height: auto!important;
        min-height: 130px!important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        padding: .8rem;
        display: block;
        cursor: pointer;
        user-select: none;
        -webkit-transition: all .35s ease!important;
        -moz-transition: all .35s ease!important;
        -ms-transition: all .35s ease!important;
        -o-transition: all .35s ease!important;
        transition: all .35s ease!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .mb-4 {
        margin-bottom: 1rem!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        margin-bottom: 0!important;
        padding-bottom: 0!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: grey
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
        border: 1px solid #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71!important;
        border: 1px solid #c9aa71!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
        height: 30px;
        width: 30px;
        border-radius: 100%
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        margin-left: .8rem;
        line-height: 30px;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: .8rem;
        text-align: left;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: 15px;
        width: 15px;
        min-width: 15px;
        min-height: 15px;
        border: none!important;
        border-radius: 0!important;
        position: relative;
        top: -1px
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 28px;
        height: 30px;
        padding: 0 10px;
        font-size: 16px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: silver;
        border: 1px solid #534133;
        display: block;
        z-index: 9
    }
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder hr {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        border-top: 1px solid hsla(0, 0%, 54.9%, .49)
    }
}

#content-wrapper-builder #builder .builder-card-wrapper {
    max-width: 1300px
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1rem;
    justify-items: center;
    max-width: 940px;
    margin: 0 0 2rem!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card {
    min-width: 300px;
    width: 300px;
    height: 400px;
    min-height: 400px;
    margin: 0!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card:hover .realm-edit {
    opacity: 1
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .6);
    border: 1px solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0!important;
    padding: 0 5px!important;
    background: #131415;
    border-radius: 3px;
    box-shadow: 0 0 5px #000
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .mdi {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    line-height: 30px;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none!important;
    text-shadow: 0 0 3px #000, 0 0 3px #000
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none!important;
    text-shadow: 0 0 3px #0d4364, 0 0 3px #0d4364
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: 1px solid #fb4646;
    border-left: 1px solid #fb4646;
    border-bottom: 1px solid #fb4646
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: 1px solid #c9aa71!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100;
    width: 130px!important;
    height: 50px!important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit:hover .btn {
    border: none!important;
    color: #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100%!important;
    font-size: 1.1rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-edit {
    opacity: 0!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    border: 1px solid #c9aa71
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .realm-info {
    opacity: 0!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover img {
    transform: scale(1.2)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .re-img {
    transform: scale(1)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .card-info {
    z-index: 5;
    opacity: 1
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .btn-edit {
    opacity: 1!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .473);
    z-index: -1;
    opacity: 0
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-primary,
#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info {
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-primary {
    width: 200px;
    left: 50px;
    bottom: 25px;
    border-radius: 0;
    background-color: #c9aa71;
    color: #000;
    font-weight: 700;
    border: none!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .51), 0 0 15px rgba(0, 0, 0, .51);
    z-index: 6
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-primary:hover {
    background-color: #c08749;
    color: #fff!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info .card-content h4,
#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info .card-content h5,
#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h4,
#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h5 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .mdi {
    z-index: 1;
    font-size: 26px;
    color: #fff;
    transition: all .35s ease;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    border-radius: 100%;
    position: absolute;
    left: .75rem;
    top: .5rem;
    margin: 0!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .author {
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem;
    position: absolute;
    right: .75rem;
    top: .5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container {
    z-index: 1;
    margin: 0;
    padding: 0
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: .25rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .re-img {
    user-select: none;
    object-fit: revert;
    width: 25px;
    height: 25px;
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
    position: relative;
    filter: blur(0)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text {
    user-select: none;
    line-height: 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.overview {
    line-height: 30px;
    color: #e5cc80!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.legendary {
    color: #ff8000!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.epic {
    color: #a335ee!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.rare {
    color: #0070dd!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.uncommon {
    color: #1eff00!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h4 {
    color: #fff!important;
    margin-bottom: 0!important;
    display: inline-block;
    text-shadow: 0 0 15px #000, 0 0 15px #000
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h4,
#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h5 {
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: relative;
    bottom: -5px
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h5 {
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    height: 21.6px;
    margin-top: .5rem;
    font-size: 14px;
    padding: 0 1rem;
    opacity: 1
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-content {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-content h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    height: 0;
    margin-top: .5rem;
    font-size: 14px;
    padding: 0 1rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    filter: blur(2px)
}

#content-wrapper-builder #builder .spell-container {
    justify-content: center
}

#content-wrapper-builder #builder .spell-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block!important;
    outline: none!important;
    box-shadow: none!important
}

#content-wrapper-builder #builder .spell-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder #builder .spell-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder #builder .re-container {
    justify-content: center
}

#content-wrapper-builder #builder .re-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block!important;
    outline: none!important;
    box-shadow: none!important
}

#content-wrapper-builder #builder .re-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder #builder .re-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder #builder .re-container .pagination .page-next .page-link,
#content-wrapper-builder #builder .re-container .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#content-wrapper-builder #builder .re-container .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#content-wrapper-builder #builder .re-container .pagination .page-item,
#content-wrapper-builder #builder .re-container .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .re-container .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder .re-container .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#content-wrapper-builder #builder .re-container .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#content-wrapper-builder #builder .re-container .pagination .page-item.active {
    outline: none!important
}

#content-wrapper-builder #builder .re-container .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#content-wrapper-builder #builder .re-container .re-navigation span {
    font-weight: 700!important;
    font-size: 1.2rem!important;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container.grid-spell,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    overflow: hidden;
    height: auto!important;
    border-radius: 50px 15px 15px 50px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-left: none!important;
    cursor: pointer
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help!important
    }
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block!important;
    width: 100%
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container:hover,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container:hover {
    border-color: grey
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.open,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.open {
    height: auto!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container {
    filter: drop-shadow(0 0 8px #c9aa71);
    box-shadow: 0 0 70px;
    border: 2.5px solid #c9aa71!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after {
    box-shadow: inset 0 0 8px #c9aa71!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0 0 1px #c9aa71)
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 0 1rem 0 0
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    position: relative;
    border-radius: 100%;
    border: 2.5px solid #534133;
    box-shadow: 0 0 70px #ac6e3e
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    min-width: 60px;
    min-height: 60px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 8px #533b28;
    border-radius: 20px;
    top: 0;
    left: 0;
    content: ""
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 50px;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: visible;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.rare,
#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Rare,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.rare,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Rare {
    color: #60c7f9!important
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.epic,
#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Epic,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.epic,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Epic {
    color: #c260f9!important;
    text-shadow: 0 0 10px #7e3ab7
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.legendary,
#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Legendary,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.legendary,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Legendary {
    color: #f9a160!important;
    text-shadow: 0 0 10px #b76f3a
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    display: block;
    position: relative;
    right: 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    font-size: 22px;
    margin-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    user-select: none
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .talents-container .talents-search {
        display: block!important
    }
    #content-wrapper-builder #builder .talents-container .talents-content {
        padding-top: 0!important
    }
}

#content-wrapper-builder #builder .talents-container {
    height: 100%
}

#content-wrapper-builder #builder .talents-container .talents-search {
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width:969px) {
    #content-wrapper-builder #builder .talents-container .talents-search {
        display: none!important;
        outline: none!important;
        box-shadow: none!important
    }
}

#content-wrapper-builder #builder .talents-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder #builder .talents-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder #builder .talents-container .talents-content {
    min-width: 300px;
    justify-content: center;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    display: block;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto
}

@media only screen and (min-width:969px) {
    #content-wrapper-builder #builder .talents-container .talents-content {
        padding-top: 2.25rem!important;
        padding-bottom: 0!important
    }
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container.grid-spell,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    overflow: hidden;
    height: auto!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
    cursor: help!important
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help!important
    }
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block!important;
    width: 100%
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container:hover {
    border-color: grey
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.open,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.open {
    height: auto!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-count,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
    display: inline-block;
    border: 2.5px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 3px 7px;
    color: #fff!important;
    height: 26px;
    position: relative;
    top: 11px;
    right: 15px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0 0 1px #c9aa71)
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-count,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-count {
    display: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    border: 1px solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    position: relative
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 30px;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    display: block;
    position: relative;
    right: 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    font-size: 22px;
    margin-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns: 50px 50px 50px 50px;
    grid-template-rows: auto;
    grid-gap: 26px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container.grid-spell,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.legendary,
#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Legendary,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.legendary,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Legendary {
    border: 1px solid #ff8000!important;
    box-shadow: 0 0 5px rgba(255, 128, 0, .53)!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.epic,
#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Epic,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.epic,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Epic {
    border: 1px solid #a335ee!important;
    box-shadow: 0 0 5px rgba(163, 53, 238, .53)!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.rare,
#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Rare,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.rare,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Rare {
    border: 1px solid #0070dd!important;
    box-shadow: 0 0 5px rgba(0, 112, 221, .53)!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.uncommon .Uncommon,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.uncommon .Uncommon {
    border: 1px solid #1eff00!important;
    box-shadow: 0 0 5px rgba(30, 255, 0, .53)!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
    cursor: help!important
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
        cursor: help!important
    }
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:after,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:after {
    content: attr(data-rank) "/" attr(data-maxranks);
    position: absolute;
    bottom: -10px;
    right: -10px;
    display: block;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    padding: 0 2px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner {
    position: relative;
    filter: saturate(5%)
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    min-height: 50px;
    min-width: 50px;
    max-height: 50px;
    max-width: 50px;
    position: relative
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 60px;
    height: 60px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    height: 30px;
    margin-left: 1rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
    color: grey;
    font-size: 1rem;
    font-weight: 600;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:hover,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:hover {
    border-color: grey
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706;
    box-shadow: 0 0 6px #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected:after {
    color: #c9aa71;
    border-color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner {
    filter: saturate(100%)
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active {
    color: #209717;
    background-color: #0f2006;
    box-shadow: 0 0 6px #209717;
    border: 1px solid #209717
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner {
    filter: saturate(100%)
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
    color: #209717
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points {
    color: #209717!important;
    border-color: #209717!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
    color: #209717
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-gap: 10px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container.grid-spell,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
    cursor: help!important
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
        cursor: help!important
    }
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
    border: 1px solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    position: relative
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 40px;
    height: 40px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 30px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    height: 30px;
    margin-left: 1rem;
    min-width: 70px;
    display: inline-block
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item:hover,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item:hover {
    border-color: grey
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .btnOne,
    #content-wrapper-builder #builder .btnThree,
    #content-wrapper-builder #builder .btnTwo {
        background-color: #1d1d1d;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
        color: #dcdcdc;
        text-shadow: none;
        font-weight: 700;
        transition: all .2s ease-in-out;
        border: 1px solid transparent!important;
        outline: none!important
    }
    #content-wrapper-builder #builder .btnOne.active,
    #content-wrapper-builder #builder .btnThree.active,
    #content-wrapper-builder #builder .btnTwo.active {
        background-color: #c9aa71;
        box-shadow: 0 0 6px #ffbe4b;
        color: #000
    }
    #content-wrapper-builder #builder .btnOne.active:hover,
    #content-wrapper-builder #builder .btnThree.active:hover,
    #content-wrapper-builder #builder .btnTwo.active:hover {
        border: 1px solid #c9aa71!important;
        color: #fff!important;
        background-color: #c9aa71!important
    }
    #content-wrapper-builder #builder .btnOne:hover,
    #content-wrapper-builder #builder .btnThree:hover,
    #content-wrapper-builder #builder .btnTwo:hover {
        cursor: pointer;
        border: 1px solid #c9aa71!important;
        color: #c9aa71!important;
        background-color: #1d1d1d!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder {
        padding-top: 10rem
    }
    #content-wrapper-builder #builder .show-xxl {
        display: block!important
    }
    #content-wrapper-builder #builder .container {
        max-width: 1470px;
        width: 100%;
        padding: 0 2rem 4rem;
        margin-bottom: 0!important
    }
    #content-wrapper-builder #builder .build-header h1 {
        color: #fff!important;
        font-size: 3rem!important;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
    }
    #content-wrapper-builder #builder .build-header h2 {
        color: #c7c7c7;
        font-size: 2rem!important;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change {
        margin-top: .5rem
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne,
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo {
        background-color: #1d1d1d;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
        color: #dcdcdc;
        text-shadow: none;
        font-weight: 700;
        transition: all .2s ease-in-out;
        border: 1px solid transparent!important;
        outline: none!important
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active,
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active {
        background-color: #c9aa71;
        box-shadow: 0 0 6px #ffbe4b;
        color: #000
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active:hover,
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active:hover {
        border: 1px solid #c9aa71!important;
        color: #fff!important;
        background-color: #c9aa71!important
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne:hover,
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo:hover {
        cursor: pointer;
        border: 1px solid #c9aa71!important;
        color: #c9aa71!important;
        background-color: #1d1d1d!important
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne {
        border-top-left-radius: .28571429rem;
        border-bottom-left-radius: .28571429rem
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo {
        border-top-right-radius: .28571429rem;
        border-bottom-right-radius: .28571429rem
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .ui.button.active {
        background-color: #c9aa71;
        box-shadow: 0 0 6px #c9aa71;
        color: #000
    }
    #content-wrapper-builder #builder .build-header .builder-cost-change .ui.buttons .or:before {
        position: absolute;
        text-align: center;
        border-radius: 500rem;
        content: "or";
        top: 50%;
        left: 50%;
        background-color: #351e1e;
        text-shadow: none;
        margin-top: -.89285714em;
        margin-left: -.89285714em;
        width: 1.78571429em;
        height: 1.78571429em;
        line-height: 1.7;
        color: #fff;
        font-style: normal;
        font-weight: 700;
        -webkit-box-shadow: 0 0 0 1px transparent inset;
        box-shadow: inset 0 0 0 1px transparent
    }
    #content-wrapper-builder #builder .build-header .actions-container .action-item {
        padding: .5rem 1rem;
        display: block;
        background: rgba(0, 0, 0, .35);
        border: 1px solid #534133;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder #builder .build-header .actions-container .action-item:hover {
        background: rgba(0, 0, 0, .25);
        border: 1px solid grey;
        color: #dcdcdc
    }
    #content-wrapper-builder #builder .build-header .actions-container .action-item.selected {
        border: 1px solid #c9aa71!important;
        background-color: #201706;
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-options {
        margin-bottom: 10rem
    }
    #content-wrapper-builder #builder .builder-button {
        height: 50px;
        width: 180px;
        position: relative;
        cursor: pointer;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .69);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    #content-wrapper-builder #builder .builder-button span {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 50px;
        color: #c8c8c8
    }
    #content-wrapper-builder #builder .builder-button.selected {
        border: 1px solid #c9aa71!important;
        background-color: #201706;
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-button:hover {
        color: #dcdcdc;
        border: 1px solid #dcdcdc
    }
    #content-wrapper-builder #builder .builder-class-wrapper {
        max-width: 1300px;
        margin-bottom: 3rem;
        border-bottom: 1px solid hsla(0, 0%, 54.9%, .49)
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding-bottom: 2rem;
        border-bottom: 3px solid hsla(0, 0%, 100%, 0)
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container span {
        color: #ffb500;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        margin-bottom: 1rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: 14px;
        font-weight: 700
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: 1px
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .25rem .5rem;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: #c9aa71;
        border: 1px solid #c9aa71;
        position: absolute;
        bottom: 1rem;
        display: block;
        z-index: 9;
        width: 100px;
        left: 0
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class {
        height: 50px;
        width: 50px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        border-radius: 100%;
        position: relative;
        border: 2px solid #534133;
        margin: 0 auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover span {
        color: #dcdcdc
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
        border-color: #dcdcdc
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active {
        border-bottom: 3px solid #c9aa71;
        filter: drop-shadow(0 0 5px #C9AA71)
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active .builder-class {
        border: 2px solid #c9aa71
    }
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-container {
        padding-bottom: .5rem;
        border: none!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper {
        position: relative;
        margin-bottom: 5rem
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
        min-width: 31%;
        min-height: 170px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        padding: 1rem;
        display: block;
        cursor: pointer;
        user-select: none;
        -webkit-transition: all .35s ease!important;
        -moz-transition: all .35s ease!important;
        -ms-transition: all .35s ease!important;
        -o-transition: all .35s ease!important;
        transition: all .35s ease!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: grey
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
        border: 1px solid #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71!important;
        border: 1px solid #c9aa71!important
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
        height: 30px;
        width: 30px;
        border-radius: 100%
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        margin-left: 1rem;
        line-height: 30px;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: 1rem;
        text-align: left;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: 15px;
        width: 15px;
        min-width: 15px;
        min-height: 15px;
        border: none!important;
        border-radius: 0!important;
        position: relative;
        top: -1px
    }
    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 28px;
        height: 30px;
        padding: 0 10px;
        font-size: 16px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: silver;
        border: 1px solid #534133;
        display: block;
        z-index: 9
    }
    #content-wrapper-builder #builder .re-container,
    #content-wrapper-builder #builder .spell-container {
        justify-content: center
    }
    #content-wrapper-builder #builder .talents-container {
        height: 100%
    }
    #content-wrapper-builder #builder .talents-container .talents-search {
        border-color: #534133;
        background-color: rgba(0, 0, 0, .705)!important;
        padding: 1.35rem 1rem;
        margin-bottom: .5rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        outline: none!important;
        box-shadow: none!important
    }
    #content-wrapper-builder #builder .talents-container .talents-search:hover {
        border-color: grey
    }
    #content-wrapper-builder #builder .talents-container .talents-search:focus {
        border-color: #c9aa71;
        background-color: #201706!important
    }
    #content-wrapper-builder #builder .talents-container .talents-content {
        min-width: 300px;
        justify-content: center;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        display: block;
        top: 1.5rem;
        height: 100%;
        min-height: 100%;
        max-height: 1000px;
        overflow-y: auto
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

@media only screen and (min-width:2101px)and (min-width:1001px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (min-width:2101px)and (max-width:1000px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container.grid-spell,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container.grid-spell {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        grid-column: auto;
        overflow: hidden;
        height: auto!important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px)and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
        grid-column: 1!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
        grid-column: 2!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
        grid-column: 3!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
        grid-column: 4!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
        display: block!important;
        width: 100%
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container:hover {
        border-color: grey
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.open,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.open {
        height: auto!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
        filter: drop-shadow(0 0 1px #c9aa71)
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
        position: absolute;
        height: 10px;
        width: 10px;
        left: 4px;
        top: 4px;
        content: "";
        background-color: #c9aa71
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
        padding: 1rem 1.5rem
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
        border: 1px solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        width: 100%;
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
        max-height: 30px;
        position: relative
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 100%;
        height: 100%;
        min-width: 40px;
        min-height: 40px;
        max-width: 40px;
        max-height: 40px;
        left: -5px;
        top: -5px
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none;
        line-height: 30px;
        position: relative;
        display: block;
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        overflow: hidden;
        text-overflow: ellipsis
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        display: block;
        position: relative;
        right: 0;
        height: 20px;
        width: 20px;
        min-width: 20px;
        min-height: 20px;
        cursor: pointer;
        font-size: 22px;
        margin-top: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description {
        height: 100%;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        text-align: left;
        padding: 0 1.5rem;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
        font-weight: 700;
        font-size: 16px;
        color: #fff
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
        color: #ffe4c7
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
        color: #fff
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
        font-weight: 700;
        color: #bf5329
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns: 59px 59px 59px 59px;
        grid-template-rows: auto;
        grid-gap: 30px
    }
}

@media only screen and (min-width:2101px)and (max-width:1000px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container {
        display: grid;
        grid-template-columns: 40px 40px 40px 40px;
        grid-template-rows: auto;
        grid-gap: 30px
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container.grid-spell,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container.grid-spell {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.legendary,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.legendary {
        border: 1px solid #ff8000!important;
        box-shadow: 0 0 5px rgba(255, 128, 0, .53)!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.epic,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.epic {
        border: 1px solid #a335ee!important;
        box-shadow: 0 0 5px rgba(163, 53, 238, .53)!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.rare,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.rare {
        border: 1px solid #0070dd!important;
        box-shadow: 0 0 5px rgba(0, 112, 221, .53)!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.uncommon,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.uncommon {
        border: 1px solid #1eff00!important;
        box-shadow: 0 0 5px rgba(30, 255, 0, .53)!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px)and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .v-popover .trigger,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .v-popover .trigger {
        display: block!important;
        width: 100%!important;
        height: 100%!important;
        overflow: hidden!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:after,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:after {
        content: attr(data-rank) "/" attr(data-maxranks);
        position: absolute;
        bottom: -10px;
        right: -10px;
        display: block;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        padding: 0 2px
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-1 {
        grid-column: 1!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-2 {
        grid-column: 2!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-3 {
        grid-column: 3!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-4 {
        grid-column: 4!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 55px;
        width: 58px;
        min-height: 55px;
        min-width: 55px;
        position: relative
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 65px;
        height: 65px;
        left: -5px;
        top: -5px;
        filter: saturate(5%)
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: 5px;
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        height: 30px;
        margin-left: 1rem
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
        color: grey;
        font-size: 1rem;
        font-weight: 600;
        user-select: none
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:hover,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:hover {
        border-color: grey
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706;
        box-shadow: 0 0 6px #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected:after {
        color: #c9aa71;
        border-color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info img,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info img {
        filter: saturate(100%)!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active {
        color: #209717;
        background-color: #0f2006;
        box-shadow: 0 0 6px #209717;
        border: 1px solid #209717;
        filter: saturate(100%)
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
        color: #209717
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points {
        color: #209717!important;
        border-color: #209717!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount,
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
        color: #209717
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container.grid-spell,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container.grid-spell {
        padding-bottom: 5rem
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        grid-column: auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px)and (max-width:968px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help!important;
        user-select: auto!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
        cursor: help!important
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner {
        padding: 1rem 1.5rem
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
        border: 1px solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 30px;
        width: 30px;
        min-width: 30px;
        min-height: 30px;
        position: relative
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 40px;
        height: 40px;
        left: -5px;
        top: -5px
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none;
        line-height: 30px;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: 5px;
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        height: 30px;
        margin-left: 1rem;
        min-width: 70px;
        display: inline-block
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item:hover,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item:hover {
        border-color: grey
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
}

#content-wrapper-builder #builder .builder-overview-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: 1px solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    height: 88px;
    max-height: 88px
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header .overview-header-content .overview-name {
    color: #ffc516
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow {
    display: flex;
    height: 800px;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item {
    max-height: 40px
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-header {
    height: 40px;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff!important;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83.1%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83.1%, 0) 19%, hsla(0, 0%, 100%, 0) 0)
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000!important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content .talent-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content .talent-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu {
    background-color: #1d1d1d;
    border-bottom: 1px solid #564F3F;
    border-left: 1px solid #564F3F;
    border-top: 1px solid #564F3F;
    position: relative;
    max-width: 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    padding: 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: left;
    background: #262626;
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create:hover {
    border-color: silver;
    cursor: pointer;
    background-color: #333
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list {
    list-style: none;
    margin-left: 0;
    padding: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    padding: 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: left;
    background: #262626;
    border: 1px solid #515151;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li.active {
    border: 1px solid #c9aa71!important;
    pointer-events: none
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li.active span {
    color: #c9aa71!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li:hover {
    border-color: silver;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li:hover span {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid #1d1d1d
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    border-top: none;
    position: relative;
    max-width: 1150px;
    width: 100%
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header {
    width: 100%;
    background-color: #262626;
    border-bottom: 1px solid #564F3F;
    border-top: 1px solid #564F3F;
    padding: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-logo {
    height: 80px;
    width: 80px;
    border-radius: 100%;
    border: 2px solid #1d1d1d;
    margin-right: 1rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-logo:hover {
    cursor: pointer;
    filter: opacity(.5)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content h5 {
    font-size: 2rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left;
    color: #c9aa71;
    margin: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-title-entry {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    height: 35px;
    border-radius: 0;
    padding: .45rem .75rem;
    width: 300px;
    margin-bottom: .5rem;
    background: #0c1717!important;
    border: 1px solid #564F3F!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content p {
    font-size: 1.25rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left;
    margin: 0!important;
    line-height: 40px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-stat {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid #1d1d1d;
    margin-right: .75rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-role {
    height: 80px;
    width: 80px;
    border: 2px solid #1d1d1d;
    border-radius: 20px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body {
    padding: 1rem 2rem 3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow {
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow .board-title {
    line-height: 40px;
    font-weight: bolder;
    font-size: 2rem;
    user-select: none;
    color: #c9aa71;
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow .searchinput {
    position: relative;
    right: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list {
    padding-left: 0;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry {
    width: 100%;
    background-color: #262626;
    border: 1px solid #564F3F;
    padding: 1rem;
    margin-bottom: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar {
    height: 40px;
    width: 100%;
    margin-top: .5rem;
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn {
    background-color: #0c1717!important;
    border: 1px solid #515151!important;
    color: #c9aa71;
    font-weight: 700;
    width: 200px;
    border-radius: 7px;
    height: 32px;
    line-height: 8px;
    margin-top: 3px;
    margin-right: 3px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn:hover {
    color: #000!important;
    background-color: #c9aa71!important;
    border-color: transparent!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data {
    margin-left: 1rem;
    line-height: 40px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data span {
    color: #c9aa71;
    font-weight: 700;
    text-shadow: 1px 1px 3px #000, 1px 1px 3px #000
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data .value {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-rating-container .value {
    color: #2a66d0!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-rating-container .mdi {
    color: #e34242;
    text-shadow: 1px 1px 3px #000;
    margin-left: .25rem;
    font-size: 20px;
    line-height: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-logo {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    border: 2px solid #1d1d1d;
    margin-right: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content h5 {
    font-size: 1.5rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left;
    color: #c9aa71;
    margin: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content p {
    font-size: 1rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left;
    margin: 0!important;
    line-height: 40px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-stat {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid #1d1d1d;
    margin-right: .75rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-role {
    height: 60px;
    width: 60px;
    border: 2px solid #1d1d1d;
    border-radius: 20px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level {
    display: flex;
    width: 100%;
    overflow-x: visible;
    overflow-y: hidden;
    background: #111;
    border: 1px solid #3c3c3c
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group {
    margin-left: 2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header {
    position: sticky;
    left: 0;
    position: -webkit-sticky;
    background: #111;
    z-index: 1;
    padding: 0 10px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi {
    font-size: 2rem;
    position: absolute
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi-menu-down {
    top: -.3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi-menu-up {
    bottom: -.3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header span {
    background: #1d1d1d;
    padding: 0;
    border-radius: 100%;
    border: 1px solid #c9aa71;
    height: 36px;
    width: 36px;
    line-height: 34px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    margin-top: 35px;
    margin-left: 2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .spell-img-container {
    border: 1px solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    position: relative
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .item-text {
    user-select: none;
    line-height: 30px;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator:first-of-type {
    margin-top: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator img {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    border: 2px solid #1d1d1d;
    margin-right: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5 {
    font-size: 2rem;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5:first-of-type {
    margin-top: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .p-empty {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    text-align: left;
    font-size: 20px;
    color: grey
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-next .page-link,
#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item,
#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.active {
    outline: none!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select {
    list-style: none;
    padding: .75rem 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: left;
    background: #262626;
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select:hover {
    border-color: silver;
    cursor: pointer;
    background-color: #333
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-desc-create {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    height: 2.5rem;
    border: 1px solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    width: 100%;
    height: 200px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-desc {
    text-align: left;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body hr {
    border-top: 1px solid hsla(0, 0%, 100%, .32)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list {
    list-style: none;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: left;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li img {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    border: 2px solid #1d1d1d;
    object-fit: cover
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list {
    list-style: none;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: left;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    user-select: none;
    position: relative;
    top: 3px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li img {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    border: 2px solid #1d1d1d;
    object-fit: cover
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-header {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: 1px solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    height: 88px;
    max-height: 88px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-header .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-header .overview-header-content .overview-name {
    color: #ffc516
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow {
    display: flex;
    max-height: 800px;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item {
    max-height: 40px
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-header {
    height: 40px;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff!important;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83.1%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83.1%, 0) 19%, hsla(0, 0%, 100%, 0) 0)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content .talent-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content .talent-name {
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)!important;
    grid-template-rows: 1fr!important;
    grid-gap: 10px
}

@media only screen and (max-width:968px) {
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu {
        max-width: 100%!important;
        display: flex!important;
        flex-direction: row!important;
        justify-content: center!important;
        background-color: transparent!important;
        border: none!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list {
        width: 300px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li {
        max-width: 100%!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container {
        max-width: 100vw!important;
        border-top: 1px solid #564F3F!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container {
        grid-template-columns: minmax(0, 1fr)!important;
        grid-template-rows: 1fr!important;
        margin: 0 1rem
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0;
        right: 0
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow {
        max-height: 400px!important;
        width: 100%!important;
        overflow-y: scroll!important;
        background: #111;
        border: 1px solid #3c3c3c;
        display: revert!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header img {
        height: 40px!important;
        width: 40px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content h5 {
        font-size: 1.2rem!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content p {
        font-size: 1rem!important;
        line-height: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-stat {
        height: 30px!important;
        width: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body {
        padding: 1rem!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5 {
        font-size: 1.5rem!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator img {
        height: 30px!important;
        width: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body hr {
        margin-top: 1rem!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-sel-container {
        width: 100%
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-sel-container .arch-sel-role {
        margin-top: .5rem
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-role,
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-logo {
        height: 48px!important;
        width: 48px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content h5 {
        font-size: 1.2rem!important;
        max-width: 200px!important;
        overflow: hidden!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-stat {
        height: 30px!important;
        width: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content p {
        line-height: 30px!important;
        font-size: 14px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar {
        height: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data {
        line-height: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data span {
        font-size: 13px!important;
        line-height: 30px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .mdi {
        font-size: 16px!important
    }
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn {
        width: auto!important;
        height: 22px!important;
        margin-top: 3px!important;
        margin-right: 3px!important
    }
}

#content-wrapper-builder #builder #settings-modal .modal-input,
#content-wrapper-builder #builder #talent-export-modal .modal-input,
#content-wrapper-builder #builder #talent-import-modal .modal-input {
    width: 100%;
    height: 30px;
    padding: 10px
}

#content-wrapper-builder #builder #arch-image-modal{
    margin-top: 0;
    background-color: #0c1717;
    border: 1px solid #564F3F;
    padding: 1rem 2rem;
    color: #ffe4c7
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid {
    grid-template-columns: 60px 60px 60px 60px 60px 60px;
    grid-template-rows: 60px 60px 60px 60px;
    column-gap: 15px;
    row-gap: 15px;
    display: grid
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .25s ease;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: all .25s ease
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item .grid-img {
    user-select: none;
    -webkit-transition: all .25s ease;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: all .25s ease
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item:hover {
    cursor: pointer
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item.active .grid-img,
#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item:hover .grid-img {
    filter: saturate(0)
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav {
    margin-top: 1rem;
    margin-bottom: 0
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination {
    margin-bottom: 0
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-next .page-link,
#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item,
#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.active {
    outline: none!important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#content-wrapper-builder #builder .builder-enchant-wrapper *,
#content-wrapper-builder #builder .builder-talent-wrapper * {
    font-family: Segoe UI, Helvetica, Geneva, Verdana, sans-serif
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper:after,
    #content-wrapper-builder #builder .builder-talent-wrapper:after {
        content: "";
        position: absolute;
        left: -1.25rem;
        line-height: 32px;
        font-size: 20px;
        text-shadow: 0 3px 3px #000;
        display: none
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder #builder .builder-enchant-wrapper,
    #content-wrapper-builder #builder .builder-talent-wrapper {
        margin-top: 20px!important
    }
    #content-wrapper-builder #builder .builder-enchant-wrapper:after,
    #content-wrapper-builder #builder .builder-talent-wrapper:after {
        content: "";
        position: absolute;
        top: -60px;
        left: 1rem;
        line-height: 32px;
        font-size: 20px;
        margin-right: 3rem;
        text-shadow: 0 3px 3px #000
    }
}

.realm-button-list .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .15)!important;
    min-height: 39px
}

@media only screen and (max-width:968px) {
    .item.viewing .desc-dropdown {
        height: auto!important;
        min-height: 115px!important;
        padding: 1rem 1.5rem!important;
        opacity: 1
    }
    .item .item-info,
    .item .item-text,
    .item .spell-img-container {
        pointer-events: none
    }
    .item-points {
        position: relative
    }
    .item-points:after {
        content: "";
        position: absolute;
        left: -20px;
        top: -20px;
        width: 60px;
        height: 60px
    }
    .desc-dropdown {
        min-width: 325px;
        -webkit-transition: all .2s linear;
        -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: all .2s linear;
        opacity: 0;
        height: 0;
        min-height: 0;
        padding: 0
    }
    .desc-dropdown,
    .desc-dropdown * {
        pointer-events: none
    }
    .desc-dropdown span {
        display: block;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        line-height: 22px;
        pointer-events: none
    }
    .desc-dropdown .trigger,
    .desc-dropdown .wrapper {
        width: 100%
    }
    .desc-dropdown .popover-inner {
        width: 100%;
        height: 100%;
        color: #dcdcdc;
        display: block;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
        max-width: 100%;
        border: 1px solid #534133;
        background: rgba(20, 20, 20, .905)!important
    }
    .desc-dropdown .pop-name {
        font-size: 18px;
        font-weight: 700;
        color: #c9aa71;
        text-align: left;
        pointer-events: none
    }
    .desc-dropdown .pop-level {
        color: #dcdcdc;
        text-align: left;
        font-weight: 700
    }
    .desc-dropdown .pop-desc {
        text-align: left;
        color: #ffe4c7
    }
    .desc-dropdown .pop-cost {
        text-align: left;
        margin-top: 5px
    }
    .desc-dropdown .item-number {
        font-weight: 700;
        color: #bf5329;
        display: inline
    }
    .desc-dropdown .pop-num {
        font-weight: 700;
        color: #bf5329!important
    }
    .desc-dropdown .pop-num-white {
        font-weight: 700;
        color: #dcdcdc
    }
    .desc-dropdown .pop-sub {
        font-weight: 700;
        color: #6d6d6d
    }
    .desc-dropdown .popover-arrow {
        border-color: #1d1d1d
    }
}

.tooltip {
    display: block!important;
    z-index: 10000;
    background: transparent;
    pointer-events: none!important
}

.tooltip .tooltip-inner {
    background: #000;
    color: #fff;
    border-radius: 16px;
    padding: 5px
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #000;
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip .trigger {
    width: 100%!important
}

.tooltip .wrapper {
    width: 100%
}

.tooltip.popover {
    min-width: 325px;
    min-height: 115px
}

.tooltip.popover span {
    display: block;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

.tooltip.popover .trigger,
.tooltip.popover .wrapper {
    width: 100%
}

.tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    max-width: 100%;
    border: 1px solid #534133;
    background: rgba(20, 20, 20, .905)!important
}

.tooltip.popover .pop-name {
    font-size: 18px;
    font-weight: 700;
    color: #c9aa71;
    text-align: left
}

.tooltip.popover .pop-level {
    color: #dcdcdc;
    text-align: left;
    font-weight: 700
}

.tooltip.popover .pop-desc {
    text-align: left;
    color: #ffe4c7
}

.tooltip.popover .pop-cost {
    text-align: left;
    margin-top: 5px
}

.tooltip.popover .item-number {
    font-weight: 700;
    color: #bf5329;
    display: inline
}

.tooltip.popover .pop-num {
    font-weight: 700;
    color: #bf5329!important
}

.tooltip.popover .pop-num-white {
    font-weight: 700;
    color: #dcdcdc
}

.tooltip.popover .pop-sub {
    font-weight: 700;
    color: #6d6d6d
}

.tooltip.popover .popover-arrow {
    border-color: #1d1d1d
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    z-index: 999
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
    z-index: 999
}

@media only screen and (max-width:968px) {
    .re-container .re-slots .slot {
        width: 300px!important;
        display: block!important;
        margin-top: .5rem!important
    }
}

.legendary {
    color: #ff8000!important;
    text-shadow: 0 0 5px rgba(255, 128, 0, .53)!important
}

.epic {
    color: #a335ee!important;
    text-shadow: 0 0 5px rgba(163, 53, 238, .53)!important
}

.rare {
    color: #0070dd!important;
    text-shadow: 0 0 5px rgba(0, 112, 221, .53)!important
}

.uncommon {
    color: #1eff00!important;
    text-shadow: 0 0 5px rgba(30, 255, 0, .53)!important
}

@media only screen and (min-width:1800px) {
    #content-wrapper-builder #builder #builder-flex-1080 {
        display: flex!important;
        width: 90vw!important;
        max-width: 90vw!important;
        flex: 0 0 90vw!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        justify-content: start
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: 780px!important;
        width: 1200px!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        width: 265px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important;
        user-select: none
    }
    #content-wrapper-builder #builder .architect-flex-1080 {
        display: flex!important;
        justify-content: center;
        width: 90vw!important;
        max-width: 90vw!important;
        flex: 0 0 90vw!important
    }
    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow {
        justify-content: start
    }
    #content-wrapper-builder #builder .architect-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow {
        display: flex;
        max-height: 780px!important;
        height: auto;
        width: 100%!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow .talent-item {
        width: 265px!important
    }
    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important;
        user-select: none
    }
}

@media only screen and (max-width:540px) {
    #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr)!important;
        grid-template-rows: auto;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: auto!important;
        width: 100%!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important
    }
    #content-wrapper-builder #builder #architect-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr)!important;
        grid-template-rows: auto;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow {
        display: flex;
        height: auto!important;
        width: 100%!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }
    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important
    }
}

.featured-builds #live-card-preview .realm-card {
    min-width: 300px!important;
    width: 300px!important;
    height: 400px!important;
    min-height: 400px!important;
    margin: 0!important;
    display: block
}

.featured-builds #live-card-preview .realm-card:hover .realm-edit {
    opacity: 1
}

.featured-builds #live-card-preview .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .6);
    border: 1px solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0!important;
    padding: 0 5px!important;
    background: #131415;
    border-radius: 3px;
    box-shadow: 0 0 5px #000
}

.featured-builds #live-card-preview .realm-card-inner .character-view .mdi {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    line-height: 30px;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none!important;
    text-shadow: 0 0 3px #000, 0 0 3px #000
}

.featured-builds #live-card-preview .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none!important;
    text-shadow: 0 0 3px #0d4364, 0 0 3px #0d4364
}

.featured-builds #live-card-preview .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

.featured-builds #live-card-preview .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    transform: none!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: 1px solid #fb4646;
    border-left: 1px solid #fb4646;
    border-bottom: 1px solid #fb4646
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: 1px solid #c9aa71!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0;
    font-weight: 100;
    width: 130px!important;
    height: 50px!important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit:hover .btn {
    border: none!important;
    color: #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100%!important;
    font-size: 1.1rem
}

.featured-builds #live-card-preview .realm-card-inner:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    border: 1px solid #c9aa71
}

.featured-builds #live-card-preview .realm-card-inner:hover .realm-info {
    opacity: 0!important
}

.featured-builds #live-card-preview .realm-card-inner:hover img {
    transform: scale(1.2)
}

.featured-builds #live-card-preview .realm-card-inner:hover .re-img {
    transform: scale(1)
}

.featured-builds #live-card-preview .realm-card-inner:hover .card-info {
    z-index: 5;
    opacity: 1
}

.featured-builds #live-card-preview .realm-card-inner .card-info {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .473);
    z-index: -1;
    opacity: 0
}

.featured-builds #live-card-preview .realm-card-inner .btn-primary,
.featured-builds #live-card-preview .realm-card-inner .card-info {
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .btn-primary {
    width: 200px;
    left: 50px;
    bottom: 25px;
    border-radius: 0;
    background-color: #c9aa71;
    color: #000;
    font-weight: 700;
    border: none!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .51), 0 0 15px rgba(0, 0, 0, .51);
    z-index: 6
}

.featured-builds #live-card-preview .realm-card-inner .btn-primary:hover {
    background-color: #c08749;
    color: #fff!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000
}

.featured-builds #live-card-preview .realm-card-inner .card-info .card-content h4,
.featured-builds #live-card-preview .realm-card-inner .card-info .card-content h5,
.featured-builds #live-card-preview .realm-card-inner .realm-info h4,
.featured-builds #live-card-preview .realm-card-inner .realm-info h5 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .mdi {
    z-index: 1;
    font-size: 26px;
    color: #fff;
    transition: all .35s ease;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    border-radius: 100%;
    position: absolute;
    left: .75rem;
    top: .5rem;
    margin: 0!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .author {
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem;
    position: absolute;
    right: .75rem;
    top: .5rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container {
    z-index: 1;
    margin: 0;
    padding: 0
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: .25rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .re-img {
    user-select: none;
    object-fit: revert;
    width: 25px;
    height: 25px;
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
    position: relative;
    filter: blur(0)
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text {
    user-select: none;
    line-height: 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.overview {
    line-height: 30px;
    color: #e5cc80!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.legendary {
    color: #ff8000!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.epic {
    color: #a335ee!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.rare {
    color: #0070dd!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.uncommon {
    color: #1eff00!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h4 {
    color: #fff!important;
    margin-bottom: 0!important;
    display: inline-block;
    text-shadow: 0 0 15px #000, 0 0 15px #000
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h4,
.featured-builds #live-card-preview .realm-card-inner .realm-info h5 {
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: relative;
    bottom: -5px
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h5 {
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    height: 21.6px;
    margin-top: .5rem;
    font-size: 14px;
    padding: 0 1rem;
    opacity: 1
}

.featured-builds #live-card-preview .realm-card-inner .card-content {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .card-content h5 {
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    height: 0;
    margin-top: .5rem;
    font-size: 14px;
    padding: 0 1rem
}

.featured-builds #live-card-preview .realm-card-inner .card-content h5,
.featured-builds #live-card-preview .realm-card-inner img {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.featured-builds #live-card-preview .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    filter: blur(2px)
}

.featured-builds #creator .ucp-card {
    min-height: 610px!important;
    max-width: 430px!important
}

.featured-builds #creator textarea:focus {
    background: transparent!important;
    color: #dcdcdc
}

.featured-builds #creator .enchant-label {
    text-transform: capitalize
}

.featured-builds #creator .custom-control-label {
    line-height: 22px;
    cursor: pointer
}

.featured-builds #creator .card {
    min-height: 610px!important;
    max-width: 430px!important
}

#content-wrapper-builder-embed {
    scroll-behavior: smooth!important
}

#content-wrapper-builder-embed #builder {
    position: relative;
    background: url(/static/images/302617984eca72b66a50f483209eca40.png);
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    overflow-y: hidden!important;
    padding: 55px 0 0
}

@media not all and (min-resolution:0.001dpcm) {
    #content-wrapper-builder-embed #builder {
        background-image: none!important;
        background-attachment: local!important
    }
}

#content-wrapper-builder-embed #builder .container {
    max-width: 1176px;
    width: 100%;
    padding: 0 1.6rem;
    margin-bottom: 0!important
}

#content-wrapper-builder-embed #builder .build-header h1 {
    color: #fff!important;
    font-size: 2.4rem!important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
}

#content-wrapper-builder-embed #builder .build-header h2 {
    color: #c7c7c7;
    font-size: 2.4rem!important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    display: none!important
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item {
    padding: .5rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: 1px solid #534133;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item:hover {
    background: rgba(0, 0, 0, .25);
    border: 1px solid grey;
    color: #dcdcdc
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item.selected {
    border: 1px solid #c9aa71!important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-options {
    margin-bottom: 10rem
}

#content-wrapper-builder-embed #builder .builder-button {
    height: 40px;
    width: 144px;
    position: relative;
    cursor: pointer;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .69);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder-embed #builder .builder-button span {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #c8c8c8
}

#content-wrapper-builder-embed #builder .builder-button.selected {
    border: 1px solid #c9aa71!important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-button:hover {
    color: #dcdcdc;
    border: 1px solid #dcdcdc
}

#content-wrapper-builder-embed #builder .builder-class-wrapper {
    max-width: 1300px;
    border-bottom: 1px solid hsla(0, 0%, 54.9%, .49)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: .5rem;
    border-bottom: 3px solid hsla(0, 0%, 100%, 0)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container span {
    color: #ffb500;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    margin-bottom: .8rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
    font-size: 14px;
    font-weight: 700
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
    margin-right: 1px
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
    padding: .2rem .4rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: rgba(0, 0, 0, .69);
    color: #c9aa71;
    border: 1px solid #c9aa71;
    position: absolute;
    bottom: -.5rem;
    display: block;
    z-index: 9;
    width: 110%;
    left: 0
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class {
    height: 50px;
    width: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    border-radius: 100%;
    position: relative;
    border: 2px solid #534133;
    margin: 0 auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover span {
    color: #dcdcdc
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
    border-color: #dcdcdc
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active {
    border-bottom: 3px solid #c9aa71;
    filter: drop-shadow(0 0 5px #C9AA71)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active .builder-class {
    border: 2px solid #c9aa71
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-container {
    padding-bottom: .5rem;
    border: none!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper {
    position: relative;
    margin-top: 1rem!important;
    margin-bottom: .5rem!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec {
    min-width: 31%;
    max-height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    padding: .8rem;
    display: block;
    cursor: pointer;
    user-select: none;
    -webkit-transition: all .35s ease!important;
    -moz-transition: all .35s ease!important;
    -ms-transition: all .35s ease!important;
    -o-transition: all .35s ease!important;
    transition: all .35s ease!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .mb-4 {
    margin-bottom: 1rem!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected {
    border: 1px solid #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec img {
    height: 30px;
    width: 30px;
    border-radius: 100%
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec span {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-left: .8rem;
    line-height: 30px;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
    color: #ffe4c7;
    font-size: .8rem;
    text-align: left;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
    margin-left: auto;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
    height: 15px;
    width: 15px;
    min-width: 15px;
    min-height: 15px;
    border: none!important;
    border-radius: 0!important;
    position: relative;
    top: -1px
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
    line-height: 28px;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: rgba(0, 0, 0, .69);
    color: silver;
    border: 1px solid #534133;
    display: block;
    z-index: 9
}

#content-wrapper-builder-embed #builder .spell-container {
    justify-content: center
}

#content-wrapper-builder-embed #builder .spell-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block!important;
    outline: none!important;
    box-shadow: none!important
}

#content-wrapper-builder-embed #builder .spell-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .spell-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder-embed #builder .re-container {
    justify-content: center
}

#content-wrapper-builder-embed #builder .re-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block!important;
    outline: none!important;
    box-shadow: none!important
}

#content-wrapper-builder-embed #builder .re-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .re-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder-embed #builder .re-container .pagination {
    margin-bottom: 0
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-next .page-link,
#content-wrapper-builder-embed #builder .re-container .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item,
#content-wrapper-builder-embed #builder .re-container .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.active {
    outline: none!important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#content-wrapper-builder-embed #builder .re-container .re-navigation span {
    font-weight: 700!important;
    font-size: 1.2rem!important;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7)
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container.grid-spell,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    overflow: hidden;
    height: auto!important;
    border-radius: 50px 15px 15px 50px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-left: none!important;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    user-select: none!important;
    cursor: default
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block!important;
    width: 100%
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container:hover,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.open,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.open {
    height: auto!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container {
    filter: drop-shadow(0 0 8px #c9aa71);
    box-shadow: 0 0 70px;
    border: 2.5px solid #c9aa71!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after {
    box-shadow: inset 0 0 8px #c9aa71!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0 0 1px #c9aa71)
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 0 1rem 0 0
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    position: relative;
    border-radius: 100%;
    border: 2.5px solid #534133;
    box-shadow: 0 0 70px #ac6e3e
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    min-width: 60px;
    min-height: 60px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 8px #533b28;
    border-radius: 20px;
    top: 0;
    left: 0;
    content: ""
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 50px;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    display: block;
    position: relative;
    right: 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    font-size: 22px;
    margin-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    user-select: none
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder-embed #builder .talents-container {
    height: 100%
}

#content-wrapper-builder-embed #builder .talents-container .talents-search {
    border-color: #534133;
    background-color: rgba(0, 0, 0, .705)!important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: none!important;
    outline: none!important;
    box-shadow: none!important
}

#content-wrapper-builder-embed #builder .talents-container .talents-search:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .talents-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706!important
}

#content-wrapper-builder-embed #builder .talents-container .talents-content {
    min-width: 300px;
    justify-content: center;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    padding-top: 2.25rem!important;
    padding-bottom: 0!important;
    display: block;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container.grid-spell,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    overflow: hidden;
    height: auto!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
    cursor: help!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block!important;
    width: 100%
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.open,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.open {
    height: auto!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-count,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
    display: inline-block;
    border: 2.5px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 3px 7px;
    color: #fff!important;
    height: 26px;
    position: relative;
    top: 11px;
    right: 15px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0 0 1px #c9aa71)
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-count,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-count {
    display: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    border: 1px solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 30px;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    display: block;
    position: relative;
    right: 0;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    font-size: 22px;
    margin-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns: 50px 50px 50px 50px;
    grid-template-rows: auto;
    grid-gap: 26px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container.grid-spell,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    filter: saturate(5%);
    width: 50px;
    height: 50px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
    cursor: help!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:after,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:after {
    content: attr(data-rank) "/" attr(data-maxranks);
    position: absolute;
    bottom: -10px;
    right: -10px;
    display: block;
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    padding: 0 2px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-1 {
    grid-column: 1!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-2 {
    grid-column: 2!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-3 {
    grid-column: 3!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-4 {
    grid-column: 4!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    min-height: 50px;
    min-width: 50px;
    max-height: 50px;
    max-width: 50px;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 60px;
    height: 60px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    height: 30px;
    margin-left: 1rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
    color: grey;
    font-size: 1rem;
    font-weight: 600;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:hover,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706;
    box-shadow: 0 0 6px #c9aa71;
    filter: saturate(100%)
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected:after {
    color: #c9aa71;
    border-color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active {
    color: #209717;
    background-color: #0f2006;
    box-shadow: 0 0 6px #209717;
    border: 1px solid #209717;
    filter: saturate(100%)
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
    color: #209717
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points {
    color: #209717!important;
    border-color: #209717!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
    color: #209717
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-gap: 10px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container.grid-spell,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item {
    border: 1px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help!important;
    user-select: none!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
    cursor: help!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
    border: 1px solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img {
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 40px;
    height: 40px;
    left: -5px;
    top: -5px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    user-select: none;
    line-height: 30px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: rgba(0, 0, 0, .7);
    height: 30px;
    margin-left: 1rem;
    min-width: 70px;
    display: inline-block
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item:hover,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item:hover {
    border-color: grey
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71!important
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount,
#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder {
        padding-top: 10rem
    }
    #content-wrapper-builder-embed #builder .show-xxl {
        display: block!important
    }
    #content-wrapper-builder-embed #builder .container {
        max-width: 1470px;
        width: 100%;
        padding: 0 2rem 4rem;
        margin-bottom: 0!important
    }
    #content-wrapper-builder-embed #builder .build-header h1 {
        color: #fff!important;
        font-size: 3rem!important;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
    }
    #content-wrapper-builder-embed #builder .build-header h2 {
        color: #c7c7c7;
        font-size: 2rem!important;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7)
    }
    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item {
        padding: .5rem 1rem;
        display: block;
        background: rgba(0, 0, 0, .35);
        border: 1px solid #534133;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item:hover {
        background: rgba(0, 0, 0, .25);
        border: 1px solid grey;
        color: #dcdcdc
    }
    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item.selected {
        border: 1px solid #c9aa71!important;
        background-color: #201706;
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-options {
        margin-bottom: 10rem
    }
    #content-wrapper-builder-embed #builder .builder-button {
        height: 50px;
        width: 180px;
        position: relative;
        cursor: pointer;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .69);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    #content-wrapper-builder-embed #builder .builder-button span {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 50px;
        color: #c8c8c8
    }
    #content-wrapper-builder-embed #builder .builder-button.selected {
        border: 1px solid #c9aa71!important;
        background-color: #201706;
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-button:hover {
        color: #dcdcdc;
        border: 1px solid #dcdcdc
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper {
        max-width: 1300px;
        margin-bottom: 3rem;
        border-bottom: 1px solid hsla(0, 0%, 54.9%, .49)
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding-bottom: 2rem;
        border-bottom: 3px solid hsla(0, 0%, 100%, 0)
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container span {
        color: #ffb500;
        text-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        margin-bottom: 1rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: 14px;
        font-weight: 700
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: 1px
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .25rem .5rem;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: #c9aa71;
        border: 1px solid #c9aa71;
        position: absolute;
        bottom: 1rem;
        display: block;
        z-index: 9;
        width: 100px;
        left: 0
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class {
        height: 50px;
        width: 50px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        border-radius: 100%;
        position: relative;
        border: 2px solid #534133;
        margin: 0 auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover span {
        color: #dcdcdc
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
        border-color: #dcdcdc
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active {
        border-bottom: 3px solid #c9aa71;
        filter: drop-shadow(0 0 5px #C9AA71)
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active .builder-class {
        border: 2px solid #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-container {
        padding-bottom: .5rem;
        border: none!important
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper {
        position: relative;
        margin-bottom: 5rem
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec {
        min-width: 31%;
        min-height: 170px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        padding: 1rem;
        display: block;
        cursor: pointer;
        user-select: none;
        -webkit-transition: all .35s ease!important;
        -moz-transition: all .35s ease!important;
        -ms-transition: all .35s ease!important;
        -o-transition: all .35s ease!important;
        transition: all .35s ease!important
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: grey
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected {
        border: 1px solid #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71!important;
        border: 1px solid #c9aa71!important
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec img {
        height: 30px;
        width: 30px;
        border-radius: 100%
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        margin-left: 1rem;
        line-height: 30px;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: 1rem;
        text-align: left;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: 15px;
        width: 15px;
        min-width: 15px;
        min-height: 15px;
        border: none!important;
        border-radius: 0!important;
        position: relative;
        top: -1px
    }
    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 28px;
        height: 30px;
        padding: 0 10px;
        font-size: 16px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .7);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: rgba(0, 0, 0, .69);
        color: silver;
        border: 1px solid #534133;
        display: block;
        z-index: 9
    }
    #content-wrapper-builder-embed #builder .re-container,
    #content-wrapper-builder-embed #builder .spell-container {
        justify-content: center
    }
    #content-wrapper-builder-embed #builder .talents-container {
        height: 100%
    }
    #content-wrapper-builder-embed #builder .talents-container .talents-search {
        border-color: #534133;
        background-color: rgba(0, 0, 0, .705)!important;
        padding: 1.35rem 1rem;
        margin-bottom: .5rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        outline: none!important;
        box-shadow: none!important
    }
    #content-wrapper-builder-embed #builder .talents-container .talents-search:hover {
        border-color: grey
    }
    #content-wrapper-builder-embed #builder .talents-container .talents-search:focus {
        border-color: #c9aa71;
        background-color: #201706!important
    }
    #content-wrapper-builder-embed #builder .talents-container .talents-content {
        min-width: 300px;
        justify-content: center;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        display: block;
        top: 1.5rem;
        height: 100%;
        min-height: 100%;
        max-height: 1000px;
        overflow-y: auto
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

@media only screen and (min-width:2101px)and (min-width:1001px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (min-width:2101px)and (max-width:1000px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container.grid-spell,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container.grid-spell {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        grid-column: auto;
        overflow: hidden;
        height: auto!important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence *,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1 {
        grid-column: 1!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2 {
        grid-column: 2!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3 {
        grid-column: 3!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4 {
        grid-column: 4!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger {
        display: block!important;
        width: 100%
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container:hover {
        border-color: grey
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.open,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.open {
        height: auto!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points {
        filter: drop-shadow(0 0 1px #c9aa71)
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after {
        position: absolute;
        height: 10px;
        width: 10px;
        left: 4px;
        top: 4px;
        content: "";
        background-color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner {
        padding: 1rem 1.5rem
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
        border: 1px solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        width: 100%;
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
        max-height: 30px;
        position: relative
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 100%;
        height: 100%;
        min-width: 40px;
        min-height: 40px;
        max-width: 40px;
        max-height: 40px;
        left: -5px;
        top: -5px
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none;
        line-height: 30px;
        position: relative;
        display: block;
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        overflow: hidden;
        text-overflow: ellipsis
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        display: block;
        position: relative;
        right: 0;
        height: 20px;
        width: 20px;
        min-width: 20px;
        min-height: 20px;
        cursor: pointer;
        font-size: 22px;
        margin-top: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description {
        height: 100%;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        text-align: left;
        padding: 0 1.5rem;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title {
        font-weight: 700;
        font-size: 16px;
        color: #fff
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p {
        color: #ffe4c7
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level {
        color: #fff
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number {
        font-weight: 700;
        color: #bf5329
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns: 59px 59px 59px 59px;
        grid-template-rows: auto;
        grid-gap: 30px
    }
}

@media only screen and (min-width:2101px)and (max-width:1000px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container {
        display: grid;
        grid-template-columns: 40px 40px 40px 40px;
        grid-template-rows: auto;
        grid-gap: 30px
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container.grid-spell,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container.grid-spell {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        filter: saturate(5%);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence *,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence * {
        cursor: help!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .v-popover .trigger,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .v-popover .trigger {
        display: block!important;
        width: 100%!important;
        height: 100%!important;
        overflow: hidden!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:after,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:after {
        content: attr(data-rank) "/" attr(data-maxranks);
        position: absolute;
        bottom: -10px;
        right: -10px;
        display: block;
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        padding: 0 2px
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-1 {
        grid-column: 1!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-2 {
        grid-column: 2!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-3 {
        grid-column: 3!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-4 {
        grid-column: 4!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 55px;
        width: 58px;
        min-height: 55px;
        min-width: 55px;
        position: relative
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 65px;
        height: 65px;
        left: -5px;
        top: -5px
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: 5px;
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        height: 30px;
        margin-left: 1rem
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
        color: grey;
        font-size: 1rem;
        font-weight: 600;
        user-select: none
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:hover,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:hover {
        border-color: grey
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706;
        box-shadow: 0 0 6px #c9aa71;
        filter: saturate(100%)
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected:after {
        color: #c9aa71;
        border-color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active {
        color: #209717;
        background-color: #0f2006;
        box-shadow: 0 0 6px #209717;
        border: 1px solid #209717;
        filter: saturate(100%)
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
        color: #209717
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points {
        color: #209717!important;
        border-color: #209717!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
        color: #209717
    }
}

@media only screen and (min-width:2101px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container.grid-spell,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container.grid-spell {
        padding-bottom: 5rem
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item {
        border: 1px solid #534133;
        background-color: rgba(0, 0, 0, .705);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
        grid-column: auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help!important;
        user-select: none!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence *,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence * {
        cursor: help!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner {
        padding: 1rem 1.5rem
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
        border: 1px solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 30px;
        width: 30px;
        min-width: 30px;
        min-height: 30px;
        position: relative
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img {
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 40px;
        height: 40px;
        left: -5px;
        top: -5px
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        user-select: none;
        line-height: 30px;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: 5px;
        border: 1px solid grey;
        background-color: rgba(0, 0, 0, .7);
        height: 30px;
        margin-left: 1rem;
        min-width: 70px;
        display: inline-block
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item:hover,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item:hover {
        border-color: grey
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: 1px solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    height: 88px;
    max-height: 88px
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header .overview-header-content .overview-name {
    color: #ffc516
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow {
    display: flex;
    height: 800px;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item {
    max-height: 40px
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-header {
    height: 40px;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff!important;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83.1%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83.1%, 0) 19%, hsla(0, 0%, 100%, 0) 0)
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000!important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content .talent-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content {
    color: grey;
    text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 .5em #000
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content .talent-name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-hunter {
    color: #abd473!important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder #settings-modal .modal-input,
#content-wrapper-builder-embed #builder #talent-export-modal .modal-input,
#content-wrapper-builder-embed #builder #talent-import-modal .modal-input {
    width: 100%;
    height: 30px;
    padding: 10px
}

#content-wrapper-builder-embed #builder .builder-enchant-wrapper *,
#content-wrapper-builder-embed #builder .builder-talent-wrapper * {
    font-family: Segoe UI, Helvetica, Geneva, Verdana, sans-serif
}

@media only screen and (min-width:1001px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper:after,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper:after {
        content: "";
        position: absolute;
        left: -1.25rem;
        line-height: 32px;
        font-size: 20px;
        text-shadow: 0 3px 3px #000;
        display: none
    }
}

@media only screen and (max-width:1000px) {
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper {
        margin-top: 20px!important
    }
    #content-wrapper-builder-embed #builder .builder-enchant-wrapper:after,
    #content-wrapper-builder-embed #builder .builder-talent-wrapper:after {
        content: "";
        position: absolute;
        top: -60px;
        left: 1rem;
        line-height: 32px;
        font-size: 20px;
        margin-right: 3rem;
        text-shadow: 0 3px 3px #000
    }
}

.re-container hr {
    border-color: #534133!important;
    margin-top: 0
}

.re-container .re-slots .slot {
    user-select: none;
    cursor: pointer;
    padding: 5px 10px;
    border: 2.5px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    grid-column: auto;
    overflow: hidden;
    height: auto!important;
    border-radius: 5px;
    font-size: .9rem;
    font-weight: 700
}

.re-container .re-slots .slot.overview {
    line-height: 30px;
    color: #e5cc80!important;
    text-shadow: 0 0 5px rgba(229, 204, 128, .53)!important
}

.re-container .re-slots .slot.legendary {
    color: #ff8000!important;
    text-shadow: 0 0 5px rgba(255, 128, 0, .53)!important
}

.re-container .re-slots .slot.epic {
    color: #a335ee!important;
    text-shadow: 0 0 5px rgba(163, 53, 238, .53)!important
}

.re-container .re-slots .slot.rare {
    color: #0070dd!important;
    text-shadow: 0 0 5px rgba(0, 112, 221, .53)!important
}

.re-container .re-slots .slot.uncommon {
    color: #1eff00!important;
    text-shadow: 0 0 5px rgba(30, 255, 0, .53)!important
}

.re-container .re-slots .slot.selected {
    border: 2.5px solid #c9aa71!important;
    background-color: #201706
}

.re-container .re-slots .slot .points {
    display: inline-block;
    border: 2.5px solid #534133;
    background-color: rgba(0, 0, 0, .705);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .7);
    border-radius: 5px;
    padding: 3px 10px;
    color: #fff!important
}

.item-text,
.quality-text {
    text-align: left;
    font-weight: 700!important;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
    text-transform: capitalize
}

.item-text.legendary,
.quality-text.legendary {
    color: #ff8000!important;
    text-shadow: 0 0 5px rgba(255, 128, 0, .53)!important
}

.item-text.epic,
.quality-text.epic {
    color: #a335ee!important;
    text-shadow: 0 0 5px rgba(163, 53, 238, .53)!important
}

.item-text.rare,
.quality-text.rare {
    color: #0070dd!important;
    text-shadow: 0 0 5px rgba(0, 112, 221, .53)!important
}

.item-text.uncommon,
.quality-text.uncommon {
    color: #1eff00!important;
    text-shadow: 0 0 5px rgba(30, 255, 0, .53)!important
}

.v-popover .trigger {
    display: block!important;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media only screen and (min-width:1800px) {
    #content-wrapper-builder #builder #builder-flex-1080 {
        display: flex!important;
        width: 90vw!important;
        max-width: 90vw!important;
        flex: 0 0 90vw!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        justify-content: start
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: 780px!important;
        width: 1200px!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        width: 265px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important;
        user-select: none
    }
}

#content-wrapper-builder #builder .builder-overview-wrapper .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
    top: 0!important;
    right: 0!important
}

@media only screen and (max-width:540px) {
    #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container,
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr)!important;
        grid-template-rows: auto;
        grid-gap: 10px
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 62px!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: auto!important;
        width: 100%!important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }
    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100%!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0!important;
        right: 0!important
    }
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 62px!important
    }
}

.dropdown-item {
    white-space: nowrap!important;
    z-index: 99
}

.CodeMirror {
    background: rgba(35, 37, 39, .12)!important;
    border: 1px solid #444951!important;
    color: #fff!important
}

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255, 0, 0, .01)!important;
    text-decoration: underline!important;
    text-decoration-color: #dc143c!important
}

label {
    color: #c9aa71
}

.form-control {
    height: 2.5rem;
    border: 1px solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem
}

.form-control::placeholder {
    color: #4d4d4d
}

.bottom-button {
    padding: .8rem 2rem;
    margin-right: 1rem
}

.btn.btn-default,
span.btn-default {
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease
}

.btn.btn-default:hover,
span.btn-default:hover {
    color: #000!important;
    border-color: hsla(0, 0%, 100%, 0)!important;
    background-color: #c9aa71!important
}

input {
    background: transparent!important;
    color: #979a9f!important
}

#summernote {
    width: 100%
}

.bugtracker-create textarea {
    min-height: 380px
}

.bugtracker-create textarea,
.bugtracker-display textarea {
    border: 1px solid #444951;
    background: transparent;
    color: #979a9f!important;
    resize: vertical!important
}

.bugtracker-display textarea {
    min-height: 100px;
    padding-top: 1rem
}

.form-title {
    padding-bottom: 20px
}

.form-title h5 {
    padding-left: 10px
}

.content-title {
    margin-bottom: 30px;
    color: #e8d8b2
}

.content-title i {
    padding-right: 10px
}

.btn {
    border-color: #979a9f!important;
    border-radius: 0;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear
}

.btn:hover {
    background-color: #e8d8b2!important;
    color: #fff!important
}

.bootstrap-tagsinput {
    background-color: transparent!important;
    border: 1px solid #444951!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    display: inline-block;
    padding: 8px 10px!important;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput .tag {
    color: #8a8d93!important;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 14px;
    margin: 2px;
    border-color: #e8d8b2!important;
    border: 1px solid
}

.tag-form {
    width: 100%!important;
    position: relative;
    padding: 10px
}

.tag-selection {
    margin-left: 0;
    margin-top: 5px;
    background-color: transparent!important;
    border: 1px solid #444951!important;
    padding: 5px 10px 10px
}

.tag-selection .tag-item {
    color: #545456;
    display: inline-block
}

.tag-selection .tag-item .tag-label {
    color: #8a8d93!important;
    cursor: pointer;
    border: 1px solid;
    border-color: #444951!important;
    border-radius: 3px;
    font-size: 14px;
    margin: 2px;
    padding: 2px 10px
}

.tag-selection .tag-item .tag-label:hover {
    color: #7c7c7c
}

.tag-selection .tag-item .tag-input {
    display: none
}

.tag-selection .tag-item .tag-input:checked+.tag-label {
    border-color: #e8d8b2!important;
    color: wheat!important
}

#category-select {
    border: 1px solid #444951;
    height: 2.5rem;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    min-width: 100%
}

#category-select option {
    margin: 40px;
    background: #181818;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4)
}

#category-select option:checked,
#category-select option:hover {
    box-shadow: inset 0 0 10px 100px #000
}

.content-header {
    padding: 20px;
    position: relative;
    display: block
}

.content-header p {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0
}

.content-inner {
    padding: 20px;
    color: #8a8d93;
    background: rgba(15, 15, 15, .95);
    border: 1px solid rgba(232, 216, 178, .479);
    border-radius: 10px
}

.content-title {
    padding-bottom: 10px;
    border-bottom: none
}

.content-title h5 {
    color: #e8d8b2;
    font-size: 22px
}

.content-body {
    padding-top: 10px
}

section {
    padding: 0
}

.block-title i {
    margin-right: 10px
}

.col-in-col {
    margin: 0;
    padding-left: 0
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
    color: #8a8d93!important
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em;
    white-space: nowrap
}

select {
    height: calc(2rem + 2px);
    line-height: 1;
    color: #8a8d93;
    vertical-align: middle;
    -webkit-appearance: none;
    padding: .375rem 1.75rem .375rem .75rem;
    background-color: transparent
}

input,
select {
    border: 1px solid #444951;
    border-image: initial;
    border-radius: 0
}

input {
    color: #979a9f;
    background: transparent
}

.page-link {
    margin-left: -1px;
    line-height: 1.25;
    color: #8a8d93;
    background-color: transparent;
    padding: .5rem .75rem;
    border: 1px solid #8a8d93;
    border-image: initial
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: transparent;
    border: none!important;
    color: #8a8d93!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link {
    color: #6c757d!important;
    pointer-events: none;
    background: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: none!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active .page-link {
    background: none;
    background-color: #c9aa71;
    border: 1px solid #8a8d93;
    -o-border-image: initial;
    border-image: initial;
    color: #000!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #000!important;
    border-color: hsla(0, 0%, 100%, 0)!important;
    background-color: #c9aa71!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.page-link:focus {
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button a:hover {
    color: #000!important;
    border-color: hsla(0, 0%, 100%, 0)!important;
    background-color: #c9aa71!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.active {
    background: none;
    background-color: #c9aa71;
    color: #000
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.current {
    background: none!important;
    background-color: #3b4047!important;
    color: #fff!important
}

.table td,
.table th {
    border: none
}

table.dataTable thead th {
    border-color: #34383d!important
}

.table td,
.table tr {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #34383d
}

.table tr a {
    color: #979899
}

.table tr a:hover {
    color: #abacad!important
}

.table.dataTable tbody tr {
    background-color: transparent
}

.table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 1px solid #34383d
}

table.dataTable.no-footer {
    border-color: #34383d!important
}

.table.dataTable thead .sorting,
.table.dataTable thead .sorting_asc,
.table.dataTable thead .sorting_desc {
    background-image: none
}

@media screen and (max-width:700px) {
    .table-country {
        display: none!important
    }
}

.status-unconfirmed {
    color: #535455
}

.status-pending {
    color: #d79602
}

.status-fixed {
    color: #7e8d09
}

.status-closed {
    color: #dc143c
}

.status-duplicate {
    color: #b91da4
}

.td-rating {
    display: flex
}

.rating-btn:hover {
    cursor: pointer
}

.thumb-up:hover {
    color: #64b5f7
}

.thumb-down:hover {
    color: #dc143c
}

#bugtracker_table {
    color: #acacac
}

.sidebar {
    width: 280px;
    min-height: calc(100vh - 100px);
    height: auto!important;
    position: relative;
    border-top: 1px solid #776f5d;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9;
    background: #0c0c0c;
    color: #e8d8b2;
    border-right: 1px solid #8b8169;
    margin-top: 50px
}

.modalnav .sidebar {
    margin-left: 0!important;
    margin-top: 0!important;
    width: auto!important
}

.sidebar-list {
    border: 0;
    font-weight: 400;
    line-height: 1;
    list-style: none;
    margin: 0;
    position: relative;
    text-decoration: none;
    padding: 30px 0
}

.sidebar-section-header {
    pointer-events: none;
    cursor: default;
    font-size: 20px;
    padding: 12px 20px!important;
    letter-spacing: .025rem;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700;
    color: #f1e6cf
}

.sidebar-list li {
    position: relative
}

.sidebar-list li a span {
    vertical-align: middle;
    color: #c9aa71!important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700
}

.sidebar-list li a span:hover {
    color: #f1e6cf!important
}

.sidebar-list li:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: 50% 50%;
    width: 100%;
    height: 1px;
    background-color: rgba(232, 216, 178, .103);
    transition: transform .25s
}

.sidebar-list .expanded:after,
.sidebar-list li .sub-menu ul li:after {
    background-color: transparent
}

.sidebar-list li:hover:after {
    transform: translateX(-50%) scaleX(1)
}

.sidebar-list li a i {
    display: inline-block;
    font-size: 26px;
    margin-right: 15px;
    border-right: 1px solid #454649;
    width: 40px;
    color: #e8d8b2!important
}

.sidebar-list li a i,
.sidebar-list li a i.dropdown-arrow {
    line-height: 28px;
    margin-left: 3px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-right: 15px
}

.sidebar-list li a i.dropdown-arrow {
    font-size: 20px;
    margin-right: 0;
    border: 0;
    float: right
}

.sidebar-list li a {
    display: block;
    padding: 12px 0 12px 20px;
    margin: 4px 0;
    color: #c9aa71!important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700
}

.sidebar-list li a:hover {
    color: #f1e6cf!important
}

.sidebar-list li.active {
    background: rgba(53, 56, 61, 0)
}

.sidebar-list li:hover {
    background: hsla(0, 0%, 42%, .1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar-list li a:hover {
    color: #fff
}

.sidebar-list li.active:before {
    content: "";
    width: 2px;
    height: 100%;
    background: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #dc143c
}

.sidebar-list li ul {
    position: relative;
    height: 100%
}

.sidebar-list li ul li {
    position: relative;
    width: 100%
}

.sidebar-list li ul li a {
    display: block;
    padding: 12px 80px;
    font-size: 12px!important;
    margin: 4px 0;
    color: hsla(0, 0%, 100%, .6)
}

@media(max-width:575.98px) {
    nav.sidebar.shrinked {
        margin-left: 0;
        display: none;
        width: 50px
    }
    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: center
    }
    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0;
        padding-right: 0
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -20px;
        width: 20px
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header,
    nav.sidebar.shrinked .sidebar-list .list-item a .full-item,
    nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding: 12px 50px;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 50px
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media(min-width:576px)and (max-width:767.98px) {
    nav.sidebar.shrinked {
        margin-left: 0;
        width: 70px;
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: center
    }
    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0;
        padding-right: 0
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -20px;
        width: 20px
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .list-item a span {
        width: 100%;
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding: 12px 50px;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 50px
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media(min-width:768px)and (max-width:991.98px) {
    nav.sidebar.shrinked {
        margin-left: 0;
        width: 70px;
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: center
    }
    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0;
        padding-right: 0
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -20px;
        width: 20px
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }
    nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: none
    }
    nav.sidebar.shrinked .sidebar-list .list-item a span {
        width: 100%;
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding: 12px 0;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding: 12px 50px;
        text-align: left!important
    }
    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 50px
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }
    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media(min-width:992px)and (max-width:1199.98px) {
    .sidebar {
        width: 240px
    }
    nav.sidebar .sidebar-list .list-item a .shrink-item {
        display: none
    }
    nav.sidebar .sidebar-list .list-item a .full-item {
        display: block
    }
}

@media(min-width:1200px) {
    nav.sidebar .sidebar-list .list-item a .shrink-item {
        display: none
    }
    nav.sidebar .sidebar-list .list-item a .full-item {
        display: block
    }
    .table-responsive {
        overflow: visible
    }
}

@media(max-width:1200px) {
    .dynamic-menu-toggle {
        height: 60px;
        width: 60px;
        border-radius: 100%;
        line-height: 60px;
        text-align: center;
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        border: 2px solid #666;
        background-color: #131415;
        z-index: 999;
        -webkit-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -moz-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -ms-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -o-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        opacity: 1!important;
        display: block!important
    }
    .dynamic-menu-toggle,
    .dynamic-menu-toggle i {
        cursor: pointer;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }
    .dynamic-menu-toggle i {
        color: #c9aa71!important;
        filter: drop-shadow(0 0 5px 1px #C9AA71 !important);
        font-size: 1.8rem;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out
    }
}

@media only screen and (max-width:500px)and (max-height:1050px)and (min-height:750px) {
    .dynamic-menu-toggle.active {
        max-width: 358px!important;
        border-radius: 25px;
        width: 100%;
        border-width: 1px!important;
        right: auto!important
    }
}

.dynamic-menu-toggle {
    display: none;
    opacity: 0
}



@media(min-width:1199px)and (max-width:1552px) {
    #ucpboard .nav-panel .ucp-nav {
        width: 270px!important
    }
}
/* 
#ucpboard .nav-panel {
    width: 100vw!important;
    max-width: 100vw!important;
    top: 0;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    z-index: 998!important;
    position: relative;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out!important;
    -moz-transition: all .35s ease-in-out!important;
    -ms-transition: all .35s ease-in-out!important;
    -o-transition: all .35s ease-in-out!important;
    transition: all .35s ease-in-out!important
} */

@media(max-width:1200px) {
    #ucpboard .nav-panel {
        justify-content: center;
    }
}

@media(max-width:1200px) {
    #ucpboard .nav-panel.active {
        opacity: 1!important;
        pointer-events: all!important
    }
}

#ucpboard .nav-panel .menu-toggle {
    position: absolute;
    right: -48px;
    top: calc(50% - 24px);
    width: 50px;
    height: 50px;
    background: #0c1717;
    box-shadow: 0 1px 5px rgba(85, 85, 85, .15);
    border-radius: 50%;
    border: 1px solid #564F3F;
    text-align: center;
    z-index: 0;
    display: inline-block;
    font: normal normal normal 24px/1 Material Design Icons!important;
    line-height: 1;
    font-size: 24px;
    line-height: 45px!important;
    border-radius: 0 50% 50% 0!important;
    cursor: pointer!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: flex;
    justify-content: center;
    flex-direction: row;
    z-index: 9999!important
}

#ucpboard .nav-panel .menu-toggle.toggle-active {
    top: 0
}

#ucpboard .nav-panel .ucp-nav {
    flex-direction: column;
    border-radius: 2px;
    width: calc(100vw - 60px);
    max-width: 358px!important;
    /* position: sticky;
    position: -webkit-sticky; */
    margin: 0 auto 32px;
    z-index: 100;
    top: 0;
    -webkit-transition: all .35s ease-in-out!important;
    -moz-transition: all .35s ease-in-out!important;
    -ms-transition: all .35s ease-in-out!important;
    -o-transition: all .35s ease-in-out!important;
    transition: all .35s ease-in-out!important
}

@media(max-width:1200px)and (max-height:700px) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: 0!important
    }
}
/* 
@media(max-width:1200px)and (min-height:800px)and (max-height:1000px) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: -6rem!important
    }
}

@media only screen and (max-width:500px)and (max-height:1050px)and (min-height:750px) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: -8rem!important
    }
} */

#ucpboard .nav-panel .ucp-nav #chevron0,
#ucpboard .nav-panel .ucp-nav #chevron1,
#ucpboard .nav-panel .ucp-nav #chevron2 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .nav-panel .ucp-nav .rotate180 {
    transform: rotate(180deg)
}

#ucpboard .nav-panel .ucp-nav #account-content,
#ucpboard .nav-panel .ucp-nav #admin-content,
#ucpboard .nav-panel .ucp-nav #application-content,
#ucpboard .nav-panel .ucp-nav #security-content,
#ucpboard .nav-panel .ucp-nav #store-content {
    -webkit-transition: all .35s ease-in-out!important;
    -moz-transition: all .35s ease-in-out!important;
    -ms-transition: all .35s ease-in-out!important;
    -o-transition: all .35s ease-in-out!important;
    transition: all .35s ease-in-out!important;
    transform: translateZ(0)!important;
    overflow: visible;
    opacity: 1
}

#ucpboard .nav-panel .ucp-nav #application-content,
#ucpboard .nav-panel .ucp-nav #security-content {
    height: 150px
}

#ucpboard .nav-panel .ucp-nav #store-content {
    height: 200px
}

#ucpboard .nav-panel .ucp-nav #account-content {
    height: auto
}

#ucpboard .nav-panel .ucp-nav #admin-content {
    min-height: 200px;
    max-height: 350px
}

#ucpboard .nav-panel .ucp-nav .content-closed {
    height: 0!important;
    overflow: hidden!important;
    opacity: 0!important
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #242f3f;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #Fff;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

#ucpboard .nav-panel .ucp-nav .nav-separator {
    border-top: 1px solid #564F3F!important;
    border-bottom: 1px solid #564F3F!important;
    font-weight: 700;
    z-index: 2;
    color: #fff;
    display: flex!important;
    justify-content: space-between;
    user-select: none;
    text-shadow: none!important
}

#ucpboard .nav-panel .ucp-nav .nav-transparent {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important
}

#ucpboard .nav-panel .ucp-nav .nav-transparent:hover {
    background-color: transparent!important
}

#ucpboard .nav-panel .ucp-nav .nav-link {
    box-shadow: 0 1px 5px rgba(85, 85, 85, .15);
    position: relative;
    display: block !important;
    margin: 0;
    padding: 13px 16px;
    background: #0c1717;
    border: 0;
    border-bottom: 1px solid #564F3F;
    border-left: 1px solid #564F3F;
    border-right: 1px solid #564F3F;
    border-radius: 0;
    color: #616161;
    z-index: 1;
    -webkit-transition: all .35s ease-in-out!important;
    -moz-transition: all .35s ease-in-out!important;
    -ms-transition: all .35s ease-in-out!important;
    -o-transition: all .35s ease-in-out!important;
    transition: all .35s ease-in-out!important
}

#ucpboard .nav-panel .ucp-nav .nav-link:hover {
    background-color: #132626
}

#ucpboard .nav-panel .ucp-nav .nav-link.active {
    background-color: #132626;
    font-weight: 700;
    color: rgba(0, 0, 0, .87)
}

#ucpboard .nav-panel .ucp-nav .nav-link:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0
}

#ucpboard .nav-panel .ucp-nav .nav-link i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active {
    box-shadow: 0 1px 5px rgba(85, 85, 85, .15);
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid #564F3F;
    border-left: 1px solid #564F3F;
    border-right: 1px solid #564F3F;
    border-radius: 0;
    z-index: 1;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    background-color: #262626!important;
    font-weight: 700!important;
    color: #c9aa71!important
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active:hover {
    background-color: #262626
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative
}

@media(max-width:1200px) {
    #ucpboard .nav-panel.active {
        transform: translateX(0)
    }
 
    #ucpboard .nav-panel,
    #ucpboard .nav-panel .menu-toggle {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    #ucpboard .nav-panel .menu-toggle {
        position: absolute;
        right: -35px;
        top: 0;
        width: 50px;
        height: 50px;
        background: #0c1717;
        box-shadow: 0 1px 5px rgba(85, 85, 85, .15);
        border-radius: 50%;
        border: 1px solid #564F3F;
        text-align: center;
        z-index: 0;
        display: inline-block;
        font: normal normal normal 24px/1 Material Design Icons!important;
        font-size: 24px;
        line-height: 45px!important;
        border-radius: 0 50% 50% 0!important;
        cursor: pointer!important;
        display: flex;
        justify-content: center;
        flex-direction: row
    }
    #ucpboard .nav-panel .menu-toggle:hover,
    #ucpboard .nav-panel .ucp-nav:hover:after {
        background-color: #c9aa71!important;
        color: #000!important
    }
}

@media(min-width:1200px) {
    #ucpboard .ucp-side-dimmer {
        display: none!important
    }
}

HTML {
    cursor: pointer
}

body {
    cursor: default
}

::-webkit-scrollbar {
    width: .6rem!important;
    cursor: pointer!important
}

::-webkit-scrollbar-thumb {
    background: #c9aa71!important;
    border-radius: 7px!important;
    cursor: pointer!important
}

::-webkit-scrollbar-button {
    cursor: pointer!important
}

::-webkit-scrollbar-track {
    background-color: #121212!important;
    cursor: none!important
}

.asc-error-tooltip {
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .6875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.l-like {
    background-color: #131415
}

.l-like,
.l-like:hover {
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #393939;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-like:hover {
    background-color: #080;
    color: #fff
}

.l-like.l-checked {
    background-color: #080;
    color: #fff
}

.l-dislike,
.l-like.l-checked {
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #393939;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-dislike {
    background-color: #131415;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out
}

.l-dislike:hover {
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out
}

.l-dislike.l-checked,
.l-dislike:hover {
    background-color: #800;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.like {
    width: 22px;
    text-align: center;
    font-family: monospace;
    font-size: 16px
}

.like.up_like {
    color: #080
}

.like.down_like {
    color: #800;
    font-weight: 700;
    font-family: monospace
}

.l-checked {
    background-color: #222;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #ddd
}

.drop-item,
.drop-item-btn {
    background-color: #333
}

.drop-item-btn {
    border-color: wheat!important;
    color: wheat
}

.item-action-dropdown {
    position: absolute
}

#bugtracker1 .table {
    background: transparent!important;
    border-collapse: separate;
    border-spacing: 0 1.5rem;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    position: relative
}

#bugtracker1 .table thead {
    color: #c9aa71!important;
    border: none;
    outline: none
}

#bugtracker1 .table thead tr {
    padding: .75rem;
    vertical-align: top;
    border: none!important;
    outline: none!important
}

#bugtracker1 .table thead tr th {
    color: #dcdcdc;
    border: none!important;
    outline: none!important;
    padding: 1rem
}

#bugtracker1 .table tbody {
    padding-top: 1rem;
    background: transparent!important;
    border-top: none
}

#bugtracker1 .table tbody tr {
    color: #fff!important;
    background-color: #0c1717!important;
    border-radius: 15px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#bugtracker1 .table tbody tr th {
    border-top: 1px solid rgba(52, 56, 61, .42);
    border-radius: 5px
}

#bugtracker1 .table tbody tr th a {
    display: block;
    padding: 1.5rem .5rem;
    line-height: 20px;
    color: #dcdcdc!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#bugtracker1 .table tbody tr .bug-id a {
    color: #dcdcdc!important
}

#bugtracker1 .table tbody tr .bug-title a {
    word-wrap: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width:768px) {
    #bugtracker .bug-title {
        font-size: 1.5rem
    }
    #bugtracker .bug-search-container {
        margin-top: 1rem!important
    }
    #bugtracker .bug-subtitle {
        font-size: 1rem;
        width: 100%;
        text-align: center
    }
    #bugtracker .bug-browse-header {
        margin-top: 1.5rem!important
    }
    #bugtracker .bug-browse-header .head-left {
        text-align: center!important;
        justify-content: center!important;
        display: none!important
    }
    #bugtracker .bug-browse-header .bugtracker-create-new,
    #bugtracker .bug-browse-header .bugtracker-search-text {
        margin-left: auto!important;
        margin-right: auto!important
    }
    #bugtracker .bug-icon {
        margin-left: 0!important;
        display: none!important
    }
}

#bugtracker .bug-icon {
    margin: .5rem 1rem auto auto
}

#bugtracker .bug-title {
    text-shadow: #000 0 0 10px, #000 0 0 3px!important
}

#bugtracker .bug-subtitle {
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

#bugtracker .bug-browse-header {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 2rem
}

#bugtracker .bug-browse-header .head-left .bt-head {
    margin-bottom: 0
}

#bugtracker .bug-browse-header .head-left .bt-sub {
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right {
    position: relative;
    top: 3px
}

#bugtracker .bug-browse-header .head-right input {
    height: 40px!important;
    background-color: #351e1e;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    margin-right: 1rem;
    color: #dcdcdc;
    border-radius: 8px;
    width: 250px
}

#bugtracker .bug-browse-header .head-right .icon {
    right: 1rem
}

#bugtracker .bug-browse-header .head-right .label {
    height: 50px!important;
    background-color: #634545;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664)
}

#bugtracker .bug-browse-header .head-right .text {
    line-height: 25px;
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right .search {
    height: 50px;
    color: #dcdcdc;
    margin-left: 2rem
}

#bugtracker .bug-browse-header .head-right .dropdown.icon {
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports {
    margin-top: .5rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne,
#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo {
    background-color: #1d1d1d;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: 1px solid transparent!important;
    outline: none!important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne.active,
#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #ffbe4b;
    color: #000
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne.active:hover,
#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo.active:hover {
    border: 1px solid #c9aa71!important;
    color: #fff!important;
    background-color: #c9aa71!important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne:hover,
#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo:hover {
    cursor: pointer;
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    background-color: #1d1d1d!important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #c9aa71;
    color: #000
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: inset 0 0 0 1px transparent
}

#bugtracker .bug-browse-header .head-right .bug-search-container {
    height: 50px
}

#bugtracker .bug-browse-header .head-right .bug-search-container #bug-search {
    height: 23px
}

#bugtracker .bug-browse-header .head-right .bugtracker-create-new {
    height: 50px!important;
    background-color: #c9aa71;
    box-shadow: 0 0 6px #c9aa71;
    margin-right: 1rem;
    color: rgba(0, 0, 0, .7);
    text-shadow: none;
    font-weight: 700;
    width: 150px;
    line-height: 50px;
    text-align: center;
    transition: all .2s ease-in-out
}

#bugtracker .bug-browse-header .head-right .bugtracker-create-new:hover {
    color: #000;
    scale: .95;
    cursor: pointer;
    box-shadow: 0 0 10px #c9aa71
}

#bugtracker .bug-browse-header .head-right .bugtracker-search-text {
    font-size: 11px;
    width: 160px;
    margin-top: 5px;
    color: grey
}

@media(max-width:768px) {
    #bugtracker thead {
        display: none
    }
    #bugtracker .bug-stats {
        display: flex!important;
        overflow-x: scroll!important;
        flex-wrap: nowrap!important
    }
    #bugtracker .bug-stats .stat-card {
        min-width: 270px
    }
    #bugtracker .ticket-id-container,
    #bugtracker .ticket-info-container,
    #bugtracker .ticket-status-container,
    #bugtracker .ticket-update-container {
        display: none
    }
    #bugtracker table {
        padding-left: .5rem;
        padding-right: .5rem
    }
    #bugtracker table .bug-report td {
        padding: 0!important
    }
}

#bugtracker .bug-stats {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 2rem
}

#bugtracker .bug-stats .stat-card.active {
    box-shadow: 0 0 15px #c9aa71
}

#bugtracker .bug-stats .stat-card {
    width: 270px;
    height: 90px;
    background: #5b3535;
    margin-top: 1rem;
    border-radius: 8px;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    cursor: pointer;
    transition: all .35s ease-in-out;
    transform: scale(.95)
}

#bugtracker .bug-stats .stat-card:hover {
    transform: scale(.95)!important
}

#bugtracker .bug-stats .stat-card .stat-icon {
    margin-left: .5rem;
    color: #dcdcdc;
    line-height: 31px
}

#bugtracker .bug-stats .stat-card .stat-number {
    font-size: 26px;
    color: #dcdcdc;
    margin-bottom: .5rem;
    font-weight: 700
}

#bugtracker .bug-stats .stat-card .stat-desc {
    color: #fff
}

#bugtracker .bug-stats .stat-card .stat-time {
    font-size: 20px;
    color: #dcdcdc;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 58px
}

#bugtracker .bug-stats .grad-1,
#bugtracker .bug-stats .grad-2,
#bugtracker .bug-stats .grad-3 {
    background: #ff512f;
    background: -webkit-linear-gradient(90deg, #f09819, #ff512f);
    background: linear-gradient(90deg, #f09819, #ff512f)
}

#bugtracker .bug-stats .grad-4 {
    background: #a73737;
    background: -webkit-linear-gradient(90deg, #7a2828, #a73737);
    background: linear-gradient(90deg, #673535, #362222)
}

#bugtracker .bug-stats .grad-5 {
    background: linear-gradient(90deg, #292a2b, #0c1717)
}

#bugtracker table {
    border-collapse: separate;
    white-space: normal;
    line-height: normal;
    font-weight: 400;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    border-spacing: 2px;
    font-variant: normal;
    position: relative
}

#bugtracker table thead {
    margin-bottom: 1rem
}

#bugtracker table thead tr th {
    padding: 1.5rem 0;
    text-align: center;
    color: #c9aa71
}

#bugtracker table .flex-vertical {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#bugtracker table .transparent-row {
    height: 5px;
    width: 1216px;
    background: transparent
}

#bugtracker table .bug-report.closed {
    opacity: .5;
    filter: saturate(0);
    cursor: default!important
}

#bugtracker table .bug-report.closed:hover {
    box-shadow: 0 0 1px #c9aa71!important;
    cursor: default!important
}

#bugtracker table .bug-report.closed .ticket-first {
    height: auto!important;
    max-height: 88px!important
}

#bugtracker table .bug-report.closed .ticket-first .ticket-rating-container .arrow {
    pointer-events: none!important
}

#bugtracker table .bug-report.personal {
    box-shadow: 0 0 6px #c9aa71;
    border: 1px solid #000;
    box-sizing: inherit
}

#bugtracker table .bug-report {
    width: 1216px;
    background: #0c1717;
    box-shadow: 0 0 6px rgba(0, 0, 0, .664);
    margin-bottom: 1rem;
    padding: 1rem 0;
    transition: all .2s linear;
    padding: 0 1.25rem!important
}

#bugtracker table .bug-report,
#bugtracker table .bug-report td {
    height: 88px!important;
    min-height: 88px!important;
    max-height: 88px!important
}

#bugtracker table .bug-report:hover {
    cursor: pointer;
    border: 1px solid #c9aa71;
    border-color: #c9aa71!important
}

#bugtracker table .bug-report:hover td {
    border-color: #c9aa71!important
}

#bugtracker table .bug-report .ui.segment {
    padding: 0;
    background: transparent
}

#bugtracker table .bug-report .pls {
    width: 19px!important;
    max-width: 19px!important
}

#bugtracker table .bug-report .placeholder-line,
#bugtracker table .bug-report .placeholder-line-b {
    width: 100%;
    height: 12px;
    border-radius: 15px
}

#bugtracker table .bug-report .placeholder-line,
#bugtracker table .bug-report .placeholder-line-b,
#bugtracker table .bug-report .placeholder-orb {
    animation: placeholderShimmer 2s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: hsla(0, 0%, 57.3%, .3);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .08)), color-stop(15%, rgba(0, 0, 0, .15)), color-stop(30%, rgba(0, 0, 0, .08)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .08), rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%)
}

#bugtracker table .bug-report .placeholder-orb {
    box-shadow: 0 0 10px hsla(0, 0%, 57.3%, .6);
    border: 1.5px solid hsla(0, 0%, 57.3%, .6);
    width: 20px;
    height: 20px;
    border-radius: 50%
}

#bugtracker table .bug-report .placeholder-line-b {
    margin-top: 10px
}

#bugtracker table .bug-report td {
    height: 74px;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border-top: 1px solid #564F3F;
    border-bottom: 1px solid #564F3F;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#bugtracker table .bug-report .ticket-orb-status {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    border-radius: 100%;
    display: block;
    margin: auto 1rem
}

#bugtracker table .bug-report .ticket-orb-status.low,
#bugtracker table .bug-report .ticket-orb-status.normal,
#bugtracker table .bug-report .ticket-orb-status.status-0 {
    box-shadow: 0 0 10px #1dff70;
    background-color: #01ca71;
    border: 1.5px solid #2effaa
}

#bugtracker table .bug-report .ticket-orb-status.medium,
#bugtracker table .bug-report .ticket-orb-status.status-1 {
    box-shadow: 0 0 10px #ffe81d;
    background-color: #c0a16c;
    border: 1.5px solid #e6d59c
}

#bugtracker table .bug-report .ticket-orb-status.high,
#bugtracker table .bug-report .ticket-orb-status.status-2 {
    box-shadow: 0 0 10px #ff1d2c;
    background-color: #dc143c;
    border: 1.5px solid #ff587a
}

#bugtracker table .bug-report .ticket-orb-status.critical,
#bugtracker table .bug-report .ticket-orb-status.status-3 {
    box-shadow: 0 0 10px #ff03ab;
    background-color: #ff1db4;
    border: 1.5px solid #ff1db4
}

#bugtracker table .bug-report .ticket-anchor {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 40px
}

#bugtracker table .bug-report .ticket-first {
    display: flex;
    border-left: 1px solid #564F3F;
    padding: 0!important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote.active {
    color: #c9aa71
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote.active {
    color: #78abe6!important;
    filter: drop-shadow(0 0 5px #1db7ff, 171, 230)
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .arrow {
    padding: 0;
    margin: 0 auto;
    color: #585555;
    transition: all .2s ease-in-out;
    text-shadow: none
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .arrow:hover {
    cursor: pointer;
    color: #e6d59c!important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote,
#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote {
    padding: 0;
    margin: 0 auto;
    color: #585555;
    transition: all .2s ease-in-out;
    text-shadow: none;
    font-size: 24px
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote:hover {
    cursor: pointer;
    color: #e6d59c!important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote:hover {
    cursor: pointer;
    color: #78abe6!important;
    filter: drop-shadow(0 0 5px #1db7ff, 171, 230)
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .score {
    color: #dcdcdc!important
}

#bugtracker table .bug-report .ticket-info-container .category {
    color: #c0a16c;
    font-weight: 700
}

#bugtracker table .bug-report .ticket-info-container .zone {
    font-size: 14px;
    color: #dcdcdc!important
}

#bugtracker table .bug-report .ticket-id-container .identifier {
    color: #dcdcdc!important;
    font-weight: 700!important
}

#bugtracker table .bug-report .ticket-subject-container {
    text-align: center;
    padding-left: 1rem;
    width: 350px
}

#bugtracker table .bug-report .ticket-subject-container .subject {
    font-weight: 700;
    color: #c0a16c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
    margin: 0 auto
}

#bugtracker table .bug-report .ticket-subject-container .description {
    font-size: 14px;
    color: #dcdcdc!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
    margin: 0 auto
}

#bugtracker table .bug-report .ticket-priority-container .priority,
#bugtracker table .bug-report .ticket-realm-container .realm {
    color: #dcdcdc!important;
    text-align: left
}

#bugtracker table .bug-report .ticket-priority-container .priority-subcontainer {
    justify-content: left
}

#bugtracker table .bug-report .ticket-status-container .status {
    color: #dcdcdc!important
}

#bugtracker table .bug-report .ticket-update-container {
    border-right: 1px solid #564F3F
}

#bugtracker table .bug-report .ticket-update-container .update {
    color: #dcdcdc!important
}

#bugtracker table .bug-report .ticket-controls-container {
    padding-left: 1rem;
    padding-right: 1rem
}

#bugtracker table .bug-report.self {
    background: #573535
}

#bugtracker #ticket-nav .pagination .page-next .page-link,
#bugtracker #ticket-nav .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#bugtracker #ticket-nav .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#bugtracker #ticket-nav .pagination .page-item,
#bugtracker #ticket-nav .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#bugtracker #ticket-nav .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#bugtracker #ticket-nav .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#bugtracker #ticket-nav .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#bugtracker #ticket-nav .pagination .page-item.active {
    outline: none!important
}

#bugtracker #ticket-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#bugtrackerView .bugtracker-view.d-none {
    display: none!important
}

#bugtrackerView .page-title {
    font-size: 2rem
}

#bugtrackerView .bugtracker-view {
    position: relative;
    top: 2.5rem;
    display: flex!important;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

@media(max-width:768px) {
    #bugtrackerView .bugtracker-view .page-title {
        font-size: 1.1rem
    }
    #bugtrackerView .bugtracker-view .report-scoring {
        display: none
    }
    #bugtrackerView .bugtracker-view .container .left-container .report-info .select-container .mdi {
        display: none!important
    }
}

#bugtrackerView .bugtracker-view .bugtracker-return {
    display: flex;
    margin-bottom: 2rem;
    padding: .5rem;
    width: 90px;
    border-radius: 4px;
    color: #c9aa71;
    margin-left: 1rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    box-shadow: 0 0 10px 1px transparent;
    background-color: #c9aa71;
    box-shadow: 0 0 6px #ffbe4b;
    color: #000;
    transition: all .2s ease-in-out
}

#bugtrackerView .bugtracker-view .bugtracker-return span {
    padding-right: 1rem
}

#bugtrackerView .bugtracker-view .bugtracker-return .mdi {
    margin-right: 1rem;
    color: #000;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#bugtrackerView .bugtracker-view .bugtracker-return:hover {
    color: #fff;
    background-color: #c9aa71;
    box-shadow: 0 0 5px 1px #000;
    cursor: pointer!important
}

#bugtrackerView .bugtracker-view .bugtracker-return:hover .mdi {
    margin-right: 1rem;
    color: #fff
}

#bugtrackerView .bugtracker-view .container {
    width: 100%;
    background: transparent;
    justify-content: space-between;
    margin-bottom: 1rem
}

#bugtrackerView .bugtracker-view .container .report-scoring .report-score {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 5px #000, 0 1px 5px #000!important
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi {
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 20px;
    cursor: pointer;
    text-shadow: 0 0 5px #000, 0 1px 5px #000!important;
    color: #585555
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-up:hover {
    color: #c9aa71
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-up.active {
    color: #c9aa71!important
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-down:hover {
    color: #589bff
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-down.active {
    color: #589bff!important
}

#bugtrackerView .bugtracker-view .container .left-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#bugtrackerView .bugtracker-view .container .left-container .report-header {
    text-align: left
}

#bugtrackerView .bugtracker-view .container .left-container .report-header h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-header span {
    font-size: 12px;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-body,
#bugtrackerView .bugtracker-view .container .left-container .report-footer,
#bugtrackerView .bugtracker-view .container .left-container .report-header {
    height: 64px;
    width: 100%;
    background: #0c1717;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    overflow: hidden;
    overflow-wrap: break-word;
    margin-bottom: 1rem;
    border: 1px solid #564F3F
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-submit {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #ffbe4b;
    color: #000;
    outline: none;
    border: none;
    padding: 1rem;
    border-radius: 5px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-weight: 700;
    text-transform: capitalize
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-submit:hover {
    box-shadow: 0 0 6px #000;
    color: #fff
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-edit {
    outline: none;
    border: none;
    padding: 1rem;
    border-radius: 5px;
    transition: all .25s ease;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #56ccf2;
    background: -webkit-linear-gradient(90deg, #2f80ed, #56ccf2);
    background: linear-gradient(90deg, #2f80ed, #56ccf2);
    box-shadow: 0 0 10px 1px #2f80ed
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-edit.w-48 {
    width: 48%
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-edit:hover {
    box-shadow: 0 0 20px 1px #56ccf2;
    color: #fff!important
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-close {
    outline: none;
    border: none;
    padding: 1rem;
    border-radius: 5px;
    transition: all .25s ease;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #bdc3c7;
    background: -webkit-linear-gradient(90deg, #2c3e50, #bdc3c7);
    background: linear-gradient(90deg, #2c3e50, #bdc3c7)
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-close.w-48 {
    width: 48%
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-close:hover {
    box-shadow: 0 0 20px 1px #bdc3c7;
    color: #fff!important
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-reopen {
    outline: none;
    border: none;
    padding: 1rem;
    border-radius: 5px;
    transition: all .25s ease;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important;
    background: #a73737;
    background: -webkit-linear-gradient(90deg, #7a2828, #a73737);
    background: linear-gradient(90deg, #7a2828, #a73737);
    box-shadow: 0 0 10px 1px #400606
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-reopen.w-48 {
    width: 48%
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-reopen:hover {
    box-shadow: 0 0 10px 1px #a73737;
    color: #fff!important
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-notice {
    padding: 2rem;
    width: 100%;
    border: 1px solid #87ddeb;
    background-color: rgba(0, 124, 255, .09)
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-notice span {
    color: #fff;
    font-weight: 700;
    line-height: 24px
}

#bugtrackerView .bugtracker-view .container .left-container .report-info {
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .mdi {
    color: #c9aa71!important
}

#bugtrackerView .bugtracker-view .container .left-container .report-info h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-info span {
    font-size: 12px;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container {
    padding: 1rem;
    width: 32%;
    max-width: 32%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    background: #0c1717;
    border-radius: 8px;
    border: 1px solid #564F3F
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container.w-32 {
    width: 32%;
    max-width: 32%
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container.w-49 {
    width: 49%;
    max-width: 49%
}

#bugtrackerView .bugtracker-view .container .left-container .report-body {
    height: 412px!important;
    padding: 1rem;
    text-align: left;
    overflow: hidden;
    overflow-wrap: break-word;
    overflow-y: scroll!important
}

#bugtrackerView .bugtracker-view .container .left-container .report-body h5 {
    color: #c9aa71;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-body span {
    font-size: 12px;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer {
    border: 5px dotted hsla(0, 0%, 86.3%, .664);
    padding: 1rem;
    display: flex
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer .attached-image {
    width: 64px;
    height: 100%;
    background-color: #000;
    border-radius: 5px;
    margin-right: 1rem;
    border: 1px solid #c9aa71;
    transition: all .2s ease-in-out
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer .attached-image:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    scale: .95;
    opacity: .5;
    cursor: pointer
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments {
    text-align: left
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #f0e6d2;
    text-shadow: 0 0 1px transparent, 0 1px 2px #000
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments hr {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid hsla(0, 0%, 86.3%, .377)
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .closed-notice {
    border: 1px solid grey;
    border-radius: 4px;
    margin: 16px;
    text-align: center
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .closed-notice span {
    margin: .5rem 1rem;
    color: grey
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-create {
    width: 100%;
    min-height: 200px
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-create:focus {
    background-color: transparent!important;
    color: #dcdcdc!important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-submit {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .15)!important;
    min-height: 39px;
    max-width: 200px;
    margin-left: auto;
    margin-right: 0;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-submit:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item {
    border: 1px solid #564F3F;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    background: #0c1717;
    border-radius: 8px;
    padding: 1rem;
    min-height: 64px;
    margin-bottom: 1rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.pinned {
    border-color: #c9aa71!important;
    box-shadow: 0 0 6px #c9aa71
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff {
    border-color: #2f80ed!important;
    box-shadow: 0 0 10px 1px #2f80ed!important;
    position: relative
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff .comment-author {
    color: #2f80ed!important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff:after {
    position: absolute;
    content: "STAFF";
    background-color: #2c3e50;
    color: #2f80ed;
    font-weight: 700;
    border-radius: 5px;
    padding: 5px 10px;
    right: .75rem;
    top: .75rem;
    text-shadow: 0 0 3px #000
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item span {
    font-size: 12px;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring {
    margin-right: 1rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .comment-score {
    color: grey;
    font-weight: 700;
    text-align: center
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content {
    margin-top: .2rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-edit-text {
    border: 1px solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    margin-bottom: .5rem 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-text p {
    margin: .25rem 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-date {
    color: grey;
    margin-left: .5rem;
    font-size: 12px;
    line-height: 19.2px
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .mod-actions span {
    cursor: pointer;
    color: grey;
    margin-right: .5rem;
    font-size: 12px;
    line-height: 19.2px;
    margin-top: .2rem;
    text-decoration: underline;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .mod-actions span:hover {
    color: #c9aa71
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi {
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 18px
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-up:hover {
    color: #c9aa71;
    cursor: pointer
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-up.active {
    color: #c9aa71!important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-down.active,
#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-down:hover {
    color: #589bff!important;
    cursor: pointer
}

.bugtrackerCreate input {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    padding: .5rem 1rem
}

.bugtrackerCreate select {
    -webkit-appearance: menulist!important;
    height: 100%;
    width: 100%;
    border-radius: 5px
}

.bugtrackerCreate textarea {
    border: 1px solid #444951;
    background: transparent!important;
    color: #979a9f!important;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    padding: 1rem;
    min-height: 100%;
    resize: none
}

.page-wrapper-referrals {
    padding-top: 4rem!important
}

.page-wrapper-referrals #page-img-container {
    display: none!important
}

.page-wrapper-referrals .animate__delay-500ms {
    animation-delay: 500
}

.page-wrapper-referrals .animate__delay-1s {
    animation-delay: 1000
}

.page-wrapper-referrals #intro {
    width: 100vw;
    height: 700px;
    background-image: url(https://dummyimage.com/1920x700/bababa/ffffff);
    background-size: cover;
    background-position: 50%;
    padding-top: 3rem;
    position: relative
}

.page-wrapper-referrals #intro:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(0, 0, 0, .22)
}

.page-wrapper-referrals #intro:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    content: "";
    z-index: 1;
    background: linear-gradient(rgba(39, 33, 28, 0), #26211d)
}

.page-wrapper-referrals #intro .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    position: relative
}

.page-wrapper-referrals #intro .container h1 {
    font-size: 2.5rem!important;
    line-height: 52px;
    font-weight: 700;
    margin: 20px 0;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #intro .container h5 {
    width: 500px;
    font-weight: lighter;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 2px 5px rgba(0, 0, 0, .5)
}

.page-wrapper-referrals #intro .container .step-item {
    width: 300px;
    position: relative
}

.page-wrapper-referrals #intro .container .step-item:first-child {
    z-index: 3
}

.page-wrapper-referrals #intro .container .step-item:nth-child(2) {
    z-index: 2
}

.page-wrapper-referrals #intro .container .step-item:nth-child(3) {
    z-index: 1
}

.page-wrapper-referrals #intro .container .step-item:first-child:after,
.page-wrapper-referrals #intro .container .step-item:nth-child(2):after {
    position: absolute;
    content: "➝";
    color: #c9aa71!important;
    font-weight: 700;
    font-size: 32px;
    top: 37%;
    right: -3.5rem;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #intro .container .step-item img {
    box-shadow: 0 0 1px transparent, 0 5px 8px rgba(0, 0, 0, .8);
    display: block;
    user-select: none
}

.page-wrapper-referrals #intro .container .step-item .step-text {
    padding-top: 1rem;
    display: inline-block;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 700;
    display: block;
    text-align: center
}

.page-wrapper-referrals .btn.primary-btn {
    color: #000!important;
    background-color: #c9aa71;
    border: 1px solid transparent!important;
    outline: none;
    box-shadow: none;
    text-shadow: none!important;
    padding: .5rem 1.5rem;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, .4)!important;
    font-size: 1.15rem
}

.page-wrapper-referrals .btn.primary-btn:hover {
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    background-color: transparent!important;
    box-shadow: none!important
}

.page-wrapper-referrals #info {
    width: 100vw;
    height: 500px;
    background: url(/static/images/45f81e32d55a1534cfb4987f6422c698.png) no-repeat;
    background-size: 105% 105%;
    background-position: 50%
}

.page-wrapper-referrals #info .container {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.page-wrapper-referrals #info .container .veteran-container {
    width: 550px
}

.page-wrapper-referrals #info .container .veteran-container .top span {
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 700;
    color: #c9aa71;
    font-size: 2rem;
    text-transform: uppercase;
    margin-left: -2px
}

.page-wrapper-referrals #info .container .veteran-container .top p {
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    color: #dcdcdc
}

.page-wrapper-referrals #info .container .veteran-container .bottom .extra-title {
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    text-transform: uppercase
}

.page-wrapper-referrals #info .container .veteran-container .bottom .extra-text {
    color: #dcdcdc;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #info .container img {
    box-shadow: 0 0 1px transparent, 0 5px 8px rgba(0, 0, 0, .8);
    display: block;
    user-select: none
}

.page-wrapper-referrals #follow {
    position: relative;
    width: 100vw;
    height: 800px;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    border-top: .5px solid #555
}

.page-wrapper-referrals #follow:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .22)
}

.page-wrapper-referrals #follow .container {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    z-index: 1
}

.page-wrapper-referrals #follow .container h1 {
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 700
}

.page-wrapper-referrals #follow .container .faq-group {
    z-index: 2
}

.page-wrapper-referrals #follow .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: 1px solid #c9aa71
}

.page-wrapper-referrals #follow .container .faq-group .faq-list {
    padding-left: 1rem
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: 1px solid hsla(0, 0%, 50.2%, .5)
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

.pending .discount-dropdown {
    background-color: #0c1717!important;
    color: #f0c87d!important;
    text-shadow: #595757 0 0 2px
}

.pending .discount-text {
    line-height: 40px;
    font-weight: 700;
    color: #f0c87d;
    text-shadow: #595757 0 0 2px;
    position: relative;
    text-shadow: 0 0 5px #ff5400
}

.pending .discount-clarification {
    color: #dcdcdc;
    line-height: 40px;
    font-weight: 700;
    text-shadow: 0 0 5px #000
}

.pending .discount-color {
    color: #f0c87d;
    text-shadow: #595757 0 0 2px
}

@media(max-width:768px) {
    #infographic .container {
        margin-bottom: 0
    }
    #infographic .container .card-header h3 {
        font-size: 17px!important
    }
    #infographic .container .card-body {
        padding: 20px!important
    }
    #infographic .container .card-body .table {
        margin-bottom: 0!important
    }
    #infographic .container .card-body .table thead tr .category {
        display: none
    }
    #infographic .container .card-body .table tbody tr td,
    #infographic .container .card-body .table thead th {
        font-size: 12px
    }
    #infographic .container .card-body .table tbody tr td:nth-of-type(1n) {
        border-left: 1px solid #34383d!important
    }
    #infographic .container .card-body .table tbody .category {
        vertical-align: middle;
        text-align: center;
        font-weight: 700;
        color: #000!important;
        background-color: #c9aa71;
        display: none!important
    }
}

#infographic .container table.table {
    background-color: #0c1717
}

#infographic .container .ucp-card {
    margin-bottom: 30px
}

#infographic .container .ucp-card .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#infographic .container .ucp-card .card-header {
    padding: 30px 40px;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#infographic .container .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff!important;
    cursor: pointer
}

#infographic .container .ucp-card .card-header .link-container i {
    margin-left: 5px;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 13px
}

#infographic .container .ucp-card .card-header:hover {
    background-color: #262626
}

#infographic .container .ucp-card .card-header h3 {
    font-size: 20px!important
}

#infographic .container .ucp-card .card-header h3,
#infographic .container .ucp-card .card-header h5 {
    margin: 0!important;
    padding: 0!important
}

#infographic .container .ucp-card .card-body {
    padding: 40px;
    justify-content: center!important
}

#infographic .container .ucp-card .card-body .info-card .info-label {
    color: #c9aa71!important;
    font-weight: 700
}

#infographic .container .ucp-card .card-body .info-card .info-value {
    border: none!important;
    color: #fff!important;
    font-size: 18px;
    padding-left: 0!important
}

#infographic .container .ucp-card .card-body .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#infographic .container .ucp-card .card-body .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#infographic .container .ucp-card .card-body .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#infographic .container .ucp-card .card-body .table {
    width: 100%
}

#infographic .container .ucp-card .card-body .table tbody .category {
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    color: #000!important;
    background-color: #c9aa71
}

#infographic .container .ucp-card .card-body .table thead tr {
    text-align: center;
    border-top: none!important
}

#infographic .container .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 1px solid #34383d!important;
    padding-top: 0
}

#infographic .container .ucp-card .card-body .table tbody tr {
    text-align: center
}

#infographic .container .ucp-card .card-body .table tbody tr td {
    color: hsla(0, 0%, 100%, .5)!important;
    border-bottom: 1px solid #34383d!important;
    border-top: none!important;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px
}

#infographic .container .ucp-card .card-body .table tbody tr td a {
    text-decoration: underline!important
}

#infographic .container .ucp-card .card-body .table tbody tr td:nth-of-type(3n) {
    border-left: 1px solid #34383d!important;
    border-right: 1px solid #34383d!important
}

#infographic .container .ucp-card .card-body .table tbody tr td:nth-of-type(4n) {
    border-right: 1px solid #34383d!important
}

#bosses .container table.table {
    background-color: #0c1717
}

#bosses .container .realm-switch .btnOne,
#bosses .container .realm-switch .btnThree,
#bosses .container .realm-switch .btnTwo {
    background-color: #1d1d1d;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .664);
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: 1px solid transparent!important;
    outline: none!important
}

#bosses .container .realm-switch .btnOne.active,
#bosses .container .realm-switch .btnThree.active,
#bosses .container .realm-switch .btnTwo.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #ffbe4b;
    color: #000
}

#bosses .container .realm-switch .btnOne.active:hover,
#bosses .container .realm-switch .btnThree.active:hover,
#bosses .container .realm-switch .btnTwo.active:hover {
    border: 1px solid #c9aa71!important;
    color: #fff!important;
    background-color: #c9aa71!important
}

#bosses .container .realm-switch .btnOne:hover,
#bosses .container .realm-switch .btnThree:hover,
#bosses .container .realm-switch .btnTwo:hover {
    cursor: pointer;
    border: 1px solid #c9aa71!important;
    color: #c9aa71!important;
    background-color: #1d1d1d!important
}

@media(max-width:768px) {
    #bosses .container .realm-switch .btnOne,
    #bosses .container .realm-switch .btnThree,
    #bosses .container .realm-switch .btnTwo {
        font-size: 14px!important;
        padding: 0 5px!important;
        margin-top: 1rem
    }
    #srotimes-live{
        height:300px !important;
    }
}


#bosses .container .realm-switch .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#bosses .container .realm-switch .btnThree {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#bosses .container .realm-switch .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 6px #c9aa71;
    color: #000
}

#bosses .container .realm-switch .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: inset 0 0 0 1px transparent
}

#bosses .container .ucp-card {
    margin-bottom: 30px
}

#bosses .container .ucp-card .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#bosses .container .ucp-card .card-header {
    padding: 30px 40px;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#bosses .container .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff!important;
    cursor: pointer
}

#bosses .container .ucp-card .card-header .link-container i {
    margin-left: 5px;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 13px
}

#bosses .container .ucp-card .card-header:hover {
    background-color: #262626
}

#bosses .container .ucp-card .card-header h3 {
    font-size: 20px!important
}

#bosses .container .ucp-card .card-header h3,
#bosses .container .ucp-card .card-header h5 {
    margin: 0!important;
    padding: 0!important;
    line-height: 37px
}

@media(max-width:768px) {
    #bosses .container .ucp-card .card-header {
        padding: 30px 5px!important
    }
    #bosses .container .ucp-card .card-header h3 {
        font-size: 16px!important
    }
}

#bosses .container .ucp-card .card-body {
    padding: 40px;
    justify-content: center!important
}

#bosses .container .ucp-card .card-body .table {
    width: 100%
}

#bosses .container .ucp-card .card-body .table tbody .category {
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    color: #000!important;
    background-color: #282828
}

#bosses .container .ucp-card .card-body .table thead tr {
    text-align: center;
    border-top: none!important
}

#bosses .container .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 1px solid #34383d!important;
    padding-top: 0
}

@media(max-width:768px) {
    #bosses .container .ucp-card .card-body .table thead tr th {
        font-size: 12px!important
    }
}

#bosses .container .ucp-card .card-body .table tbody tr {
    text-align: center
}

#bosses .container .ucp-card .card-body .table tbody tr td {
    color: hsla(0, 0%, 100%, .5)!important;
    border-bottom: 1px solid #34383d!important;
    border-top: none!important;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(1n) {
    width: 10%
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(3n) {
    border-left: 1px solid #34383d!important;
    border-right: 1px solid #34383d!important
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(4n) {
    border-right: 1px solid #34383d!important
}

#bosses .container .ucp-card .card-body .table tbody tr td .boss-container .boss-img {
    border-radius: 10px;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important
}

#bosses .container .ucp-card .card-body .table tbody tr td .boss-container span {
    margin-top: 5px;
    text-shadow: 0 0 3px #000, 0 0 5px #000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize
}

@media(max-width:768px) {
    #bosses .container .ucp-card .card-body .table tbody tr td .boss-container .boss-img {
        height: 50px!important;
        width: 50px!important
    }
    #bosses .container .ucp-card .card-body .table tbody tr td .boss-container span {
        font-size: 14px
    }
    #bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-title {
        font-size: 12px
    }
    #bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-remaining {
        font-size: 14px!important
    }
}

#bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-title {
    font-weight: 700;
    color: #dcdcdc;
    padding: 5px 0;
    text-shadow: 0 0 3px #000, 0 0 5px #000
}

#bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-remaining {
    text-shadow: 0 0 3px #000, 0 0 5px #000;
    font-weight: 700;
    font-size: 22px
}

#bosses .container .ucp-card .card-body .table tbody tr td a {
    text-decoration: underline!important
}

@font-face {
    font-family: Friz Quadrata;
    src: url(/static/webfonts/345bbbc442d49d39c0ec1a6e978fce31.ttf);
    font-weight: 700;
    font-style: italic, oblique
}

@font-face {
    font-family: Friz Quadrata;
    src: url(/static/webfonts/4181db388e8e6726d3e7440f5b7530ef.ttf);
    font-style: italic, oblique
}

@font-face {
    font-family: Friz Quadrata;
    src: url(/static/webfonts/98f79a0f7d51efd693597c75c95c8bdc.ttf);
    font-weight: 700
}

@font-face {
    font-family: Friz Quadrata;
    src: url(/static/webfonts/5c5e3242d4318bc2c5ad8ffde7cec1f1.ttf)
}

@font-face {
    font-family: Beaufort;
    src: url(/static/webfonts/5b35eec99a6c8c1e9645bd3150174dd0.ttf);
    font-style: italic, oblique
}

@font-face {
    font-family: Beaufort;
    src: url(/static/webfonts/ece360d70a1fce48c6789cd56e985307.ttf);
    font-weight: 700
}

@font-face {
    font-family: Beaufort;
    src: url(/static/webfonts/d539f4aedb190325d4577460ee7f41ca.ttf)
}

@font-face {
    font-family: Em;
    src: url(/static/webfonts/f408560360134e54d92ff8e1a5f0f65d.ttf);
    font-style: bold italic
}

@font-face {
    font-family: Em;
    src: url(/static/webfonts/a2644115bdbc1d3f690efaa7b0aee358.ttf);
    font-style: italic, oblique
}

@font-face {
    font-family: Em;
    src: url(/static/webfonts/5a7708ec2ca9af48890d608925645ddc.ttf);
    font-weight: 700
}

@font-face {
    font-family: Em;
    src: url(/static/webfonts/de057627192b44b1aa44f34e02cd3463.ttf)
}

footer {
    position: relative;
    bottom: 0;
    z-index: 97
}

@media(max-width:576px) {
    footer {
        padding-bottom: 0!important
    }
}

footer .footer-social {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    border-top: 2px solid #262626;
    width: 100vw!important;
    min-width: 100vw!important;
    background-color: #0c1717
}

@media(max-width:576px) {
    footer .footer-social {
        padding: 1rem 0!important
    }
    footer .footer-social .social-button {
        height: 40px!important;
        width: 40px!important
    }
    footer .footer-social .social-button div img {
        height: 20px!important;
        width: 20px!important;
        user-select: none
    }
}

footer .footer-social .social-button {
    height: 74px;
    width: 74px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 2px #dcdcdc;
    border-radius: 50%;
    margin: 0 1rem;
    flex-direction: column;
    user-select: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

footer .footer-social .social-button:hover {
    border: 1px solid #c9aa71;
    box-shadow: 0 0 2px #c9aa71
}

footer .footer-social .social-button:hover div img {
    user-select: none;
    filter: invert(100%) sepia() saturate(800%) hue-rotate(-4deg)
}

footer .footer-social .social-button div img {
    user-select: none;
    filter: invert(100%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

footer .footer-main {
    background-color:#0c1717;
    border-top: 2px solid #262626;
    width: 100vw!important;
    min-width: 100vw!important;
    height: 150px!important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(max-width:767px) {
    footer .footer-main {
        height: 250px!important;
        padding: 0 1rem
    }
    footer .footer-main .footer-content {
        justify-content: center
    }
    footer .footer-main .footer-content .footer-text {
        margin-left: 1rem;
        font-size: 1rem;
        color: #8c8c8c
    }
    footer .footer-main .footer-content .footer-text hr {
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }
    footer .footer-main .footer-content .footer-text .link-list {
        display: flex;
        flex-direction: column;
        height: auto
    }
    footer .footer-main .footer-content .footer-text a {
        margin: 0;
        padding: 0;
        line-height: 2rem!important;
        font-size: 1rem;
        color: red!important;
        display: block
    }
}

footer .footer-main .footer-content {
    justify-content: center
}

footer .footer-main .footer-content .footer-text {
    margin-left: 1rem;
    font-size: 1rem;
    color: #8c8c8c
}

footer .footer-main .footer-content .footer-text hr {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

footer .footer-main .footer-content .footer-text a {
    margin: 0;
    padding: 0;
    line-height: 1rem;
    font-size: 1rem;
    color: #c9aa71!important
}

footer .container {
    margin-bottom: 0!important
}

@media(max-width:1000px) {
    #footer_logo {
        display: none
    }
    footer .container .footer-content .footer-text {
        text-align: center;
        margin-left: 0!important
    }
}

body {
    height: 100%
}

@media(min-width:1000px) {
    body {
        overflow: initial!important
    }
}

.fa,
.far,
.fas {
    font-family: Font Awesome\ 5 Pro!important
}

body,
html {
    position: relative!important;
    overflow-x: hidden!important
}

.select-none {
    user-select: none!important
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    outline: none!important;
    box-shadow: none!important
}

.btn-recovery {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

.btn-recovery:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

.recovery-modal-code {
    padding: 1rem;
    background: #000;
    border: 1px solid grey;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff!important;
    font-weight: 700;
    font-size: 26px;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.recovery-modal-code:hover:after {
    pointer-events: none!important;
    z-index: -1;
    opacity: 0
}

.recovery-modal-code:after {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: block;
    content: "Hover to show code";
    background-color: #1e1d1d;
    line-height: 60px;
    font-size: 16px;
    cursor: pointer
}

.desaturate {
    filter: saturate(0)
}

.dynamic-cart {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    opacity: .75;
    box-shadow: 0 0 5px 1px #c9aa71!important;
    border: 1px solid #c9aa71;
    background-color: #131415;
    z-index: 98;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.dynamic-cart:hover {
    opacity: 1
}

.dynamic-cart i {
    color: #c9aa71!important;
    filter: drop-shadow(0 0 5px 1px #C9AA71 !important);
    font-size: 1.8rem;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.dynamic-cart:hover {
    box-shadow: 0 0 5px 1px #fff!important;
    border: 1px solid #fff
}

.dynamic-cart:hover i {
    color: #fff!important
}

.dynamic-cart:after {
    content: attr(data-quantity);
    font-size: 16px;
    background: #dc143c;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 30px;
    position: absolute;
    top: -1rem;
    right: -.5rem;
    display: block;
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

.height-500 {
    min-height: 500px!important;
    height: auto!important
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -200px;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.ucp-side-dimmer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

.ucp-side-dimmer.active {
    background: rgba(0, 0, 0, .634);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

a {
    text-decoration: none!important
}

.btn:active,
.btn:focus {
    outline: none!important;
    box-shadow: none
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent!important
}

.btn.btn-default,
span.btn-default {
    color: #c9aa71;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-color: #fff;
    border: 1px solid #564F3F!important
}

.btn {
    height: auto!important
}

.btn-outline-primary {
    color: #c9aa71!important;
    border: 1px solid #c9aa71;
    border-color: #c9aa71!important
}

.btn-outline-primary:hover {
    color: #000!important
}

.swal2-modal {
    width: 478px;
    opacity: 1;
    pointer-events: none;
    background-color: #121212!important;
    text-align: center;
    border-radius: 5px;
    position: static;
    margin: 20px auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}

.swal2-icon--success:after,
.swal2-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background-color: #121212!important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    background-color: #121212!important;
    padding: 1px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon--success__line {
    height: 5px;
    background-color: #73d23d!important;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.swal2-icon.swal2-info {
    border-color: #c9aa71!important;
    color: #c9aa71!important
}

.swal2-title {
    color: #c9aa71!important;
    font-weight: 600;
    text-transform: none;
    display: block;
    padding: 13px 16px;
    font-size: 27px;
    text-align: center;
    margin-bottom: 0
}

.swal2-text,
.swal2-title {
    position: relative;
    line-height: normal
}

.swal2-text {
    font-size: 16px;
    float: none;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: #ffe4c7!important;
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box
}

.swal2-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid #73d23d!important;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal2-styled {
    background-color: #c9aa71!important;
    color: #000!important;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
    box-shadow: 0 0 20px 1px #625030!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.swal2-styled:hover {
    box-shadow: 0 0 20px 1px #c9aa71!important
}

body {
    overflow-x: hidden!important;
    color: #fff
}

#page-loader {
    padding-top: 70px;
    position: absolute;
    z-index: 99;
    background-color: #1d1d1d
}

/* #page-wrapper {
    position: relative;
    min-height: 150vh
} */

#page-wrapper #content-wrapper {
    min-height: 100vh !important;
   
}

@media(max-width:576px) {
    #page-wrapper #content-wrapper {
        padding-top: 5rem!important
    }
}

#page-wrapper #content-wrapper-home {
    min-height: 110vh;
    padding-top: 0
}

.ucp .content-wrapper {
    border-top: 1px solid #776f5d
}

.vertical-center {
    min-height: 55vh!important;
    display: flex;
    align-items: center
}

.footer {
    height: auto
}

.footer .container {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.maincontainer {
    height: 100%
}



#page-img-container #page_background {
    position: absolute;
    pointer-events: none!important;
    top: 0;
    
}

#page-full-img-container {
    width: 100vw;
    display: flex
}

#page-full-img-container #page_background-full {
    position: absolute;
    top: 0;
    width: 100%
}

.page-title {
    color: #f0e6d2;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    text-shadow: 0 0 5px #000, 0 1px 5px #000!important
}

.page-title h2 {
    color: #c8aa6e;
    text-transform: uppercase
}

.swal2-container .swal2-modal .swal2-actions button {
    width: 100%
}

.swal2-container .swal2-modal .swal2-footer .swal2-button-container,
.swal2-container .swal2-modal .swal2-footer .swal2-button-container .swal2-button {
    width: 100%!important
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent!important
}

.asc-button {
    background-color: #c9aa71;
    border-radius: 5px;
    color: #000!important;
    border: none!important;
    box-shadow: 0 0 5px 1px #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.asc-button:hover {
    box-shadow: 0 0 5px 1px #c9aa71;
    color: #000!important
}

.asc-hover {
    cursor: pointer
}

.asc-default-hover {
    box-shadow: inset 0 0 1px 0 #c9aa71, 0 0 1px 0 #c9aa71!important;
    transition: box-shadow .3s ease-in-out!important;
    transition: transform .3s ease-in-out!important;
    -moz-box-shadow: 0 0 20px transparent!important;
    -webkit-box-shadow: 0 0 20px transparent!important;
    box-shadow: 0 0 20px transparent!important;
    position: relative!important
}

.asc-default-hover:hover {
    cursor: pointer;
    -moz-box-shadow: 0 0 30px #c9aa71!important;
    -webkit-box-shadow: 0 0 30px #c9aa71!important;
    box-shadow: 0 0 30px #c9aa71!important;
    transform: scale(1.05)!important;
    z-index: 999!important
}

.hidden,
.none {
    visibility: hidden
}

.hidden {
    opacity: 0
}

.error-text {
    color: #a22605;
    font-size: 18px!important;
    font-weight: 700;
    font-family: sans-serif;
    position: relative;
    bottom: 1rem
}

.destroy {
    display: none
}

.dropdown-menu .show {
    z-index: 9999
}

@media(max-width:576px) {
    .d-sm-down-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .text-sm-down-center {
        text-align: center!important
    }
    .justify-content-sm-center {
        justify-content: center
    }
    .nav-panel-realms {
        margin-bottom: 1rem
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }
}

@media(max-width:1024px) {
    .d-md-down-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media(max-width:1199px) {
    .d-lg-down-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media(min-width:1200px) {
    .d-xl-down-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media(max-width:575px) {
    .hidden-lg-down,
    .hidden-md-down,
    .hidden-sm-down,
    .hidden-unless-lg,
    .hidden-unless-md,
    .hidden-unless-sm,
    .hidden-unless-xl,
    .hidden-xl-down,
    .hidden-xs-down,
    .hidden-xs-up {
        display: none!important
    }
}

@media(min-width:576px)and (max-width:767px) {
    .hidden-lg-down,
    .hidden-md-down,
    .hidden-sm-down,
    .hidden-sm-up,
    .hidden-unless-lg,
    .hidden-unless-md,
    .hidden-unless-xl,
    .hidden-unless-xs,
    .hidden-xl-down,
    .hidden-xs-up {
        display: none!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .hidden-lg-down,
    .hidden-md-down,
    .hidden-md-up,
    .hidden-sm-up,
    .hidden-unless-lg,
    .hidden-unless-sm,
    .hidden-unless-xl,
    .hidden-unless-xs,
    .hidden-xl-down,
    .hidden-xs-up {
        display: none!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .hidden-lg-down,
    .hidden-lg-up,
    .hidden-md-up,
    .hidden-sm-up,
    .hidden-unless-md,
    .hidden-unless-sm,
    .hidden-unless-xl,
    .hidden-unless-xs,
    .hidden-xl-down,
    .hidden-xs-up {
        display: none!important
    }
}

@media(min-width:1200px) {
    .hidden-lg-up,
    .hidden-md-up,
    .hidden-sm-up,
    .hidden-unless-lg,
    .hidden-unless-md,
    .hidden-unless-sm,
    .hidden-unless-xs,
    .hidden-xl-down,
    .hidden-xl-up,
    .hidden-xs-up {
        display: none!important
    }
    .mb-sm-4 {
        margin-bottom: 0!important
    }
}

@media(max-width:568px) {
    #faqboard {
        padding-left: 25px!important;
        padding-right: 25px!important
    }
    #faqboard .searchinputrow {
        width: 85%
    }
}

.effect-glare {
    overflow: hidden!important
}

.effect-glare:hover {
    box-shadow: 0 7px 15px 4px rgba(0, 0, 0, .3)!important;
    transform: perspective(1000px) rotateX(8deg) scale(1.1)!important;
    z-index: 10!important
}

.effect-glare:hover:after {
    transform: rotate(24deg) translateY(8%)!important;
    opacity: .6!important
}

.multiselect__spinner:before {
    animation: a 2.4s cubic-bezier(.41, .26, .2, .62)
}

.multiselect__spinner:after {
    animation: a 2.4s cubic-bezier(.51, .09, .21, .8)
}

.multiselect {
    color: #c9aa71!important
}

.multiselect--disabled {
    background: #262626
}

.multiselect--active {
    z-index: 3
}

.multiselect__input:-ms-input-placeholder {
    color: #c9aa71!important
}

.multiselect__input::placeholder {
    color: #c9aa71!important
}

.multiselect__content-wrapper {
    background: #564F3F!important;
    border: 1px solid #262626!important;
    z-index: 3
}

.multiselect__option--highlight {
    background: #262626
}

.multiselect__option--selected {
    background: #262626;
    color: #c9aa71!important
}

.multiselect__option--selected:after {
    color: #fff!important
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
    background: #0c1717
}

.multiselect__option--disabled {
    background: #262626!important;
    opacity: .5
}

.multiselect__option--group {
    background: pink;
    color: #c9aa71!important
}

.multiselect__option--group.multiselect__option--highlight,
.multiselect__option--group.multiselect__option--highlight:after {
    background: #c9aa71!important
}

.custom__tag {
    display: inline-block;
    padding: 3px 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
    cursor: pointer
}

.custom__tag,
.custom__tag:nth-child(2n) {
    background: #262626
}

.custom__tag:hover {
    background: #564F3F
}

.custom__remove {
    padding: 0;
    font-size: 10px;
    margin-left: 5px
}

.multiselect__clear {
    position: absolute;
    right: 41px;
    height: 40px;
    width: 40px;
    display: block;
    cursor: pointer;
    z-index: 2
}

.multiselect__clear:after,
.multiselect__clear:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 16px;
    background: #aaa;
    top: 12px;
    right: 4px
}

.multiselect__clear:before {
    transform: rotate(45deg)
}

.multiselect__clear:after {
    transform: rotate(-45deg)
}

.option__image {
    max-height: 80px;
    margin-right: 10px
}

.option__desc,
.option__image {
    display: inline-block;
    vertical-align: middle
}

.multiselect__option--group {
    background: #c9aa71!important;
    color: #000!important;
    font-weight: 700!important
}

.multiselect__option--selected {
    background: #262626!important;
    color: #fff!important
}

.multiselect__option {
    border-top: 1px solid #0c1717!important
}

.multiselect__option:not(.multiselect__option--group) {
    padding-left: 2rem
}

.multiselect__tags {
    border: 1px solid #564F3F!important;
    background: #0c1717!important
}

.multiselect__input {
    margin-top: 1rem
}

.multiselect__single {
    background: transparent!important
}

.typo__label {
    color: #dcdcdc!important
}

.multiselect__tags {
    user-select: none!important
}

.multiselect__content-wrapper {
    background-color: #564F3F!important;
    padding-top: 1rem;
    border: 1px solid grey!important;
    border-top: 2px solid grey!important
}

.multiselect__tag {
    background: #c9aa71!important;
    color: #000!important
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background: wheat!important
}

.multiselect__tag-icon:after {
    content: "×";
    color: #000!important
}

@media only screen and (max-width:1471px)and (min-width:1421px) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 120px!important;
        width: 120px!important
    }
}

@media only screen and (max-width:1420px)and (min-width:1364px) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 100px!important;
        width: 100px!important
    }
}

@media only screen and (max-width:1360px) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        height: 16.88px!important;
        width: 30px!important
    }
}

@media only screen and (max-width:1363px)and (min-width:1314px) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 100px!important;
        width: 100px!important
    }
}

@media only screen and (max-width:1298px)and (min-width:1168px) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none!important
    }
}

@media only screen and (max-width:1010px)and (min-width:750px) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none!important
    }
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 140px!important;
        width: 140px!important
    }
}

@media only screen and (max-width:500px) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none!important
    }
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 120px!important;
        width: 120px!important
    }
}

#ucpboard .disabled {
    pointer-events: none!important
}

#ucpboard .container {
    padding: 0 14px
}

#ucpboard .d-none-ucp,
#ucpboard .none {
    display: none
}

#ucpboard .card-body hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 0;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    width: 92%
}

#ucpboard .btn-disabled {
    box-shadow: none!important;
    border: 1px solid #564F3F!important;
    pointer-events: none!important;
    opacity: .5!important
}

#ucpboard .icon-button {
    padding: 2px;
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer
}

#ucpboard .icon-button:hover {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #222
}

#ucpboard .bs-tooltip-auto[x-placement^=top],
#ucpboard .bs-tooltip-top {
    padding-left: 5px!important;
    padding-right: 5px!important;
    background-color: #564F3F!important
}

#ucpboard #ucp-container .modal-character-transfer .form-check-input {
    visibility: hidden;
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label {
    margin-top: 10px;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 4px;
    background: #171616;
    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;
    position: relative;
    color: #fff;
    border: 1px solid #1e1917;
    margin-left: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    cursor: pointer
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label.checked {
    border-color: #c9aa71;
    color: #c9aa71
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label.checked:after {
    content: "Selected";
    position: absolute;
    right: 1rem;
    padding: .15rem .45rem;
    border-radius: 4px;
    border: 1px solid #c9aa71;
    background-color: #c9aa71;
    color: #000;
    font-size: 12px
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container {
    height: 48px;
    position: relative
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container #twofa {
    height: 48px;
    padding: 0 1rem
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container:after {
    content: "Required";
    position: absolute;
    left: -.5rem;
    top: -1.25rem;
    padding: .15rem .45rem;
    border-radius: 4px;
    color: #dc143c;
    font-size: 12px
}

#ucpboard #discount-type-donation,
#ucpboard #discount-type-store {
    user-select: none
}

#ucpboard .discount-tag {
    position: relative;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #000;
    line-height: 1;
    background: #c9aa71;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

#ucpboard .cdc-btn {
    color: #c9aa71!important;
    border: 1px solid #c9aa71!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .cdc-btn:hover {
    color: #fff!important;
    border-color: #fff!important;
    background-color: transparent!important
}

#ucpboard .discount-tag.success,
#ucpboard .discount-tag.tag-start {
    background: #358647;
    color: #fff!important
}

#ucpboard .discount-tag.danger,
#ucpboard .discount-tag.tag-end {
    background: #a42a42;
    color: #fff!important
}

#ucpboard .discount-tag.warning {
    background: #ff4500!important;
    color: #fff!important
}

#ucpboard .discounted-price {
    color: hsla(0, 0%, 42.4%, .77);
    text-decoration: line-through!important
}

#ucpboard .discount-price,
#ucpboard .discounted-price {
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 14px
}

#ucpboard .discount-price {
    color: #c9aa71
}

#ucpboard .discount-ul {
    padding: .75rem 1rem;
    max-height: 240px;
    min-height: 240px;
    overflow-y: scroll;
    background-color: #1a1919;
    border: 1px solid #564F3F
}

#ucpboard .discount-ul .discount-li {
    list-style: none;
    margin: .5rem 0
}

#ucpboard .discount-ul .discount-li .discount-item-link {
    max-width: 140px;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#ucpboard .discount-ul .discount-li .discount-li-img {
    width: 88.89px;
    height: 50px;
    margin-right: 1rem;
    border: 1px solid #c9aa71
}

#ucpboard .discount-ul .discount-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 50px
}

#ucpboard .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

#ucpboard .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#ucpboard input:checked+.slider.round {
    background-color: #2196f3
}

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

#ucpboard input:checked+.slider.round:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

#ucpboard .slider.round {
    border-radius: 34px;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

#ucpboard .slider.round,
#ucpboard .slider.round:before {
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s
}

#ucpboard .slider.round:before {
    border-radius: 50%;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff
}

@media(max-width:576px) {
    #ucpboard #ucp-container {
        margin-left: 0!important;
        margin-right: 0!important
    }
    #ucpboard #generate_token {
        margin-top: .5rem
    }
    #ucpboard .page-title {
        font-size: 2rem!important;
        text-align: center!important
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card-body,
    #ucpboard .tab-panel .tab-content .ucp-card .card-header {
        padding: 20px!important
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header h3 {
        font-size: 16px!important
    }
    #ucpboard #tab2 .ucp-card .card-body {
        padding: 40px 10px
    }
    #ucpboard #tab2 #activateCharacter {
        margin-top: 1rem!important
    }
    #ucpboard #tab2 #deactivateCharacter {
        margin-top: .5rem!important
    }
    #ucpboard #tab2 .ucp-card .card-body .info-card .info-value {
        padding-right: 0!important
    }
    #ucpboard #tab2 .security-progress {
        position: relative
    }
    #ucpboard #tab2 .security-progress .progress {
        width: 112px;
        height: 112px;
        background: none;
        position: relative
    }
    #ucpboard #tab2 .security-progress .progress:after {
        content: "";
        width: 112px;
        height: 112px;
        border-radius: 100%;
        border: 6px solid #131313;
        position: absolute;
        box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important;
        left: -2px;
        top: -1px
    }
    #ucpboard #tab2 .security-progress .progress>span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1
    }
    #ucpboard #tab2 .security-progress .progress .progress-left {
        left: 0
    }
    #ucpboard #tab2 .security-progress .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 6px;
        border-style: solid;
        position: absolute;
        top: 0
    }
    #ucpboard #tab2 .security-progress .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left
    }
    #ucpboard #tab2 .security-progress .progress .progress-right {
        right: 0
    }
    #ucpboard #tab2 .security-progress .progress .progress-right .progress-bar {
        left: -100%;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
        border-right: 0;
        -webkit-transform-origin: center right;
        transform-origin: center right
    }
    #ucpboard #tab2 .security-progress .progress .progress-value {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center
    }
    #ucpboard #tab2 .security-progress .progress .progress-value .percentage-text {
        font-size: 20px!important;
        margin-bottom: .25rem!important;
        margin-top: -.5rem!important
    }
    #ucpboard #tab2 .security-progress .progress .progress-value .percentage-subtext {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        margin-top: 5px
    }
    #ucpboard #tab2 .security-progress .border-primary {
        border-color: #c9aa71
    }
    #ucpboard #tab4 .ucp-card .card-body {
        padding: 40px 10px
    }
    #ucpboard .nav-pills {
        width: 100%!important
    }
    #ucpboard .ucp-redeem-btn {
        margin-top: 1rem
    }
}

#ucpboard .page-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

#ucpboard .page-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: #c9aa71;
    user-select: none;
    text-shadow: 0 0 5px #000, 0 1px 5px #000!important;
    font-size: 1.5rem!important
}

@media(max-width:768px) {
    #ucpboard .page-subtitle {
        font-size: 1rem!important;
        text-align: center!important
    }
}

#ucpboard #search-order-btn {
    background-color: #c9aa71!important;
    line-height: 35px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 700
}

#ucpboard #search-order-btn:hover {
    color: #000!important
}

#ucpboard .con-test {
    min-height: 100vh;
    margin-top: 0
}

#ucpboard .con-test .realm-button-list {
    margin-bottom: 2.5rem
}

#ucpboard .con-test .realm-button-list .btn-primary.focus,
#ucpboard .con-test .realm-button-list .btn-secondary.focus {
    outline: none!important;
    border-color: #c9aa71!important;
    box-shadow: none!important;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .con-test .realm-button-list .btn-primary,
#ucpboard .con-test .realm-button-list .btn-secondary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .15)!important;
    min-height: 39px;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .con-test .realm-button-list .btn-primary:hover,
#ucpboard .con-test .realm-button-list .btn-secondary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#ucpboard .con-test .realm-button-list .active {
    outline: none!important;
    border-color: #c9aa71!important;
    box-shadow: none!important;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .leaderboard-card {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card .card-title {
    color: #c9aa71;
    font-weight: 700;
    margin-bottom: 6px
}

#ucpboard .leaderboard-card:hover {
    transform: scale(1.05)
}

#ucpboard .leaderboard-card[wow-faction=alliance] .card-titleholder {
    color: #0078ff!important
}

#ucpboard .leaderboard-card[wow-faction=horde] .card-titleholder {
    color: #b30000!important
}

#ucpboard .leaderboard-card .card-titleholder {
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px
}

#ucpboard .leaderboard-card .card-body {
    background-color: #222
}

#ucpboard .name-notice {
    height: 40px;
    border: 1px solid #c9aa71;
    margin-bottom: 40px;
    box-shadow: 0 0 5px #c9aa71;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    line-height: 40px;
    color: #c9aa71
}

#ucpboard .name-notice .name-setup {
    color: #fff!important;
    text-decoration: underline!important
}

#ucpboard .ucp-card {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

#ucpboard .ucp-card.transferring {
    pointer-events: none!important;
    user-select: none!important
}

#ucpboard .ucp-card.transferring .card:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: rgba(21, 21, 21, .84);
    pointer-events: none;
    user-select: none;
    content: "Transfer in progress";
    z-index: 999;
    padding: 0;
    margin: 0;
    bottom: 0;
    left: 0;
    color: #c9aa71;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85);
    font-weight: 700;
    font-size: 2rem
}

#ucpboard .ucp-card.name-change-required {
    pointer-events: none!important;
    user-select: none!important
}

#ucpboard .ucp-card.name-change-required .card:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: rgba(21, 21, 21, .84);
    pointer-events: none;
    user-select: none;
    content: "Name Change Required";
    z-index: 999;
    padding: 0;
    margin: 0;
    bottom: 0;
    left: 0;
    color: #c9aa71;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85);
    font-weight: 700;
    font-size: 2rem
}

#ucpboard .ucp-card .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#ucpboard .ucp-card .currency-qty {
    color: #c9aa71;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 1rem
}

#ucpboard .ucp-card .card-header {
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    padding: 30px 55px 30px 40px;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .ucp-card .card-header .order-id-container,
#ucpboard .ucp-card .card-header .order-placed-container,
#ucpboard .ucp-card .card-header .order-total-container {
    display: flex;
    flex-direction: column
}

#ucpboard .ucp-card .card-header .order-id-container .top-span,
#ucpboard .ucp-card .card-header .order-placed-container .top-span,
#ucpboard .ucp-card .card-header .order-total-container .top-span {
    text-transform: uppercase;
    font-weight: 300;
    font-size: .7rem;
    color: #6f6f6f
}

#ucpboard .ucp-card .card-header .order-id-container .bottom-span,
#ucpboard .ucp-card .card-header .order-placed-container .bottom-span,
#ucpboard .ucp-card .card-header .order-total-container .bottom-span {
    color: #dcdcdc;
    line-height: 25px;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: .21px;
    font-weight: 700
}

@media(max-width:768px) {
    #ucpboard .ucp-card .card-header .order-id-container {
        display: none
    }
    #ucpboard .ucp-card .card-header .order-placed-container,
    #ucpboard .ucp-card .card-header .order-total-container {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    #ucpboard .ucp-card .card-header .order-total-mobile {
        display: none!important
    }
}

#ucpboard .ucp-card .card-header .link-container {
    margin-top: 2px
}

#ucpboard .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucpboard .ucp-card .card-header .link-container .card-link:hover {
    opacity: .5
}

#ucpboard .ucp-card .card-header .link-container i {
    margin-left: 5px;
    margin-top: 0!important;
    position: relative;
    bottom: 2px;
    margin-right: 5px;
    font-size: 16px!important;
    line-height: 24px!important;
    font-weight: 700!important
}

#ucpboard .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .ucp-card .card-header h3 {
    font-size: 20px!important
}

#ucpboard .ucp-card .card-header h3,
#ucpboard .ucp-card .card-header h5 {
    margin: 0!important;
    padding: 0!important
}

#ucpboard .ucp-card .card-footer {
    padding: 20px 40px;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    border-top: 1px solid #564F3F;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .ucp-card .card-footer .order-copyright,
#ucpboard .ucp-card .card-footer .order-view-invoice {
    text-transform: capitalize!important;
    text-shadow: 0 0 5px #000
}

#ucpboard .ucp-card .card-footer .order-copyright {
    color: #6f6f6f
}

#ucpboard .ucp-card .card-body {
    padding: 40px;
    justify-content: center!important
}

#ucpboard .ucp-card .card-body .addon-desc {
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    white-space: normal
}

#ucpboard .ucp-card .card-body .order-history-list {
    list-style: none;
    padding: 0!important;
    margin-bottom: 0!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    padding-bottom: 20px
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart,
#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart {
    width: 50px;
    height: 31px;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    color: #000!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover,
#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, .35), 0 0 3px rgba(0, 0, 0, .5)!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .shop-discount-price {
    color: hsla(0, 0%, 42.4%, .77);
    text-decoration: line-through!important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 16px;
    display: block
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart {
    border: 1px solid grey;
    margin-left: .5rem
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart .mdi {
    color: grey
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover {
    border-color: #adadad!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover .mdi {
    color: #adadad
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart {
    border: 1px solid #c9aa71
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart .mdi {
    color: #c9aa71
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover {
    border-color: #fff!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover .mdi {
    color: #fff
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item:last-child {
    border-bottom: none!important;
    margin-bottom: 0;
    padding-bottom: 0
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .wishlist-img {
    height: 84px!important;
    max-height: 67.5px!important;
    width: 120px!important;
    object-fit: contain;
    border: 1px solid #c9aa71;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .247)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-img {
    height: 96.5px!important;
    max-height: 96.5px;
    width: 170.67px!important;
    object-fit: contain;
    border: 1px solid #c9aa71;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .247)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 75%;
    padding: 0 1rem
}

@media only screen and (max-width:919px) {
    #ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container {
        max-width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis!important;
        overflow: hidden
    }
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-name {
    font-size: 1rem;
    color: #dcdcdc;
    font-weight: 300;
    text-transform: none;
    margin: 0 0 5px;
    letter-spacing: normal;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-details {
    color: #868181;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-link {
    color: #c9aa71;
    line-height: 1.5rem;
    font-size: 1rem;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-link:hover {
    color: #fff!important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-price {
    color: #c9aa71!important;
    text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .info-card {
    white-space: nowrap
}

#ucpboard .ucp-card .card-body .info-card .info-label {
    color: #c9aa71!important;
    font-weight: 700
}

#ucpboard .ucp-card .card-body .info-card .info-value {
    border: none!important;
    color: #fff!important;
    font-size: 18px;
    padding-left: 0!important;
    padding-right: 0!important
}

#ucpboard .ucp-card .card-body .security-progress {
    position: relative
}

#ucpboard .ucp-card .card-body .security-progress .progress {
    width: 140px;
    height: 140px;
    background: none;
    position: relative;
    right: 1rem;
    overflow: visible
}

#ucpboard .ucp-card .card-body .security-progress .progress.char-disabled .race-img {
    filter: brightness(50%) blur(1.5px) grayscale(1)!important
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img {
    position: absolute;
    background-size: 110%;
    border-radius: 100%;
    background-position: 50%;
    max-width: 140px;
    max-height: 140px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: brightness(80%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important;
    z-index: 11!important
}

#ucpboard .ucp-card .card-body .security-progress .progress:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: inset 5px 5px 20px #000;
    -webkit-box-shadow: inset 5px 5px 20px #000;
    box-shadow: inset 5px 5px 20px #000;
    z-index: 10!important
}

#ucpboard .ucp-card .card-body .security-progress .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 12!important
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0!important;
    font-size: 35px!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    height: 14px;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#ucpboard .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71
}

#ucpboard .ucp-card .card-body .security-progress .border-success {
    border-color: #2ab27b
}

#ucpboard .ucp-card .card-body .security-progress .border-warning {
    border-color: #ff6407!important
}

#ucpboard .ucp-card .card-body .security-progress .border-danger {
    border-color: #ff0018!important
}

#ucpboard .ucp-card .card-body .character-progress {
    position: relative
}

#ucpboard .ucp-card .card-body .character-progress .progress {
    width: 112px;
    height: 112px;
    min-width: 112px;
    min-height: 112px;
    background: none;
    position: relative;
    overflow: visible
}

#ucpboard .ucp-card .card-body .character-progress .progress.char-disabled .race-img {
    filter: brightness(50%) blur(1.5px) grayscale(1)!important
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img {
    position: absolute;
    background-size: 110%;
    border-radius: 100%;
    background-position: 50%;
    max-width: 112px;
    max-height: 112px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: brightness(80%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important;
    z-index: 11!important
}

#ucpboard .ucp-card .card-body .character-progress .progress:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: inset 5px 5px 20px #000;
    -webkit-box-shadow: inset 5px 5px 20px #000;
    box-shadow: inset 5px 5px 20px #000;
    z-index: 10!important
}

#ucpboard .ucp-card .card-body .character-progress .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 12!important
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-left {
    left: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-right {
    right: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value .percentage-text {
    margin-bottom: 0!important;
    font-size: 35px!important;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    text-shadow: 0 0 5px #000, 0 0 5px #000!important
}

#ucpboard .ucp-card .card-body .character-progress .border-primary {
    border-color: #c9aa71
}

#ucpboard .ucp-card .card-body .character-progress .border-success {
    border-color: #2ab27b
}

#ucpboard .ucp-card .card-body .character-progress .border-warning {
    border-color: #ff6407
}

#ucpboard .ucp-card .card-body .character-progress .border-danger {
    border-color: #ff0018
}

#ucpboard .ucp-card .card-body .security-checklist ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 16px
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 30px;
    line-height: 36px;
    margin-right: 16px;
    opacity: .2
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 40px;
    color: #c9aa71;
    text-decoration: underline!important;
    opacity: 1
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71!important;
    opacity: 1!important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 40px;
    color: #fff;
    text-decoration: none!important;
    opacity: .35
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important;
    pointer-events: none!important;
    opacity: .5!important
}

#ucpboard .ucp-card .card-body .table thead tr {
    border-top: none!important
}

#ucpboard .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 2px solid rgba(222, 226, 230, .36)!important
}

#ucpboard .ucp-card .card-body .table tbody tr td {
    color: hsla(0, 0%, 100%, .5)!important
}

#ucpboard .ucp-card .card-body .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#ucpboard .ucp-card .card-body .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .ucp-card .card-body .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#ucpboard .ucp-card .card-body .donation-balance {
    font-size: 30px;
    color: #c9aa71;
    font-weight: 700;
    line-height: 56px
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link:hover {
    border-color: rgba(222, 226, 230, .12) rgba(222, 226, 230, .12) #131415!important
}

.nav-tabs {
    border-bottom: 1px solid rgba(222, 226, 230, .12)
}

#ucpboard .tab-panel .tab-content .ucp-card .card-alliance .card-body .security-progress .border-primary {
    border-color: #3473d3!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-horde .card-body .security-progress .border-primary {
    border-color: #d33434!important
}

@media(min-width:768px)and (max-width:991px) {
    .security-row {
        justify-content: space-around!important
    }
}

@media(min-width:576px)and (max-width:767px) {
    .nav-transparent {
        height: 10px!important
    }
}

@media(max-width:562px) {
    #order-id-container {
        display: none
    }
    .order-total-container {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

#order-search {
    position: relative;
    margin-top: 1rem;
    box-shadow: 0 0 10px 5px #000;
    height: 50px!important
}

#order-search .form-input {
    background-color: #1d1d1d!important;
    height: 50px!important
}

@media only screen and (max-width:919px) {
    #order-search {
        position: relative;
        margin-top: 1rem;
        box-shadow: none;
        height: 40px!important;
        justify-content: center;
        margin-bottom: 1rem
    }
    #order-search .form-input {
        background-color: #1d1d1d!important;
        height: 40px!important;
        width: 120px!important
    }
    #order-search select.form-input {
        width: 110px!important
    }
    #order-search #search-order-btn {
        background-color: #c9aa71!important;
        line-height: 25px;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        font-weight: 700
    }
    #order-search #search-order-btn:hover {
        color: #000!important
    }
    .order-small-id {
        text-transform: capitalize!important;
        color: #6f6f6f;
        text-shadow: 0 0 5px #000;
        text-align: right
    }
    .order-small-id .order-mobile-date {
        font-size: 10px
    }
    .order-info-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%!important;
        padding: 0 1rem;
        width: 100%!important;
        max-width: 100%!important;
        white-space: nowrap;
        text-overflow: ellipsis!important;
        overflow: hidden
    }
    .order-info-container .order-mobile-date {
        line-height: 20px
    }
    .order-info-container .order-name {
        font-size: 1rem;
        color: #dcdcdc;
        font-weight: 300;
        text-transform: none;
        margin: 0 0 5px;
        letter-spacing: normal;
        text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
    }
    .order-info-container .order-details {
        color: #868181;
        text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
    }
    .order-info-container .order-link {
        color: #c9aa71;
        line-height: 1.5rem;
        font-size: 1rem;
        text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    .order-info-container .order-link:hover {
        color: #fff!important
    }
    .order-info-container .order-price {
        color: #c9aa71!important;
        text-shadow: 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .829)
    }
}

@media(max-width:991px) {
    .security-row {
        width: 100%!important;
        margin: 0!important
    }
    .card-link {
        display: inline!important;
        cursor: pointer
    }
    .card-link i {
        display: inline-block!important
    }
    .card-link span {
        display: none!important
    }
    .security-progress .progress {
        margin-bottom: 3rem
    }
    .shop-btn {
        margin-top: 10px!important;
        margin-bottom: 0!important;
        margin-right: 0!important
    }
}

@media(max-width:768px) {
    #ucpboard .tab-panel .tab-content .page-title {
        font-weight: 700!important;
        text-transform: uppercase!important;
        text-align: center!important;
        font-size: 1.75rem!important;
        margin-top: .5rem!important;
        margin-bottom: 1rem!important
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header h3 {
        line-height: 32px
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link .icon-wrapper {
        background: #1d1d1d;
        text-align: center;
        height: 30px;
        width: 30px;
        border-radius: 100%
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i {
        font-size: 1.9rem!important;
        margin: 0 0 0 1px!important;
        line-height: 33px!important;
        position: relative
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i:after {
        background: #1d1d1d;
        text-align: center;
        height: 30px;
        width: 30px;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        z-index: 1
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i:before {
        position: relative;
        z-index: 2;
        line-height: 30px;
        left: 1px
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card-body .donation-row .donation-currency-wrapper {
        display: flex!important;
        justify-content: space-between!important
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item i {
        display: none!important
    }
    #ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress {
        right: 0!important;
        margin-bottom: 1.5rem!important
    }
}

.news-article {
    margin-top: -240px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: 10rem
}

.news-article * {
    font-size: 100%
}

.news-article * a {
    color: #c9aa71!important
}

.news-article * {
    scroll-behavior: smooth
}

.news-article.light-mode {
    background-color: #fefefe!important
}

.news-article.light-mode section.article-widget .widget-type {
    color: hsla(0, 0%, 100%, .5)!important;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: .5rem
}

.news-article.light-mode section.article-widget .widget-title {
    color: #333;
    font-size: 1.5rem;
    max-width: 250px;
    font-weight: 700;
    text-shadow: none;
    line-height: 24px
}

.news-article.light-mode section.article-widget .progress {
    background-color: #000!important
}

.news-article.light-mode section.article-widget .progress .progress-bar {
    background-color: #e6b769!important
}

.news-article.light-mode section.article-widget .widget-author {
    color: #785a28!important;
    padding: 1rem 0;
    font-weight: 700;
    font-size: 12px;
    text-shadow: none
}

.news-article.light-mode section.article-widget .widget-mode {
    color: #e6b769
}

.news-article.light-mode section.article-widget .social-links .links {
    text-shadow: none!important;
    color: #e6b769;
    -webkit-transition: all .25s ease-in-out!important;
    -moz-transition: all .25s ease-in-out!important;
    -ms-transition: all .25s ease-in-out!important;
    -o-transition: all .25s ease-in-out!important;
    transition: all .25s ease-in-out!important
}

.news-article.light-mode section.article-widget .social-links .links:hover {
    color: #000!important
}

.news-article.light-mode article .article-container .article-header .article-title {
    color: #333!important
}

.news-article.light-mode article .article-container .article-header .article-info .article-info-inner .article-author {
    color: #785a28!important
}

.news-article.light-mode article .article-container .article-header .article-options .article-option {
    color: #000!important;
    border-color: #000!important
}

.news-article.light-mode article .article-container .article-header .article-options .article-option:hover {
    border-color: #c9aa71!important;
    color: #c9aa71!important
}

.news-article.light-mode article .article-container .article-outline-container {
    position: sticky;
    top: 25%;
    margin-left: 3rem;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.news-article.light-mode article .article-container .article-outline-container.visible {
    opacity: 1!important
}

.news-article.light-mode article .article-container .article-outline-container.visible .article-outline {
    padding: 1rem 1.5rem;
    width: 260px
}

.news-article.light-mode article .article-container .article-outline-container .article-outline {
    background-color: #1d1d1d;
    width: 0;
    border: 1px solid #333;
    padding: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.news-article.light-mode article .article-container .article-outline-container .article-outline .outline-title {
    color: #c9aa71;
    padding: 1rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    display: table
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol {
    margin: 0;
    padding: 0 0 0 1.5rem
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li {
    font-size: 14px;
    margin: .5rem 0
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 {
    margin-left: 1rem
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 a {
    color: #c9aa71!important;
    border: none!important
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
    color: #fff!important
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li a {
    color: #dcdcdc!important;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-transition: color .35s ease;
    -moz-transition: color .35s ease;
    -ms-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    font-weight: 700;
    border-bottom: 1px solid #2d2d2d
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li a:hover {
    color: #fff!important
}

.news-article.light-mode article .article-container .article-body,
.news-article.light-mode article .article-container .article-body .ck-content p,
.news-article.light-mode article .article-container .article-body b,
.news-article.light-mode article .article-container .article-body li,
.news-article.light-mode article .article-container .article-body strong {
    color: #1e2328!important
}

.news-article.light-mode article .article-container .article-body .ck-content p s {
    color: #1e2328!important;
    line-height: 1.75
}

.news-article.light-mode article .article-container .article-body .ck-content p sup {
    font-size: 12px;
    font-weight: 700
}

.news-article.light-mode article .article-container .article-body .ck-content .image {
    margin-left: auto!important;
    margin-right: auto!important;
    width: 100%!important
}

.news-article.light-mode article .article-container .article-body .ck-content b {
    color: #1e2328!important
}

.news-article.light-mode article .article-container .article-body .ck-content h1,
.news-article.light-mode article .article-container .article-body .ck-content h2,
.news-article.light-mode article .article-container .article-body .ck-content h3,
.news-article.light-mode article .article-container .article-body .ck-content h4,
.news-article.light-mode article .article-container .article-body .ck-content h5 {
    color: #333!important;
    line-height: 1.5em;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 100px auto 24px;
    max-width: 45vw;
    text-transform: uppercase
}

.news-article.light-mode article .article-container .article-body .ck-content ul li ol,
.news-article.light-mode article .article-container .article-body .ck-content ul li ol li,
.news-article.light-mode article .article-container .article-body .ck-content ul li ul,
.news-article.light-mode article .article-container .article-body .ck-content ul li ul li {
    margin: 0
}

.news-article.light-mode article .article-container .article-footer {
    display: none!important
}

.news-article.light-mode article .article-container .article-footer * a {
    color: #b99c68!important;
    font-weight: 700!important
}

.news-article.light-mode article .article-container .article-footer .container p {
    color: #000!important;
    font-weight: 700
}

.news-article .edit-notice-title {
    position: relative
}

.news-article .article-widget {
    pointer-events: none!important
}

.news-article .article-widget .widget-left {
    pointer-events: auto!important
}

.news-article .edit-notice-tags {
    position: relative
}

.news-article .edit-notice-tags-after:after {
    content: "Click me to edit tags! âž¡"!important;
    color: #dc143c;
    padding: 0 .25rem;
    border: 1px solid #dc143c;
    position: absolute;
    top: 0;
    left: -130px;
    display: block;
    font-size: 10px
}

.news-article .modal-publish-settings .modal-header {
    border-bottom: 1px solid #444951;
    padding: 1rem 0
}

.news-article .modal-publish-settings .modal-body {
    margin-top: 1.5rem
}

.news-article .modal-publish-settings .modal-body .input-group {
    width: 100%
}

.news-article .modal-publish-settings .modal-body .article-option-title {
    margin: 1rem 0;
    font-weight: 700;
    color: #c9aa71;
    font-size: 20px
}

.news-article .modal-publish-settings .modal-body .article-description-textarea {
    width: 100%;
    height: 113px;
    background-color: transparent!important;
    border: 1px solid #444951;
    color: #979a9f!important;
    padding: .5rem;
    resize: none
}

.news-article .modal-publish-settings .modal-body .article-visibility .form-check-label {
    color: #979a9f!important
}

.news-article .modal-publish-settings .modal-footer .btn-primary {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.news-article .modal-publish-settings .modal-footer .btn-primary:hover {
    background-color: #eca659!important;
    border: 1px solid #fff;
    color: #fff!important
}

.news-article .modal-publish-settings .modal-footer .btn-secondary {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.news-article .modal-publish-settings .modal-footer .btn-secondary:hover {
    background-color: transparent!important;
    border: 1px solid silver;
    color: silver!important
}

.news-article .article-bg {
    position: absolute;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.news-article .article-bg .article-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-attachment: local;
    background-color: #0a0a0c;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.news-article .article-bg .article-splash {
    height: 100vh;
    position: relative;
    bottom: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 100%;
    background: linear-gradient(180deg, rgba(19, 20, 21, 0), #131415)
}

@media(max-width:978px) {
    .news-article section.intro .intro-content {
        padding: 0!important
    }
    .news-article section.intro .intro-content .article-hero-content {
        padding: 0 1rem;
        display: none
    }
    .news-article section.intro .intro-content .hero-title {
        font-size: 2rem!important
    }
    .news-article article {
        margin: 0;
        min-width: 100%!important;
        max-width: 100%!important
    }
    .news-article article .article-container .article-body .ck-content figure figcaption {
        width: 100%;
        display: contents!important
    }
    .news-article article .article-container .article-body .ck-content .image {
        margin-left: auto!important;
        margin-right: auto!important;
        width: 100%!important
    }
    .news-article article .article-container .article-body .ck-content ol,
    .news-article article .article-container .article-body .ck-content ul {
        margin-left: 0
    }
    .news-article article .article-container .article-body .ck-content ol li,
    .news-article article .article-container .article-body .ck-content ul li {
        margin-left: .25rem
    }
    .news-article article .article-container .article-body .ck-content h2 {
        font-size: 1.5rem!important
    }
    .news-article article .article-container .article-body .ck-content h1,
    .news-article article .article-container .article-body .ck-content h2,
    .news-article article .article-container .article-body .ck-content h3,
    .news-article article .article-container .article-body .ck-content h4,
    .news-article article .article-container .article-body .ck-content h5 {
        padding-right: .5rem
    }
}

.news-article section.intro {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: visibility .7s;
    transition: visibility .7s;
    width: 100%;
    top: 0;
    opacity: 1;
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    position: relative
}

.news-article section.intro.faded {
    opacity: 0;
    transition-delay: 50ms
}

.news-article section.intro .intro-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    position: absolute;
    text-align: center;
    transition: visibility .5s;
    transition-delay: 0s;
    width: 100%;
    top: 0;
    padding: 0 100px 30px
}

@media(max-width:991px)and (min-width:768px) {
    .news-article section.intro .intro-content .hero-title {
        font-size: 3rem!important
    }
}

.news-article section.intro .intro-content .article-hero-content.faded .hero-title {
    opacity: 0;
    transform: translateY(-100px);
    transition-timing-function: ease-in;
    transition-delay: .1s
}

.news-article section.intro .intro-content .article-hero-content.faded .hero-author {
    opacity: 0;
    transform: translateY(-70px)!important;
    transition-timing-function: ease-in;
    transition-delay: .15s
}

.news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-author,
.news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
    transition-delay: .1s
}

.news-article section.intro .intro-content .article-hero-content .hero-author,
.news-article section.intro .intro-content .article-hero-content .hero-title {
    transition: opacity .333s ease-out, transform .333s ease-in-out
}

.news-article section.intro .intro-content .article-hero-content .hero-title {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 60px;
    color: #c9aa71;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8);
    word-break: break-word;
    color: #f0e6d2;
    text-shadow: 0 0 20px rgba(1, 10, 19, .7)
}

.news-article section.intro .intro-content .article-hero-content .hero-author {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 19px;
    display: block;
    color: #c9aa71!important;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8)
}

.news-article section.intro .intro-content .article-intro-bottom {
    font-weight: 700;
    margin-top: 20px;
    position: relative;
    transition: opacity .5s;
    transition-delay: 0s
}

.news-article section.intro .intro-content .article-intro-bottom,
.news-article section.intro .intro-content .article-intro-bottom span {
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 12px;
    color: #a09b8c;
    text-shadow: 0 0 20px rgba(1, 10, 19, .7)
}

.news-article section.intro .intro-content .article-intro-bottom:before {
    bottom: -29px;
    height: 7px;
    width: 7px
}

.news-article section.intro .intro-content .article-intro-bottom:after,
.news-article section.intro .intro-content .article-intro-bottom:before {
    border-bottom: 2px solid #a09b8c;
    border-left: 2px solid #a09b8c;
    content: "";
    filter: drop-shadow(0 0 20px rgba(1, 10, 19, .7));
    left: 50%;
    position: absolute;
    transform-origin: 0 100%;
    transform: rotate(-45deg)
}

.news-article section.intro .intro-content .article-intro-bottom:after {
    bottom: -36px;
    height: 12px;
    width: 12px
}

.news-article section.article-widget {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    position: fixed;
    top: 6rem;
    left: 2rem;
    z-index: 20;
    width: 96%
}

.news-article section.article-widget .widget-left {
    width: 250px;
    min-width: 250px;
    max-width: 250px
}

.news-article section.article-widget .widget-author,
.news-article section.article-widget .widget-title,
.news-article section.article-widget .widget-type {
    margin-bottom: 0;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: uppercase
}

.news-article section.article-widget .widget-type {
    color: hsla(0, 0%, 100%, .5)!important;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: .5rem
}

.news-article section.article-widget .widget-title {
    color: #c9aa71;
    font-size: 1.5rem;
    max-width: 250px;
    font-weight: 700;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8);
    line-height: 24px
}

.news-article section.article-widget .widget-author {
    color: #fff!important;
    padding: 1rem 0;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8)
}

.news-article section.article-widget .widget-mode {
    color: #c9aa71;
    margin-left: .5rem;
    font-size: 40px;
    margin-top: 2rem
}

.news-article section.article-widget .social-links .links {
    text-shadow: 0 0 5px #000, 0 0 5px #000
}

.news-article section.article-widget .progress {
    height: 3px;
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: visible;
    background-color: #292929
}

.news-article section.article-widget .progress .progress-bar {
    position: relative;
    height: 100%;
    background-color: #c8aa6e;
    transition: width .5s ease-out;
    border-radius: 0 2px 2px 0;
    display: flex!important
}

.news-article section.article-widget .progress .glow {
    width: 10px;
    max-width: 100%;
    height: 100%;
    align-self: flex-end
}

.news-article section.article-widget .progress .glow:after,
.news-article section.article-widget .progress .glow:before {
    content: "";
    display: block;
    position: relative;
    border-radius: 0 2px 2px 0
}

.news-article section.article-widget .progress .glow:before {
    background: transparent;
    height: 100%;
    box-shadow: 0 0 5px #c9aa71, 0 0 5px #c9aa71;
    z-index: -5
}

.news-article section.article-widget .progress .glow:after {
    background: linear-gradient(90deg, transparent 0, transparent);
    height: calc(100% + 10px);
    width: calc(100% + 5px);
    top: -5px;
    left: -5px;
    z-index: -3
}

.news-article article {
    position: relative;
    margin-top: 10px;
    padding: 10vw 30px 0;
    margin-right: auto;
    margin-left: auto;
    min-width: 800px
}

.news-article article .article-container .article-header {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase
}

.news-article article .article-container .article-header .container {
    margin-bottom: 0
}

.news-article article .article-container .article-header .article-title {
    font-family: Beaufort;
    font-size: 1.8rem;
    line-height: 24px;
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 24px;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #f0e6d2
}

.news-article article .article-container .article-header .modify-article-title {
    margin: auto;
    text-align: left;
    text-transform: uppercase;
    text-align: center;
    color: #f0e6d2!important;
    font-family: Beaufort;
    width: 100%!important;
    max-width: 500px!important;
    font-weight: 700;
    line-height: 24px
}

.news-article article .article-container .article-header #article-author-input {
    color: #c9aa71!important
}

.news-article article .article-container .article-header .article-info .article-info-inner {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news-article article .article-container .article-header .article-info .article-info-inner .article-author {
    color: #c9aa71!important;
    letter-spacing: .02em;
    line-height: 140%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.news-article article .article-container .article-header .article-info .article-info-inner .article-date {
    color: #5a5a5a!important;
    font-family: Beaufort;
    margin-top: 1rem;
    letter-spacing: .02em;
    line-height: 140%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.news-article article .article-container .article-header .article-options {
    margin-top: 0
}

.news-article article .article-container .article-header .article-options .article-option {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    margin: 1rem;
    border: 1px solid #c9aa71;
    padding: .5rem 1rem
}

.news-article article .article-container .article-header .article-options .article-option:hover {
    color: #fff!important;
    border-color: #fff!important
}

.news-article article .article-container .article-header .article-options .article-publish-info {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news-article article .article-container .article-header .article-options .article-publish-info span {
    margin: .5rem 0
}

.news-article article .article-container .article-outline-container {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.news-article article .article-container .article-outline-container.visible {
    opacity: 1!important
}

.news-article article .article-container .article-outline-container.visible .article-outline {
    padding: 1rem 1.5rem 2rem;
    width: 400px
}

.news-article article .article-container .article-outline-container .article-outline {
    background-color: #1d1d1d;
    width: 0;
    border: 1px solid #333;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.news-article article .article-container .article-outline-container .article-outline .outline-title {
    color: #c9aa71;
    padding: 1rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    display: table
}

.news-article article .article-container .article-outline-container .article-outline ol {
    margin: 0;
    padding: 0 0 0 1.5rem
}

.news-article article .article-container .article-outline-container .article-outline ol li {
    font-size: 14px;
    margin: .5rem 0
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 {
    margin-left: 1rem
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a {
    color: #c9aa71!important;
    border: none!important
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
    color: #fff!important
}

.news-article article .article-container .article-outline-container .article-outline ol li a {
    color: #dcdcdc!important;
    max-width: 270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-transition: color .35s ease;
    -moz-transition: color .35s ease;
    -ms-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    font-weight: 700;
    border-bottom: 1px solid #2d2d2d;
    padding-bottom: .5rem
}

.news-article article .article-container .article-outline-container .article-outline ol li a:hover {
    color: #fff!important
}

.news-article article .article-container .article-body {
    color: #797979!important;
    font-size: 18px
}

.news-article article .article-container .article-body .container {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 1rem
}

.news-article article .article-container .article-body .container:first * {
    margin-top: 0!important
}

@media only screen and (max-width:1077px) {
    .news-article article .article-container .article-body .article-outline-container {
        display: none!important
    }
}

.news-article article .article-container .article-body .container {
    display: flex;
    flex-direction: column;
    max-width: 880px!important
}

@media(max-width:991px)and (min-width:768px) {
    .news-article article .article-container .article-body .container {
        max-width: 600px!important
    }
}

.news-article article .article-container .article-body i {
    font-style: italic;
    font-size: 1rem
}

.news-article article .article-container .article-body b,
.news-article article .article-container .article-body strong {
    font-weight: 700;
    font-size: 16px;
    color: #a8a4a4
}

.news-article article .article-container .article-body h2 strong {
    color: #c8aa6e!important;
    font-size: 2rem;
    line-height: 2em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body h3 strong {
    color: #c8aa6e!important;
    font-size: 1.5rem!important;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body h4 strong {
    color: #c8aa6e!important;
    font-size: 1.25rem!important;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body h5 b,
.news-article article .article-container .article-body h5 strong {
    color: #c8aa6e!important
}

.news-article article .article-container .article-body table {
    width: 100%;
    margin: 3rem 0;
    text-align: center;
    border-color: hsla(0, 0%, 100%, .1)!important;
    align-self: center
}

.news-article article .article-container .article-body table td {
    padding: 1rem 0;
    border-color: hsla(0, 0%, 100%, .1)!important
}

.news-article article .article-container .article-body table thead {
    color: #fff!important;
    font-weight: 700;
    border-color: hsla(0, 0%, 100%, .1)!important
}

.news-article article .article-container .article-body table thead tr {
    color: #fff!important;
    padding: 1rem 0;
    border-color: hsla(0, 0%, 100%, .1)!important;
    border-bottom: 1px solid
}

.news-article article .article-container .article-body table thead tr th {
    color: #fff!important;
    border-bottom: none;
    border-top: none;
    line-height: 1.75;
    padding: 1rem 0;
    border-color: hsla(0, 0%, 100%, .1)!important
}

.news-article article .article-container .article-body table tbody tr {
    border-color: hsla(0, 0%, 100%, .1)!important;
    border-bottom: 1px solid
}

.news-article article .article-container .article-body table tbody tr td {
    color: #fff!important;
    line-height: 1.75
}

.news-article article .article-container .article-body p a {
    text-decoration: underline!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.news-article article .article-container .article-body p a:hover {
    color: #fff!important
}

.news-article article .article-container .article-body img,
.news-article article .article-container .article-body p img {
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 100%;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    border: 1px solid transparent
}

.news-article article .article-container .article-body img:hover,
.news-article article .article-container .article-body p img:hover {
    -webkit-box-shadow: 0 0 15px rgba(201, 170, 113, .25), 0 10px 10px rgba(201, 170, 113, .22);
    box-shadow: 0 0 15px rgba(201, 170, 113, .25), 0 10px 10px rgba(201, 170, 113, .22);
    border: 1px solid #c8aa6e
}

.news-article article .article-container .article-body .image img,
.news-article article .article-container .article-body figure {
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 100%
}

.news-article article .article-container .article-body figure {
    width: 100%!important
}

.news-article article .article-container .article-body figure img {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    border: 1px solid #564F3F;
    max-width: 100%;
    width: 100%!important
}

.news-article article .article-container .article-body figure img:hover {
    -webkit-box-shadow: 0 0 15px rgba(201, 170, 113, .25), 0 10px 10px rgba(201, 170, 113, .22);
    box-shadow: 0 0 15px rgba(201, 170, 113, .25), 0 10px 10px rgba(201, 170, 113, .22);
    border: 1px solid #c8aa6e
}

.news-article article .article-container .article-body figcaption {
    width: 100%!important;
    display: contents!important
}

.news-article article .article-container .article-body figure.media {
    border: 1px solid #564F3F;
    box-shadow: 0 0 5px #000
}

.news-article article .article-container .article-body h3 {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body h1,
.news-article article .article-container .article-body h2,
.news-article article .article-container .article-body h3,
.news-article article .article-container .article-body h4,
.news-article article .article-container .article-body h5 {
    color: #c9aa71;
    font-weight: 700;
    line-height: 1.5em;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    letter-spacing: 3px;
    margin: 100px auto 24px;
    max-width: 45vw;
    text-transform: uppercase
}

.news-article article .article-container .article-body h1 {
    font-size: 2rem
}

.news-article article .article-container .article-body h2 {
    font-size: 2rem!important;
    color: #dcdcdc!important;
    width: 100%!important;
    min-width: 100%;
    text-align: center!important;
    background-color: #1d1d1d;
    border: 1px solid #564F3F;
    margin-top: 1.5rem;
    padding: 0 .75rem
}

.news-article article .article-container .article-body h3,
.news-article article .article-container .article-body h4 {
    padding-bottom: .5rem;
    border-bottom: 1px solid #2d2d2d!important;
    margin: 50px 0 0 25px;
    width: 100%;
    min-width: 100%;
    text-align: left;
    position: relative
}

.news-article article .article-container .article-body h3:before,
.news-article article .article-container .article-body h4:before {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid #c9aa71;
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    left: -32px;
    margin-top: 10px
}

.news-article article .article-container .article-body h3:after,
.news-article article .article-container .article-body h4:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #c9aa71;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    left: -27px;
    top: 15px
}

.news-article article .article-container .article-body h4 {
    font-size: 1.75rem!important
}

.news-article article .article-container .article-body h5 {
    font-size: 1.5rem!important
}

.news-article article .article-container .article-body ul {
    list-style: none
}

.news-article article .article-container .article-body ul li:before {
    content: "â– ";
    color: #c9aa71;
    display: inline-block;
    position: relative;
    left: -1rem;
    max-height: 18px;
    max-width: 10px;
    overflow: hidden
}

.news-article article .article-container .article-body sup {
    font-size: 12px;
    font-weight: 700
}

.news-article article .article-container .article-body hr {
    border: none;
    border-top: 1px solid rgba(91, 90, 86, .3);
    margin: 30px 0
}

.news-article article .article-container .article-body a {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body p,
.news-article article .article-container .article-body ul li {
    line-height: 1.75!important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important
}

.news-article article .article-container .article-body ol,
.news-article article .article-container .article-body ul {
    margin-left: 1rem
}

.news-article article .article-container .article-body ol li,
.news-article article .article-container .article-body ul li {
    color: #aaa!important;
    margin-left: 1rem
}

.news-article article .article-container .article-body ol li:before,
.news-article article .article-container .article-body ul li:before {
    color: #c8aa6e!important
}

.news-article article .article-container .article-footer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: none
}

@media(max-width:991px)and (min-width:768px) {
    .news-article article .article-container .article-footer {
        max-width: 600px!important;
        margin: 0 auto
    }
}

.news-article article .article-container .article-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Beaufort;
    font-size: 14px;
    max-width: 880px
}

.news-article article .article-container .article-footer .container #article-tags-input {
    max-width: 90%;
    margin-left: 2rem;
    color: #c9aa71!important
}

.news-article article .article-container .article-footer .container p {
    color: #fff!important
}

.news-article article .article-container .article-footer .container ul li {
    list-style: none;
    float: left;
    padding: 0 .5rem
}

.news-article article .article-container .sub-articles {
    margin-top: 5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.news-article article .article-container .sub-articles .article-list {
    padding: 0!important;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.news-article article .article-container .sub-articles .article-list .article {
    width: 100%;
    min-height: 220px;
    list-style: none;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer!important;
    transition: all .3s ease-in-out
}

.news-article article .article-container .sub-articles .article-list .article:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.news-article article .article-container .sub-articles .article-list .article:hover .thumbnail {
    border-color: #c8aa6e
}

.news-article article .article-container .sub-articles .article-list .article:hover .article-title {
    color: #fff!important
}

.news-article article .article-container .sub-articles .article-list .article .thumbnail {
    overflow: hidden;
    height: 170px;
    width: 350px;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer!important;
    border: 1px solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.news-article article .article-container .sub-articles .article-list .article .article-content {
    cursor: pointer!important;
    margin-left: 1.5rem;
    max-width: 680px;
    z-index: -1
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-title {
    font-weight: 700;
    color: #c8aa6e;
    transition: color .4s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 1.5rem;
    line-height: 1.75!important
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-description {
    color: #f0e6d2;
    margin: .5rem 0;
    line-height: 1.5!important
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-date {
    line-height: 1.75!important;
    color: hsla(0, 0%, 100%, .199)
}

.news-article article .article-container .sub-articles .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

.news-article article .article-container .sub-articles .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

.news-article article .article-container .sub-articles .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

.news-article article .article-container .sub-articles .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

.news-article article .article-container .sub-articles .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

@media(max-width:991px)and (min-width:768px) {
    .news-article article .article-container .sub-articles .article .thumbnail {
        min-width: 300px
    }
}

@media(max-width:992px) {
    .news-article article .article-container .sub-articles {
        width: 100%!important
    }
}

@media(max-width:768px) {
    .news-article article .article-container .article-footer {
        justify-content: center!important;
        text-align: center!important
    }
    .news-article article .article-container .main .container .wrapper .left-container .news-item {
        height: auto;
        margin-bottom: 2rem
    }
    .news-article article .article-container .main .container .wrapper .left-container .news-item .item-container {
        height: 240px;
        background-size: 100% 100%;
        border-color: #c9aa71!important
    }
    .news-article article .article-container .main .container .wrapper .right-container .news-item {
        height: auto;
        margin-bottom: 1rem
    }
    .news-article article .article-container .main .container .wrapper .right-container .news-item .item-container {
        height: 220px;
        background-size: 100% 100%;
        max-height: 220px!important
    }
    .news-article article .article-container .main .container .wrapper .right-container .news-item .item-container .item-img {
        width: 100%!important;
        object-fit: cover!important;
        height: 100%!important;
        max-height: 100%
    }
    .news-article article .article-container .item-container {
        height: 220px
    }
    .news-article article .article-container .item-container .item-type {
        color: #c9aa71!important
    }
    .news-article article .article-container .item-container .item-title,
    .news-article article .article-container .item-container .item-type {
        text-shadow: 0 0 3px #000, 0 0 3px #000!important;
        font-weight: 700!important
    }
    .news-article article .article-container .item-container:hover {
        transform: scale(1)!important
    }
    .news-article article .article-container .description-container {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: transparent!important;
        text-align: center;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }
    .news-article article .article-container .description-container .item-description {
        background-color: transparent!important;
        border-top: none!important
    }
    .news-article article .article-container .description-container .item-fold {
        display: none!important
    }
    .news-article article .article-container .sub-articles .article {
        height: auto
    }
}

@media(max-width:767px) {
    .news-article article .article-container .article .thumbnail {
        display: none!important
    }
    .news-article article .article-container .article .article-content {
        margin-left: 0!important
    }
    .news-article article .article-container .searchinput {
        right: 20px!important
    }
}

.news-article article .article-container .article-comments .container {
    color: #f0e6d2;
    font-family: Beaufort;
    font-size: 18px;
    max-width: 880px
}

.news-article article .article-container .article-comments .container h3 {
    font-size: 1.728rem;
    line-height: 1.5em;
    color: #fff;
    font-weight: 700
}

.news-article article .article-container .article-comments .container li {
    list-style: none
}

.news-article article .article-container .article-comments .container hr {
    overflow: hidden;
    background-color: hsla(0, 0%, 100%, .25);
    height: 1px;
    border: 0;
    width: 100%;
    margin: 1.75rem auto
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-img {
    width: 64px;
    height: 64px
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info .comment-likes {
    color: #fbfbfb;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info .comment-likes.liked {
    color: #ff3144!important
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul {
    line-height: 1.5em;
    font-size: 1rem;
    margin-top: 6.5px;
    margin-left: 1rem!important;
    padding-left: 1rem!important
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul li {
    line-height: 17px
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-author {
    color: hsla(0, 0%, 100%, .8);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: capitalize
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-character {
    color: #fff468
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-guild {
    color: #f8b700
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-date {
    color: hsla(0, 0%, 100%, .5)
}

.news-article article .article-container .article-comments .container .comment-container .comment .lottie {
    width: 60px;
    height: 60px;
    cursor: pointer;
    filter: grayscale(1);
    transition: filter .25s ease-in;
    position: relative
}

.news-article article .article-container .article-comments .container .comment-container .comment .lottie.is-active {
    filter: none
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-body {
    margin-top: 2rem!important;
    margin-left: 90px
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-body textarea {
    padding: 1rem
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-img {
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .3), 0 0 0 3px #00aeff, 0 0 0 4px #000, 0 0 10px 4px rgba(0, 174, 255, .75)
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-author {
    color: #fff
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-character {
    color: #00aeff!important;
    font-weight: 700;
    text-shadow: 0 0 1px transparent, 0 0 4px rgba(0, 174, 255, .75)
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-date {
    color: hsla(0, 0%, 100%, .5)
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-body {
    color: #00aeff!important
}

.news-article article .article-container .article-comments .container .load-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0
}

.news-article article .article-container .article-comments .container .load-container #load-button {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    width: 300px
}

.news-article body {
    background-color: #131415
}

@media(max-width:800px) {
    .news-article .mobile-progress {
        top: 63px!important
    }
}

.news-article .mobile-progress {
    position: fixed;
    top: 69px;
    width: 100%;
    height: 2px;
    z-index: 12;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:1205px)and (min-width:1195px)and (max-height:605px)and (min-height:595px) {
    .news-article .mobile-progress {
        opacity: 0!important;
        display: none!important
    }
}

@media(max-width:991px)and (min-width:768px) {
    .news-article .mobile-progress {
        z-index: 999;
        top: 63px
    }
}

.news-article .mobile-progress .progress-bar {
    width: 0;
    height: 2px;
    background-color: #c8aa6e
}

.news-article .mobile-progress .social-links {
    flex-direction: column;
    height: 200px;
    margin-right: 35px;
    margin-top: 15%
}

.news-article .table-container {
    overflow: auto!important
}

@media(max-width:1799px) {
    .news-article .mobile-progress {
        display: block!important
    }
    .news-article .article-widget {
        display: none!important
    }
    .news-article .mousey {
        margin-top: 93vh!important
    }
}

@media(max-width:1000px) {
    .news-article article .article-container .article-comments .container .comment-container .comment .comment-body {
        margin-left: 0
    }
    .news-article article .article-container .article-comments .container .comment-container {
        padding-left: 0!important
    }
}

.news-article .navbar-toggler {
    display: none!important
}

.addnews {
    right: 15px
}

.addcate,
.addnews {
    position: relative;
    top: -35px;
    color: #e8d8b2
}

.addcate {
    right: 5px
}

.backnews {
    right: 0
}

.backnews,
.savenews {
    position: absolute;
    top: 0;
    color: #e8d8b2
}

.savenews {
    right: 80px
}

.social-links {
    font-size: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-top: 25px;
    color: #c9aa71
}

.social-links,
.social-links i:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.social-links i:hover {
    color: #fff
}

@media(max-width:768px) {
    .news-article {
        margin-top: -1rem!important;
        padding-bottom: 2rem!important
    }
    .news-article article {
        position: relative;
        margin-top: 10px;
        padding: 10vw 30px 0;
        margin-right: auto;
        margin-left: auto;
        min-width: 800px
    }
    .news-article article .article-container .article-header {
        text-align: center;
        margin-bottom: 20px;
        text-transform: uppercase
    }
    .news-article article .article-container .article-header .container {
        margin-bottom: 0
    }
    .news-article article .article-container .article-header .article-title {
        font-family: Beaufort;
        font-size: 1.3rem!important;
        line-height: 24px;
        margin-bottom: 1rem;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 24px;
        align-items: center;
        display: flex;
        flex-direction: column;
        color: #f0e6d2
    }
    .news-article article .article-container .article-header .modify-article-title {
        margin: auto;
        text-align: left;
        text-transform: uppercase;
        text-align: center;
        color: #f0e6d2!important;
        font-family: Beaufort;
        width: 100%!important;
        max-width: 500px!important;
        font-weight: 700;
        line-height: 24px
    }
    .news-article article .article-container .article-header #article-author-input {
        color: #c9aa71!important
    }
    .news-article article .article-container .article-header .article-info .article-info-inner {
        display: flex;
        justify-content: center;
        flex-direction: column
    }
    .news-article article .article-container .article-header .article-info .article-info-inner .article-author {
        color: #c9aa71!important;
        letter-spacing: .02em;
        line-height: 140%;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase
    }
    .news-article article .article-container .article-header .article-info .article-info-inner .article-date {
        color: #5a5a5a!important;
        font-family: Beaufort;
        margin-top: 1rem;
        letter-spacing: .02em;
        line-height: 140%;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase
    }
    .news-article article .article-container .article-header .article-options {
        margin-top: 0
    }
    .news-article article .article-container .article-header .article-options .article-option {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        margin: 1rem;
        border: 1px solid #c9aa71;
        padding: .5rem 1rem
    }
    .news-article article .article-container .article-header .article-options .article-option:hover {
        color: #fff!important;
        border-color: #fff!important
    }
    .news-article article .article-container .article-header .article-options .article-publish-info {
        display: flex;
        justify-content: center;
        flex-direction: column
    }
    .news-article article .article-container .article-header .article-options .article-publish-info span {
        margin: .5rem 0
    }
    .news-article article .article-container .article-body .ck-content h2 {
        font-size: 1.2rem!important
    }
    .news-article article .article-container .article-body .ck-content h2:first-of-type {
        padding: 0!important;
        background-color: transparent!important;
        border: none!important
    }
    .news-article article .article-container .article-body .ck-content h2 strong {
        font-size: 1.2rem!important
    }
    .news-article article .article-container .article-body .ck-content a,
    .news-article article .article-container .article-body .ck-content p a {
        font-size: 1rem!important
    }
    .news-article article .article-container .article-body .ck-content ol,
    .news-article article .article-container .article-body .ck-content ul {
        list-style: none;
        padding-left: 1rem
    }
    .news-article article .article-container .article-body .ck-content ol li,
    .news-article article .article-container .article-body .ck-content ul li {
        line-height: 1.4!important;
        margin-bottom: 1rem
    }
    .news-article article .article-container .article-body .ck-content ol li ol li,
    .news-article article .article-container .article-body .ck-content ol li ul li,
    .news-article article .article-container .article-body .ck-content ul li ol li,
    .news-article article .article-container .article-body .ck-content ul li ul li {
        margin-top: 1rem;
        color: grey!important
    }
    .news-article article .article-container .article-body .ck-content ol li ol li:before,
    .news-article article .article-container .article-body .ck-content ol li ul li:before,
    .news-article article .article-container .article-body .ck-content ul li ol li:before,
    .news-article article .article-container .article-body .ck-content ul li ul li:before {
        content: "â– ";
        color: #fff!important;
        display: inline-block;
        position: relative;
        left: -1rem;
        overflow: hidden;
        font-size: .5rem;
        line-height: 1
    }
    .news-article article .article-container .article-body .ck-content ol li ol li:first-of-type,
    .news-article article .article-container .article-body .ck-content ol li ul li:first-of-type,
    .news-article article .article-container .article-body .ck-content ul li ol li:first-of-type,
    .news-article article .article-container .article-body .ck-content ul li ul li:first-of-type {
        padding-top: 1rem
    }
    .news-article article .article-container .article-body .ck-content ol li ol li:last-of-type,
    .news-article article .article-container .article-body .ck-content ol li ul li:last-of-type,
    .news-article article .article-container .article-body .ck-content ul li ol li:last-of-type,
    .news-article article .article-container .article-body .ck-content ul li ul li:last-of-type {
        padding-bottom: 1rem
    }
    .news-article article .article-container .article-body .ck-content ol li:before,
    .news-article article .article-container .article-body .ck-content ul li:before {
        content: "â– ";
        color: #c9aa71;
        display: inline-block;
        position: relative;
        left: -1rem;
        overflow: hidden;
        font-size: .5rem;
        line-height: 1
    }
    .news-article article .article-container .article-outline-container {
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }
    .news-article article .article-container .article-outline-container.visible {
        opacity: 1!important
    }
    .news-article article .article-container .article-outline-container.visible .article-outline {
        padding: 1rem 1.5rem 2rem;
        width: 100%!important
    }
    .news-article article .article-container .article-outline-container .article-outline {
        background-color: #1d1d1d;
        width: 0;
        border: 1px solid #333;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out
    }
    .news-article article .article-container .article-outline-container .article-outline .outline-title {
        color: #c9aa71;
        padding: 1rem 0;
        font-size: 1.2rem;
        font-weight: 700;
        display: table
    }
    .news-article article .article-container .article-outline-container .article-outline ol {
        margin: 0;
        padding: 0 0 0 1.5rem
    }
    .news-article article .article-container .article-outline-container .article-outline ol li {
        font-size: 14px;
        margin: .5rem 0
    }
    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 {
        margin-left: 1rem
    }
    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a {
        color: #c9aa71!important;
        border: none!important
    }
    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
        color: #fff!important
    }
    .news-article article .article-container .article-outline-container .article-outline ol li a {
        color: #dcdcdc!important;
        max-width: 270px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        cursor: pointer;
        -webkit-transition: color .35s ease;
        -moz-transition: color .35s ease;
        -ms-transition: color .35s ease;
        -o-transition: color .35s ease;
        transition: color .35s ease;
        font-weight: 700;
        border-bottom: 1px solid #2d2d2d;
        padding-bottom: .5rem
    }
    .news-article article .article-container .article-outline-container .article-outline ol li a:hover {
        color: #fff!important
    }
    .news-article article .sub-articles {
        z-index: 5;
        margin-top: 0!important;
        margin-bottom: 0!important;
        padding-bottom: 0!important;
        padding-top: 2rem;
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }
    .news-article article .sub-articles .article-list {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        padding-bottom: 1rem!important
    }
    .news-article article .sub-articles .article-list .article {
        min-height: 300px!important;
        height: auto!important;
        border: none!important;
        padding: 0 0 1rem!important
    }
    .news-article article .sub-articles .article-list .article .d-flex {
        flex-direction: column
    }
    .news-article article .sub-articles .article-list .article .d-flex .thumbnail {
        height: 214px!important;
        border: 1px solid #393939!important;
        display: block!important;
        max-height: 214px!important;
        max-width: 100%!important;
        width: 100%!important
    }
    .news-article article .sub-articles .article-list .article .d-flex .article-content .article-title {
        font-size: 1rem!important;
        margin: 0!important
    }
    .news-article article .sub-articles .article-list .article .d-flex .article-content .article-description {
        display: none
    }
    .news-article section.intro {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 50vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-transition: visibility .7s;
        transition: visibility .7s;
        width: 100%;
        top: 0;
        opacity: 1;
        -webkit-transition: opacity .7s ease-in-out;
        transition: opacity .7s ease-in-out;
        position: relative;
        border-bottom: 1px solid #313131
    }
    .news-article section.intro .article-bg {
        height: 100%
    }
    .news-article section.intro.faded {
        opacity: 0;
        transition-delay: 50ms
    }
    .news-article section.intro .intro-content {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        position: absolute;
        text-align: center;
        transition: visibility .5s;
        transition-delay: 0s;
        width: 100%;
        top: 0;
        padding: 0 100px 30px
    }
}

@media(max-width:768px)and (max-width:991px)and (min-width:768px) {
    .news-article section.intro .intro-content .hero-title {
        font-size: 3rem!important
    }
}

@media(max-width:768px) {
    .news-article section.intro .intro-content .article-hero-content.faded .hero-title {
        opacity: 0;
        transform: translateY(-100px);
        transition-timing-function: ease-in;
        transition-delay: .1s
    }
    .news-article section.intro .intro-content .article-hero-content.faded .hero-author {
        opacity: 0;
        transform: translateY(-70px)!important;
        transition-timing-function: ease-in;
        transition-delay: .15s
    }
    .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-author,
    .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
        transition-delay: 0s;
        transition-timing-function: ease-out
    }
    .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
        transition-delay: .1s
    }
    .news-article section.intro .intro-content .article-hero-content .hero-author,
    .news-article section.intro .intro-content .article-hero-content .hero-title {
        transition: opacity .333s ease-out, transform .333s ease-in-out
    }
    .news-article section.intro .intro-content .article-hero-content .hero-title {
        font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 60px;
        color: #c9aa71;
        text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8);
        word-break: break-word;
        color: #f0e6d2;
        text-shadow: 0 0 20px rgba(1, 10, 19, .7)
    }
    .news-article section.intro .intro-content .article-hero-content .hero-author {
        font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 19px;
        display: block;
        color: #c9aa71!important;
        text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8)
    }
}

@media(max-width:768px) {
    .news-article section.intro .intro-content .article-intro-bottom {
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 12px;
        color: #a09b8c;
        margin-top: 20px;
        position: relative;
        text-shadow: 0 0 20px rgba(1, 10, 19, .7);
        transition: opacity .5s;
        transition-delay: 0s
    }
    .news-article section.intro .intro-content .article-intro-bottom span {
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 12px;
        color: #a09b8c;
        text-shadow: 0 0 5px #010a13, 0 0 5px #010a13
    }
    .news-article section.intro .intro-content .article-intro-bottom:before {
        bottom: -29px;
        height: 7px;
        width: 7px
    }
    .news-article section.intro .intro-content .article-intro-bottom:after,
    .news-article section.intro .intro-content .article-intro-bottom:before {
        border-bottom: 2px solid #a09b8c;
        border-left: 2px solid #a09b8c;
        content: "";
        filter: drop-shadow(0 0 20px rgba(1, 10, 19, .7));
        left: 50%;
        position: absolute;
        transform-origin: 0 100%;
        transform: rotate(-45deg)
    }
    .news-article section.intro .intro-content .article-intro-bottom:after {
        bottom: -36px;
        height: 12px;
        width: 12px
    }
}

@media(max-width:768px) {
    .news-article .news-article section.intro .hero .hero-title {
        font-size: 2rem
    }
}

@media(max-width:768px) {
    .news-article footer {
        padding-bottom: 0!important
    }
}

.ck.ck-editor__editable_inline {
    padding: 0!important;
    min-height: 200px
}

.ck.ck-editor__editable_inline>:first-child {
    margin: 0!important
}

.ck.ck-editor__editable .ck-horizontal-line {
    padding: 0!important;
    overflow: hidden!important;
    background-color: hsla(0, 0%, 100%, .25);
    height: 1px;
    border: 0;
    width: 50%;
    margin: 1.75rem auto!important
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    outline: 1px solid #c9aa71;
    border: 0!important;
    box-shadow: 0!important
}

.ck-editor__nested-editable_focused {
    border-color: #c9aa71!important;
    background-color: transparent!important;
    outline: none!important
}

.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #797979!important;
    background-color: transparent!important;
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
    width: 100%;
    display: contents!important
}

.ck-content .image {
    margin: 1.5rem 0!important;
    display: inline-block!important
}

.ck-content .image img {
    margin: 0 0 1rem!important
}

.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #c9aa71!important
}

a b,
a strong {
    color: #c9aa71!important;
    font-style: normal!important;
    font-weight: 500!important
}

a b:hover,
a strong:hover {
    color: #fff!important
}

@media(max-width:978px) {
    .changelog {
        padding: 0 15px
    }
    .changelog .page-title h2 {
        font-size: 1rem;
        margin-top: 3rem
    }
    .changelog .container .nav-panel-realms .ucp-nav .nav-link {
        padding: 13px 1px 13px 10px
    }
}

.changelog * a {
    color: #c9aa71!important
}

.changelog body {
    background-color: #131415
}

.changelog .page-title h2 {
    font-size: 2rem
}

.changelog .page-title .lead,
.changelog .page-title h2 {
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

.changelog .changelog-header {
    color: #f0e6d2;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

.changelog .changelog-header h2 {
    color: #c8aa6e;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

.changelog .nav-panel-realms {
    border-bottom: 1px solid #564F3F
}

.changelog .nav-panel-realms .ucp-nav {
    flex-direction: row;
    margin: 0;
    border-radius: 2px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.changelog .nav-panel-realms .ucp-nav .nav-separator {
    border-top: 1px solid #564F3F!important;
    border-bottom: 1px solid #564F3F!important;
    font-weight: 700;
    z-index: 2;
    color: #fff
}

.changelog .nav-panel-realms .ucp-nav .slider {
    position: absolute;
    bottom: 3px;
    height: 2px;
    box-shadow: 0 3px rgba(201, 170, 113, .49);
    transition: all .3s ease-in-out
}

.changelog .nav-panel-realms .ucp-nav .nav-transparent {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important
}

.changelog .nav-panel-realms .ucp-nav .nav-transparent:hover {
    background-color: transparent!important
}

.changelog .nav-panel-realms .ucp-nav .nav-link {
    position: relative;
    display: block;
    margin: 0 1rem 0 0;
    padding: 13px 16px 13px 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #f0e6d2!important;
    z-index: 1;
    text-align: center;
    opacity: .75;
    font-size: 1.2rem;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-bottom: 2px solid transparent;
    max-width: 358px!important;
    outline: none!important
}

.changelog .nav-panel-realms .ucp-nav .nav-link:hover {
    opacity: .9
}

.changelog .nav-panel-realms .ucp-nav .nav-link.active,
.changelog .nav-panel-realms .ucp-nav .nav-link.router-link-active,
.changelog .nav-panel-realms .ucp-nav .nav-link.router-link-exact-active {
    opacity: 1;
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 2px solid #c9aa71;
    outline: none!important;
    position: relative;
    bottom: -1.5px
}

.changelog .nav-panel-realms .ucp-nav .nav-link i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative
}

.changelog .changelog-search {
    position: relative;
    padding: .75rem 1rem;
    width: 500px;
    text-align: center;
    background-color: #1d1d1d!important;
    border: 1px solid #333;
    border-radius: .25rem!important
}

.changelog .timeline {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem
}

@media(max-width:568px) {
    .changelog .timeline {
        padding-left: 0!important
    }
    .changelog .timeline:before {
        background: transparent!important;
        display: none!important
    }
    .changelog .timeline .timeline-item:before {
        display: none!important
    }
    .changelog .timeline .timeline-item .change-type {
        display: inline-block;
        margin-bottom: .5rem
    }
    .changelog .timeline .timeline-item .change-desc {
        display: inline-block;
        width: 100%
    }
}

.changelog .timeline:before {
    content: " ";
    background: #070707;
    display: inline-block;
    position: absolute;
    left: 16px;
    width: 4px;
    height: 100%;
    z-index: 400;
    border-radius: 1rem
}

.changelog .timeline .timeline-item.closed {
    height: 85px;
    overflow: hidden
}

.changelog .timeline .timeline-item {
    margin: 20px 0;
    background-color: #1d1d1d;
    color: #f0e6d2;
    height: auto;
    border: 1px solid #333;
    -webkit-transition: all .5s ease-in-out!important;
    -moz-transition: all .5s ease-in-out!important;
    -ms-transition: all .5s ease-in-out!important;
    -o-transition: all .5s ease-in-out!important;
    transition: all .5s ease-in-out!important
}

@media(max-width:562px) {
    .changelog .timeline .timeline-item {
        margin: 20px 16px!important
    }
}

.changelog .timeline .timeline-item:hover {
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .4)!important
}

.changelog .timeline .timeline-item:before {
    content: " ";
    background: #c8aa6e;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #1f1f1f;
    left: 11px;
    width: 14px;
    height: 14px;
    z-index: 400;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.changelog .timeline .timeline-item .change-title {
    padding: 5px 15px;
    border-radius: .25em;
    background: #393737;
    font-size: 21px;
    color: #dcdcdc;
    user-select: none;
    cursor: pointer
}

@media(max-width:562px) {
    .changelog .timeline .timeline-item .change-title .changes-made {
        display: none
    }
}

.changelog .timeline .timeline-item .change-subtitle {
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: .5rem;
    user-select: none;
    color: #c9aa71!important
}

.changelog .timeline .timeline-item .change-list {
    list-style-type: none;
    margin-left: 0;
    padding: 0
}

.changelog .timeline .timeline-item .change-list .change-item .change-type {
    font-size: 12px;
    border-radius: 5px;
    width: 91px;
    height: 23px;
    line-height: 23px;
    min-height: 23px;
    min-width: 91px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 0 0 3px #000;
    user-select: none
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=new],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=New],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=NEW] {
    background-color: #007bff
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=change],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=Change],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=CHANGE] {
    background-color: #28a745
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=removed],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=Removed],
.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=REMOVED] {
    background-color: #dc3545
}

.changelog .timeline .timeline-item .change-list .change-item .change-desc {
    line-height: 23px;
    color: #f0e6d2
}

.changelog .timeline .timeline-arrow {
    border-top: .5rem solid transparent;
    border-right: .5rem solid #1d1d1d;
    border-bottom: .5rem solid transparent;
    display: block;
    position: absolute;
    left: 2rem
}

@media(max-width:768px) {
    .changelog .page-title h2 {
        font-size: 1.5rem
    }
    .changelog .timeline .timeline-item {
        -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53)!important;
        -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53)!important;
        -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53)!important;
        -o-transition: all .2s cubic-bezier(.55, .085, .68, .53)!important;
        transition: all .2s cubic-bezier(.55, .085, .68, .53)!important;
        max-height: 14000px!important;
        opacity: 1
    }
    .changelog .timeline .timeline-item .changelog-content {
        opacity: 1;
        max-height: 14000px!important
    }
    .changelog .timeline .timeline-item .changelog-content,
    .changelog .timeline .timeline-item .changelog-content * {
        -webkit-transition: all .2s ease!important;
        -moz-transition: all .2s ease!important;
        -ms-transition: all .2s ease!important;
        -o-transition: all .2s ease!important;
        transition: all .2s ease!important
    }
    .changelog .timeline .timeline-item .changelog-content .timeline-arrow {
        display: none!important
    }
    .changelog .timeline .timeline-item .changelog-content .change-title {
        border-radius: .25rem!important;
        -webkit-transition: border-radius .75s ease!important;
        -moz-transition: border-radius .75s ease!important;
        -ms-transition: border-radius .75s ease!important;
        -o-transition: border-radius .75s ease!important;
        transition: border-radius .75s ease!important
    }
    .changelog .timeline .timeline-item.closed {
        padding-top: 0!important;
        max-height: 35px!important;
        overflow: hidden;
        padding-left: 0!important;
        padding-right: 0!important
    }
    .changelog .timeline .timeline-item.closed .change-title {
        border-radius: 1px!important
    }
    .changelog .timeline .timeline-item.closed .changelog-content {
        opacity: 0
    }
}

.newsboard * a {
    color: #c9aa71!important
}

.newsboard body {
    background-color: #131415!important
}

.newsboard .sub-articles .article-list .article a .article-content {
    cursor: pointer!important
}

.newsboard .searchinput {
    right: 52px;
    position: absolute
}

.newsboard .searchrow {
    position: relative;
    margin-bottom: 50px
}

.newsboard .searchrow input {
    background: rgba(0, 0, 0, .68)!important;
    backdrop-filter: blur(5px)
}

.newsboard .searchrow {
    margin-bottom: .6rem;
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem
}

.newsboard .searchrow .board-title {
    line-height: 40px;
    font-weight: bolder;
    font-size: 2rem;
    margin-bottom: 1rem;
    user-select: none;
    color: #c9aa71;
    text-shadow: 0 0 3px #000, 0 0 3px #000!important
}

.newsboard .searchrow .searchinput {
    position: relative;
    right: 0
}

.newsboard .main .container {
    height: 100%;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

.newsboard .main .container .wrapper {
    width: 100%
}

.newsboard .main .container .wrapper .news-item .item-container {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 16px 14px rgba(0, 0, 0, .4);
    overflow: hidden;
    border: 1px solid #32281f;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container:hover {
    transform: scale(1.1);
    z-index: 99!important;
    border: 1px solid #c9aa71!important
}

.newsboard .main .container .wrapper .news-item .item-container:hover .description-container .item-fold {
    height: 50px!important;
    border-top: 1px solid #7e633b
}

.newsboard .main .container .wrapper .news-item .item-container img {
    width: 100%!important;
    object-fit: cover!important;
    height: 100%!important;
    max-height: 162px
}

.newsboard .main .container .wrapper .news-item .item-container .description-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #121212;
    text-align: center;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description {
    height: 110px;
    background-color: #121212;
    border-top: 1px solid #7e633b;
    width: 100%;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    padding: 21px 25px 0;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description .item-type {
    font-size: 13px;
    letter-spacing: 2px;
    color: #7e633b;
    font-weight: 700
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description .item-title {
    font-size: 14px;
    color: #f1e6cf;
    padding: 9px 0 6px;
    font-weight: 500;
    letter-spacing: 2px;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-fold {
    background-color: #0a0a0a;
    height: 0;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    overflow: hidden;
    text-align: center;
    color: #c8aa6e;
    line-height: 50px;
    font-size: 11px;
    letter-spacing: .3rem
}

.newsboard .main .container .wrapper .right-container .news-item {
    height: 215px;
    padding: .5rem
}

.newsboard .main .container .wrapper .right-container .news-item .item-container {
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-position: top!important;
    background-size: contain!important
}

.newsboard .main .container .wrapper .right-container .news-item .item-container .description-container .item-description {
    height: 80px;
    padding-top: 11px
}

.newsboard .main .container .wrapper .left-container .news-item {
    height: 430px;
    padding: .5rem
}

.newsboard .main .container .wrapper .left-container .news-item .item-container {
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: top;
    border-color: #c9aa71!important
}

.newsboard .main .container .mobile-wrapper {
    width: 100vw
}

.newsboard .main .container .mobile-wrapper .news-item {
    height: 350px;
    padding: 0 .5rem;
    margin-bottom: 1.5rem
}

.newsboard .main .container .mobile-wrapper .news-item .item-container {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 16px 14px rgba(0, 0, 0, .4);
    overflow: hidden;
    border: 1px solid #32281f;
    position: relative;
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.newsboard .main .container .mobile-wrapper .news-item .item-container:hover {
    transform: scale(1.1);
    z-index: 99!important;
    border: 1px solid #c9aa71!important
}

.newsboard .main .container .mobile-wrapper .news-item .item-container:hover .description-container .item-fold {
    height: 50px!important;
    border-top: 1px solid #7e633b
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #121212;
    text-align: center
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description {
    height: 110px;
    background-color: #121212;
    border-top: 1px solid #7e633b;
    width: 100%;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    padding: 21px 25px 0
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description .item-type {
    font-size: 13px;
    letter-spacing: 2px;
    color: #7e633b;
    font-weight: 700
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description .item-title {
    font-size: 14px;
    color: #f1e6cf;
    padding: 9px 0 6px;
    font-weight: 500;
    letter-spacing: 2px
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-fold {
    background-color: #0a0a0a;
    height: 0;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    overflow: hidden;
    text-align: center;
    color: #c8aa6e;
    line-height: 50px;
    font-size: 11px;
    letter-spacing: .3rem;
    position: relative;
    z-index: 5
}

.newsboard .main .container .sub-articles.sub-search {
    margin-top: 15rem
}

.newsboard .main .container .sub-articles {
    width: 100%;
    margin-top: 5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.newsboard .main .container .sub-articles .article-list {
    padding: 0!important;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.newsboard .main .container .sub-articles .article-list .article {
    width: 100%;
    height: 230px;
    list-style: none;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer!important;
    transition: all .3s ease-in-out
}

.newsboard .main .container .sub-articles .article-list .article:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.newsboard .main .container .sub-articles .article-list .article:hover .thumbnail {
    border-color: #c8aa6e
}

.newsboard .main .container .sub-articles .article-list .article:hover .article-title {
    color: #fff!important
}

.newsboard .main .container .sub-articles .article-list .article .thumbnail {
    overflow: hidden;
    height: 181px;
    width: 350px;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer!important;
    border: 1px solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.newsboard .main .container .sub-articles .article-list .article .article-content {
    cursor: pointer!important;
    margin-left: 1.5rem;
    max-width: 680px;
    z-index: -1
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-title {
    font-weight: 700;
    color: #c8aa6e;
    transition: color .4s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 1.5rem;
    line-height: 1.75!important;
    margin-top: .3rem
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-description {
    color: #f0e6d2;
    margin: .5rem 0;
    line-height: 1.5!important
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-date {
    line-height: 1.75!important;
    color: hsla(0, 0%, 100%, .199)
}

.newsboard .main .container .sub-articles .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

.newsboard .main .container .sub-articles .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

.newsboard .main .container .sub-articles .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

.newsboard .main .container .sub-articles .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

.newsboard .main .container .sub-articles .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

@media(min-width:1200px) {
    .newsboard .container {
        max-width: 1300px
    }
}

@media(max-width:991px)and (min-width:768px) {
    .newsboard .sub-articles .article .thumbnail {
        min-width: 300px
    }
}

@media(max-width:768px) {
    .newsboard .article .thumbnail {
        display: block!important;
        max-height: 214px!important;
        max-width: 100%!important;
        height: auto!important;
        width: auto!important
    }
    .newsboard .article .article-content {
        margin-left: 0!important
    }
    .newsboard .searchrow {
        justify-content: center!important;
        width: 100%!important;
        margin-top: 1rem
    }
    .newsboard .searchrow input {
        width: 100%!important
    }
    .newsboard .main .container .wrapper .left-container .news-item {
        height: 240px;
        margin-bottom: 2rem
    }
    .newsboard .main .container .wrapper .left-container .news-item .item-container {
        height: 240px;
        background-size: 100% 100%;
        border-color: #c9aa71!important
    }
    .newsboard .main .container .wrapper .right-container .news-item {
        height: 240px;
        margin-bottom: 1rem
    }
    .newsboard .main .container .wrapper .right-container .news-item .item-container {
        height: 220px;
        background-size: 100% 100%;
        max-height: 220px!important
    }
    .newsboard .main .container .wrapper .right-container .news-item .item-container .item-img {
        width: 100%!important;
        object-fit: cover!important;
        height: 100%!important;
        max-height: 100%
    }
    .newsboard .item-container {
        height: 220px
    }
    .newsboard .item-container .item-type {
        color: #c9aa71!important
    }
    .newsboard .item-container .item-title,
    .newsboard .item-container .item-type {
        text-shadow: 0 0 3px #000, 0 0 3px #000!important;
        font-weight: 700!important
    }
    .newsboard .item-container:hover {
        transform: scale(1)!important
    }
    .newsboard .description-container {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: transparent!important;
        text-align: center;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }
    .newsboard .description-container .item-description {
        background-color: transparent!important;
        border-top: none!important
    }
    .newsboard .description-container .item-fold {
        display: none!important
    }
    .newsboard .sub-articles {
        z-index: 5;
        margin-top: 0!important
    }
    .newsboard .sub-articles .article {
        min-height: 300px!important;
        height: auto!important;
        border: none!important;
        padding-bottom: 0!important
    }
    .newsboard .sub-articles .article .d-flex {
        flex-direction: column
    }
    .newsboard .sub-articles .article .d-flex .thumbnail {
        height: 214px!important;
        border: 1px solid #393939!important
    }
    .newsboard .sub-articles .article .d-flex .article-content .article-title {
        font-size: 1rem!important;
        margin-bottom: 0!important
    }
    .newsboard .sub-articles .article .d-flex .article-content .article-description {
        display: none
    }
}

.ui-menu {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0;
    left: auto!important
}

.ui-menu .ui-menu-item {
    background-color: #131415
}

.ui-menu .ui-menu-item img {
    margin-left: 10px
}

#faqboard {
    min-height: 79%!important
}

#faqboard .searchinputrow {
    right: 52px;
    position: absolute;
    border: 1px solid grey;
    padding-top: 5px;
    padding-bottom: 5px
}

#faqboard .searchinputrow .btn {
    color: #fff
}

#faqboard .searchinput {
    border: none;
    outline: none
}

#faqboard .searchinput:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#faqboard .searchrow {
    margin-top: 70px;
    position: relative
}

@media(max-width:596px) {
    #faqboard .display-4 {
        font-size: 1.3rem!important;
        font-weight: 700
    }
}

#faqboard .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

#faqboard .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

#faqboard .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#faqboard .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

#faqboard .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#faqboard h3 {
    font-size: 1.5rem;
    color: #c9aa71;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85);
    font-weight: 700
}

#faqboard .faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
    border: 1px solid #564F3F;
    box-shadow: 0 1px 5px rgba(85, 85, 85, .15)
}

#faqboard .faq-nav .nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    background: #0c1717;
    border: 0;
    border-bottom: 1px solid #564F3F;
    border-radius: 0;
    color: #616161;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#faqboard .faq-nav .nav-link .ubadge {
    float: right
}

#faqboard .faq-nav .nav-link:hover {
    background-color: #262626
}

#faqboard .faq-nav .nav-link.active {
    background-color: #262626;
    font-weight: 700;
    color: rgba(0, 0, 0, .87)
}

#faqboard .faq-nav .nav-link:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0
}

#faqboard .faq-nav .nav-link i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative
}

#faqboard .tab-content {
    box-shadow: 0 1px 5px rgba(15, 15, 15, .15)
}

#faqboard .tab-content .card {
    border-radius: 0;
    background-color: #121212;
    border: 1px solid #564F3F
}

#faqboard .tab-content .card-header {
    padding: 0;
    border-radius: 0;
    background-color: #0c1717;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#faqboard .tab-content .card-header:hover {
    background-color: #262626
}

#faqboard .tab-content .card-header h5 {
    margin: 0
}

#faqboard .tab-content .card-header h5 button {
    display: block;
    width: 100%;
    border: 0;
    font-weight: 700;
    color: #c9aa71;
    text-align: left;
    white-space: normal;
    padding: 15px 16px
}

#faqboard .tab-content .card-header h5 button:active,
#faqboard .tab-content .card-header h5 button:focus,
#faqboard .tab-content .card-header h5 button:hover,
#faqboard .tab-content .card-header h5 button:hover:active {
    text-decoration: none;
    background-color: transparent!important;
    color: #c9aa71!important
}

#faqboard .tab-content .card-body p {
    color: #616161
}

#faqboard .tab-content .card-body p:last-of-type {
    margin: 0
}

#faqboard .accordion>.card:not(:last-child) {
    border-bottom: 0
}

#faqboard .collapse.show .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.table-up {
    margin-left: -45px
}

.table-down {
    margin-left: 20px
}

.action_btn {
    color: #e8d8b2!important
}

.addcategoryrow {
    margin-top: 20px;
    margin-bottom: 20px
}

#table_div {
    overflow-x: hidden
}

#table {
    text-align: center
}

.clear_q {
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
    background: none
}

.clear_q:hover {
    background-color: transparent!important;
    border: none!important
}

#contactboard .donate-icon:after {
    background: url(/media/icon/donation.svg) no-repeat;
    background-size: contain
}

#contactboard .history-icon:after {
    background: url(/media/icon/receipt.svg) no-repeat;
    background-size: contain
}

#contactboard .redeem-icon:after {
    background: url(/media/icon/redeem.svg) no-repeat;
    background-size: contain
}

#contactboard .money-icon:after {
    background: url(/media/icon/money.svg) no-repeat;
    background-size: contain
}

#contactboard .paypal-icon:after {
    background: url(/media/logo/paypal.svg) no-repeat;
    background-size: contain
}

#contactboard .pending-container {
    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;
    background-color: #1d1d1d;
    padding: 14px 16px 14px 0;
    position: relative;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    max-width: 600px
}

@media only screen and (max-width:576px) {
    #contactboard .pending-container img {
        display: none!important
    }
}

#contactboard .pending-container img {
    width: 90px;
    position: absolute;
    bottom: 14px;
    left: 1rem
}

#contactboard .pending-container div {
    margin-left: 200px
}

#contactboard .pending-container div span {
    font-size: 18px;
    line-height: 20px;
    color: #dcdcdc
}

#contactboard .pending-container div .order-qty {
    background-color: #c9aa71;
    color: #000;
    padding: .1rem .5rem;
    border-radius: 5px
}

@media only screen and (max-width:576px) {
    #contactboard .payment-padding {
        padding: 1rem!important
    }
    #contactboard .paymentwall.payment-padding {
        padding: 1rem .5rem!important
    }
}

#contactboard #myTab .nav-item {
    user-select: none
}

#contactboard #myTab .nav-item .nav-link {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#contactboard #myTab .nav-item .router-link-exact-active {
    color: #dcdcdc!important;
    font-weight: 700
}

.cc-debit-card {
    min-height: 652px
}

.cc-debit-card .proc-body {
    min-height: 550px!important
}

.cc-debit-card .proc-text {
    color: #827d7d;
    font-weight: 700
}

.cc-debit-card .purchased-text {
    font-weight: 700;
    color: #5cb85c
}

.cc-debit-card {
    width: 40px;
    height: 40px;
    margin: 50px auto
}

.form-group label {
    user-select: none
}

.form-group a {
    color: #c9aa71;
    text-decoration: underline!important;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.form-group a:hover {
    color: #fff!important
}

.form-group .bep20 {
    color: #dc143c;
    font-weight: 700;
    text-shadow: 0 0 5px #dc143c;
    margin-left: 1rem
}

.checkbox label,
.small.cc-text {
    user-select: none
}

.checkbox label {
    color: #dcdcdc
}

.checkbox label a {
    color: #c9aa71;
    text-decoration: underline!important;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.checkbox label a:hover {
    color: #fff!important
}

.donateboard {
    margin-bottom: 2rem
}

.donateboard .selection .item-anchor .item-inner .item-title {
    margin-bottom: 60px!important
}

.donateboard .selection .payment-option .item-inner .item-title {
    margin-bottom: 10px!important
}

.donateboard .container {
    margin-bottom: 5rem
}

.donateboard .item-title {
    color: #8a8a8a
}

.donateboard .bonus-dp {
    color: #ffba2f
}

.donateboard #paypal .paypal-logo {
    padding-left: 0;
    padding-bottom: 1rem;
    margin-top: 10px
}

.donateboard .discount-dropdown {
    background-color: #0c1717!important;
    color: #f0c87d!important;
    text-shadow: #595757 0 0 2px
}

.donateboard .discount-text {
    line-height: 40px;
    font-weight: 700;
    color: #f0c87d;
    text-shadow: #595757 0 0 2px;
    position: relative;
    text-shadow: 0 0 5px #ff5400
}

.donateboard .discount-clarification {
    color: #dcdcdc;
    line-height: 40px;
    font-weight: 700;
    text-shadow: 0 0 5px #000
}

.donateboard .discount-color {
    color: #f0c87d;
    text-shadow: #595757 0 0 2px
}

.donateboard .nav-item {
    border: transparent!important
}

.donateboard #egc #redeem-link {
    margin-bottom: .5rem!important;
    position: relative!important;
    top: -2px!important
}

.donateboard #egc .btn-primary {
    line-height: 35px
}

.donateboard #redeem #egc-link {
    margin-bottom: .5rem!important;
    position: relative!important;
    top: -2px!important
}

.donateboard .nav-link.router-link-exact-active.router-link-active {
    border-color: rgba(222, 226, 230, .12) rgba(222, 226, 230, .12) currentcolor!important;
    border-bottom: transparent!important;
    background: #0c1717;
    color: #c9aa71!important
}

.donateboard .nav-link {
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85)!important;
}

.donateboard .payment-tab {
    margin-top: 2rem;
    text-align: left
}

.donateboard .payment-tab .nav-item,
.donateboard .payment-tab .nav-link {
    border: none!important
}

.donateboard .payment-tab .tab-pane {
    box-shadow: 0 0 16px 14px rgba(0, 0, 0, .2)!important
}

.donateboard .payment-tab .nav-tabs .nav-link {
    border: none!important;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85)!important
}

.donateboard .payment-tab .nav-tabs .nav-link .nav-item.router-link-exact-active {
    border-color: rgba(222, 226, 230, .12)!important
}

.donateboard .payment-tab .nav-tabs .nav-item.show .nav-link,
.donateboard .payment-tab .nav-tabs .nav-link.active,
.donateboard .payment-tab .router-link-exact-active {
    border: none!important;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85)!important
}

.donateboard .payment-tab .btn-primary {
    background: #00c6ff;
    background: -webkit-linear-gradient(90deg, #0072ff, #00c6ff);
    background: linear-gradient(90deg, #0072ff, #00c6ff);
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: 5px;
    position: relative;
    color: #fff!important;
    font-size: 1.2rem;
    box-shadow: 0 0 10px 1px #0079c1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    border: none!important
}

.donateboard .payment-tab .btn-primary:hover {
    box-shadow: 0 0 10px 1px #00d2ff!important;
    background: #00d2ff;
    background: -webkit-linear-gradient(90deg, #3a7bd5, #00d2ff);
    background: linear-gradient(90deg, #3a7bd5, #00d2ff);
    color: #fff!important
}

.donateboard .payment-tab .btn-coinbase {
    background: #6f00ff;
    background: -webkit-linear-gradient(90deg, #0072ff, #6f00ff);
    background: linear-gradient(90deg, #0072ff, #6f00ff);
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: 5px;
    position: relative;
    color: #fff!important;
    font-size: 1.2rem;
    box-shadow: 0 0 10px 1px #0027c1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    border: none!important
}

.donateboard .payment-tab .btn-coinbase:hover {
    box-shadow: 0 0 10px 1px #6f00ff!important;
    background: #6f00ff;
    background: -webkit-linear-gradient(90deg, #3a7bd5, #6f00ff);
    background: linear-gradient(90deg, #3a7bd5, #6f00ff);
    color: #fff!important
}

.donateboard .payment-tab .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

.donateboard .payment-tab .card {
    background-color: #0c1717;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
}

@media(max-width:768px) {
    #contactboard.donateboard .donate-title {
        font-size: 1.5rem!important
    }
    #contactboard.donateboard .bep20 {
        color: #dc143c;
        font-weight: 700;
        text-shadow: 0 0 5px #dc143c;
        margin-left: 0;
        margin-top: .25rem;
        display: block
    }
}

@media only screen and (min-width:1162px) {
    #download-page .content {
        max-width: 760px
    }
}

#download-page h1 {
    font-weight: 700
}

@media only screen and (min-width:768px) {
    #download-page h1 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 2rem
    }
}

#download-page h2 {
    color: hsla(0, 0%, 100%, .85)
}

@media only screen and (min-width:768px) {
    #download-page h2 {
        font-size: 1.625rem;
        line-height: 2.25rem;
        letter-spacing: -.03062rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

#download-page .row .download-subtext .small {
    color: hsla(0, 0%, 100%, .48)!important
}

#download-page .row .download-subtext .small .small-link {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#download-page .row .download-subtext .small .small-link:hover {
    text-decoration: underline!important;
    color: #fff!important
}

@media only screen and (max-width:768px) {
    #download-page .row .download-subtext {
        margin-top: 2rem!important
    }
    #download-page .row .action-list {
        display: block!important;
        padding: 0!important;
        margin: 1rem 0
    }
    #download-page .row .action-list .action-item {
        width: 90%!important;
        margin: 1rem auto!important
    }
}

#download-page .row .action-list {
    margin: 3rem auto 1rem;
    display: flex;
    align-items: center;
    border-radius: 3.75rem
}

#download-page .row .action-list .action-item {
    display: inline-block;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    list-style-type: none;
    padding: 1.5625rem 2.5rem;
    border-radius: 3.75rem;
    border: 1px solid #4d4d4d;
    width: 100%;
    text-align: center;
    color: hsla(0, 0%, 100%, .65)!important;
    background-color: rgba(0, 0, 0, .25)!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#download-page .row .action-list .action-item:hover {
    background-color: rgba(61, 61, 61, .25)!important;
    border: 1px solid #c9aa71;
    cursor: pointer!important
}

#download-page .row .action-list .action-item h2 {
    color: hsla(0, 0%, 100%, .85)!important;
    font-weight: 700
}

#download-page .row .action-list .action-item .mdi {
    font-size: 3rem;
    color: #c9aa71
}

#download-page .row .action-list .action-item p {
    line-height: 20px;
    color: hsla(0, 0%, 100%, .65)!important
}

#download-page .download-upper ul {
    margin: 3rem auto 1rem;
    display: flex;
    max-width: 46.25rem;
    align-items: center;
    background-color: rgba(0, 0, 0, .25)!important;
    padding: 1.5625rem 2.5rem;
    border-radius: 3.75rem;
    border: 1px solid #4d4d4d
}

@media only screen and (max-width:568px) {
    #download-page .download-upper ul {
        flex-direction: column!important;
        width: 90%!important;
        margin: 3rem auto!important
    }
}

#download-page .download-upper ul li {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    list-style-type: none;
    padding: .5rem 1rem;
    width: 100%;
    text-align: center;
    color: hsla(0, 0%, 100%, .65)
}

#download-page .download-upper ul li strong {
    color: #fff
}

@media(max-width:558px) {
    .thankstitle {
        font-size: 1.5rem!important
    }
}

@media(max-width:389px) {
    .thankstitle {
        font-size: 1rem!important
    }
}

#ucpboard h3 {
    font-size: 1.5rem;
    color: #c9aa71;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85);
    font-weight: 700
}

#ucpboard .no-event {
    pointer-events: none
}

#ucpboard .btn-outline-primary {
    color: #c9aa71!important;
    border: 1px solid #c9aa71;
    border-color: #c9aa71!important
}

#ucpboard .btn-outline-primary:hover {
    color: #000!important
}

#ucpboard .leaderboard-card {
    overflow: hidden!important
}

#ucpboard .leaderboard-card:hover .card-body,
#ucpboard .leaderboard-card:hover .card-header {
    box-shadow: 3px 5px 5px rgba(0, 0, 0, .342)
}

#ucpboard .leaderboard-card:hover .hof-edit {
    display: block!important;
    position: absolute;
    top: 1rem;
    right: 1rem
}

#ucpboard .leaderboard-card .card-img-wrapper {
    padding-top: 56.25%;
    height: 0;
    overflow: hidden!important;
    position: relative;
    border: 1px solid #333
}

#ucpboard .leaderboard-card .card-img-wrapper .card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#ucpboard .leaderboard-card .card-img-wrapper .card-img-top,
#ucpboard .leaderboard-card .card-img-wrapper .hof-edit {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card .card-img-wrapper .hof-edit {
    display: none;
    border: 1px solid #c9aa71!important;
    background-color: #0c1717;
    color: #c9aa71!important;
    padding: .5rem 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#ucpboard .leaderboard-card .card-img-wrapper .hof-edit:hover {
    background-color: #c9aa71!important;
    color: #000!important
}

#ucpboard .leaderboard-card .card-body {
    border: 1px solid #333;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card:hover .card-img-wrapper {
    border: 1px solid #c9aa71!important;
    position: relative
}

#ucpboard .leaderboard-card:hover .card-img-wrapper .card-img-top {
    transform: scale(1.5) rotate(5deg)!important;
    filter: sepia(50%)!important;
    cursor: pointer;
    top: 0;
    left: 0
}

#ucpboard #ucp-container {
    max-width: 2000px;

}

#ucpboard #ucp-container .personal-placement tbody tr {
    border-left: 2px solid orange;
    margin-bottom: 1rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

#ucpboard #ucp-container .personal-placement tbody tr:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

#ucpboard #ucp-container .mythic tr th img,
#ucpboard #ucp-container .mythic tr th span {
    margin-top: auto;
    margin-bottom: auto
}

#ucpboard #ucp-container .mythic tr th.table-category-0,
#ucpboard #ucp-container .mythic tr th.table-category-1,
#ucpboard #ucp-container .mythic tr th.table-category-2 {
    line-height: 50px!important
}

#ucpboard #ucp-container .mythic tr th.table-category-3,
#ucpboard #ucp-container .mythic tr th.table-category-5 {
    line-height: 25px!important
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@-moz-document url-prefix() {
    #ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: gold;
        -webkit-appearance: none
    }
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type :first-child span {
    padding: .5rem .75rem;
    background-color: gold;
    box-shadow: 0 0 5px #c9aa71;
    color: #000!important;
    border-radius: 5px
}

@supports(-moz-appearance:none) {
    #ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type :first-child span:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 69px;
        width: 3px;
        background: gold;
        -webkit-appearance: none
    }
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type .table-category-1,
#ucpboard #ucp-container .applyRankingStyle tbody tr:first-of-type .table-category-2 {
    color: gold!important
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(2) {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@supports(-moz-appearance:none) {
    #ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(2):after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: #b7d8f4
    }
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(2) :first-child span {
    padding: .5rem .75rem;
    background-color: #b7d8f4;
    box-shadow: 0 0 5px #b7d8f4;
    color: #000!important;
    border-radius: 5px
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(2) .table-category-1,
#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(2) .table-category-2 {
    color: #b7d8f4!important
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(3) {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@supports(-moz-appearance:none) {
    #ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(3):after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: #b99867
    }
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(3) :first-child span {
    padding: .5rem .75rem;
    background-color: #b99867;
    box-shadow: 0 0 5px #b99867;
    color: #000!important;
    border-radius: 5px
}

#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(3) .table-category-1,
#ucpboard #ucp-container .applyRankingStyle tbody tr:nth-of-type(3) .table-category-2 {
    color: #b99867!important
}

#ucpboard #ucp-container .global-ranking {
    width: 100%!important;
    max-width: 100%
}

#ucpboard #ucp-container .global-ranking tbody tr {
    position: relative;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8)
}

#ucpboard #ucp-container .global-ranking .thead-item-wrapper {
    flex-direction: row
}

#ucpboard #ucp-container .global-ranking .thead-item {
    line-height: 24px
}

#ucpboard #ucp-container .global-ranking .sort-button img {
    height: 16px;
    margin-top: 4px;
    margin-left: 5px
}

#ucpboard #ucp-container .global-ranking .first-place {
    color: gold!important;
    text-shadow: 0 0 1px transparent, 0 0 3px gold
}

#ucpboard #ucp-container .global-ranking .second-place {
    color: #9ab5bd!important;
    text-shadow: 0 0 1px transparent, 0 0 3px #9ab5bd
}

#ucpboard #ucp-container .global-ranking .third-place {
    color: #b58c41!important;
    text-shadow: 0 0 1px transparent, 0 0 3px #b58c41
}

#ucpboard #ucp-container .global-ranking thead tr {
    background: #132626
}

#ucpboard #ucp-container .global-ranking thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    font-size: 14px;
    border-bottom: none;
    width: auto!important;
    text-shadow: 0 0 1px transparent, 0 0 5px rgba(0, 0, 0, .8)
}

#ucpboard #ucp-container .global-ranking tbody {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#ucpboard #ucp-container .global-ranking tbody .died,
#ucpboard #ucp-container .global-ranking tbody .ilvl,
#ucpboard #ucp-container .global-ranking tbody .kills,
#ucpboard #ucp-container .global-ranking tbody .lvl,
#ucpboard #ucp-container .global-ranking tbody .place {
    overflow: hidden;
    position: relative
}

#ucpboard #ucp-container .global-ranking tbody .died:empty:before,
#ucpboard #ucp-container .global-ranking tbody .ilvl:empty:before,
#ucpboard #ucp-container .global-ranking tbody .kills:empty:before,
#ucpboard #ucp-container .global-ranking tbody .lvl:empty:before,
#ucpboard #ucp-container .global-ranking tbody .place:empty:before {
    width: calc(100% - 16px);
    height: 18px;
    overflow-x: hidden;
    background-image: linear-gradient(#424242 40px, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: 15px;
    z-index: 1;
    top: 15px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .name,
#ucpboard #ucp-container .global-ranking tbody .played {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .name:empty:before,
#ucpboard #ucp-container .global-ranking tbody .played:empty:before {
    width: calc(100% - 16px);
    height: 18px;
    overflow-x: hidden;
    background-image: linear-gradient(#424242 40px, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: 15px;
    z-index: 1;
    top: 15px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .reason {
    overflow: hidden;
    position: relative
}

#ucpboard #ucp-container .global-ranking tbody .reason:empty:before {
    width: calc(100% - 32px);
    height: 18px;
    overflow-x: hidden;
    background-image: linear-gradient(#424242 40px, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: 15px;
    z-index: 1;
    top: 15px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media(max-width:768px) {
    #ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft {
        margin: 0!important;
        display: flex;
        justify-content: center!important;
        text-align: center;
        padding-left: 15px!important;
        font-size: 1.1rem
    }
    #ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight {
        margin: 0!important;
        display: flex;
        justify-content: center!important;
        text-align: center;
        padding-bottom: 15px;
        padding-right: 15px!important
    }
    #ucpboard #ucp-container #ranking-table_wrapper #ranking-table_filter {
        width: 80%
    }
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft {
    padding-left: 1.5rem
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft h3 {
    padding: 0;
    margin: 0;
    color: #fff!important;
    font-size: .85rem;
    display: inline-block;
    align-self: center;
    line-height: 64px
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight {
    display: flex;
    justify-content: end;
    justify-content: flex-end;
    padding-right: 1.5rem
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter {
    display: flex;
    justify-content: center;
    flex-direction: column
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter input {
    background-color: rgba(0, 0, 0, .1)!important
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter label {
    margin-bottom: 0!important
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter label .ranking-search-text {
    margin-bottom: 0!important;
    line-height: 40px;
    margin-right: 1rem
}

#ucpboard #ucp-container #ranking-table_paginate .pagination {
    display: flex;
    justify-content: end;
    justify-content: flex-end
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button {
    border: 1px solid rgba(52, 56, 61, .42)!important;
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button .page-link {
    border: none
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button .active .page-item {
    color: red!important
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button.disabled {
    pointer-events: none
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button.disabled .page-link {
    border: 1px solid rgba(52, 56, 61, .42)!important
}

#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_next,
#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_previous {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important;
    color: #dcdcdc
}

#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_next .page-link,
#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_previous .page-link {
    border: none!important
}

#ucpboard #ucp-container .table-top {
    width: 100%;
    padding: 0 1rem;
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    background-color: #0c1717;
    margin-top: 3rem;
    height: 60px
}

#ucpboard #ucp-container .table-top h3 {
    padding: 0;
    margin: 0;
    color: #fff!important;
    font-size: .85rem;
    display: inline-block;
    align-self: center;
    line-height: 64px
}

#ucpboard #ucp-container .table-top .leaderboard-search {
    height: 60px;
    padding: .75rem 1rem 1rem
}

#ucpboard #ucp-container .table-top .leaderboard-search form {
    margin: 0
}

#ucpboard #ucp-container .refresh-container {
    flex-direction: column
}

#ucpboard #ucp-container .refresh-container button.btn-refresh {
    width: 37px;
    height: 37px;
    background-color: #c9aa71!important;
    color: #000!important;
    border: 0;
    border-radius: 5px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard #ucp-container .refresh-container button.btn-refresh:hover {
    opacity: .85
}

#ucpboard #ucp-container .leaderboard-search {
    margin-left: 1rem;
    border-left: 1px solid rgba(68, 73, 81, .45);
    border-right: 1px solid rgba(68, 73, 81, .45);
    padding: .75rem 1rem
}

#ucpboard #ucp-container .leaderboard-search .form-group {
    margin: 0!important
}

#ucpboard #ucp-container .leaderboard-search .input-group-text {
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: none
}

#ucpboard #ucp-container .leaderboard-search input {
    border: none;
    padding: 0 .5rem
}

#ucpboard #ucp-container .leaderboard-search input:active,
#ucpboard #ucp-container .leaderboard-search input:focus {
    outline: 0!important;
    box-shadow: 0!important
}

#ucpboard #ucp-container .table {
    background-color: #0c1717
}

#ucpboard #ucp-container .table thead tr th {
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important
}

@media(max-width:768px) {
    #ucpboard #ucp-container .table thead tr .prestige th:nth-of-type(3n) {
        display: none!important
    }
    #ucpboard #ucp-container .table thead tr .prestige th:nth-of-type(4n) {
        display: table-cell!important
    }
}

@media(max-width:768px) {
    #ucpboard #ucp-container .table thead tr th:nth-of-type(4n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(5n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(6n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(7n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(8n) {
        display: none!important
    }
}

@media(max-width:991px)and (min-width:768px) {
    #ucpboard #ucp-container .table thead tr th:nth-of-type(6n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(7n),
    #ucpboard #ucp-container .table thead tr th:nth-of-type(8n) {
        display: none!important
    }
}

#ucpboard #ucp-container .table tbody tr {
    color: #fff!important
}

#ucpboard #ucp-container .table tbody tr td,
#ucpboard #ucp-container .table tbody tr th {
    padding: 1.5rem 1rem;
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important;
    border-top: 1px solid rgba(52, 56, 61, .42)
}

@media(max-width:991px)and (min-width:768px) {
    #ucpboard #ucp-container .table tbody tr td:nth-of-type(5n),
    #ucpboard #ucp-container .table tbody tr th:nth-of-type(5n) {
        display: none!important
    }
}

@media(max-width:768px) {
    #ucpboard #ucp-container .table .prestige th:nth-of-type(3n) {
        display: none!important
    }
    #ucpboard #ucp-container .table .prestige th:nth-of-type(4n) {
        display: table-cell!important
    }
}

#ucpboard #ucp-container .table .achievements img,
#ucpboard #ucp-container .table .fel-touched img,
#ucpboard #ucp-container .table .ironman img,
#ucpboard #ucp-container .table .nightmare img,
#ucpboard #ucp-container .table .prestige img,
#ucpboard #ucp-container .table .resolute img,
#ucpboard #ucp-container .table .survivalist img {
    height: 20px!important
}

@media(max-width:768px) {
    #ucpboard #ucp-container .table .table-category-3,
    #ucpboard #ucp-container .table .table-category-4,
    #ucpboard #ucp-container .table .table-category-5,
    #ucpboard #ucp-container .table .table-category-6,
    #ucpboard #ucp-container .table .table-category-7,
    #ucpboard #ucp-container .table .table-category-8,
    #ucpboard #ucp-container .table .table-category-9,
    #ucpboard #ucp-container .table .table-category-10 {
        display: none!important
    }
}

@media(max-width:991px)and (min-width:768px) {
    #ucpboard #ucp-container .table .table-category-6,
    #ucpboard #ucp-container .table .table-category-7,
    #ucpboard #ucp-container .table .table-category-8,
    #ucpboard #ucp-container .table .table-category-9,
    #ucpboard #ucp-container .table .table-category-10 {
        display: none!important
    }
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-1,
#ucpboard #ucp-container .table .arena-2v2 .table-category-1,
#ucpboard #ucp-container .table .arena-3v3 .table-category-1,
#ucpboard #ucp-container .table .honorable-kills .table-category-1 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-1 img,
#ucpboard #ucp-container .table .arena-2v2 .table-category-1 img,
#ucpboard #ucp-container .table .arena-3v3 .table-category-1 img,
#ucpboard #ucp-container .table .honorable-kills .table-category-1 img {
    height: 20px!important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-2,
#ucpboard #ucp-container .table .arena-2v2 .table-category-2,
#ucpboard #ucp-container .table .arena-3v3 .table-category-2,
#ucpboard #ucp-container .table .honorable-kills .table-category-2 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-2 img,
#ucpboard #ucp-container .table .arena-2v2 .table-category-2 img,
#ucpboard #ucp-container .table .arena-3v3 .table-category-2 img,
#ucpboard #ucp-container .table .honorable-kills .table-category-2 img {
    height: 20px!important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-3,
#ucpboard #ucp-container .table .arena-2v2 .table-category-3,
#ucpboard #ucp-container .table .arena-3v3 .table-category-3,
#ucpboard #ucp-container .table .honorable-kills .table-category-3 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-3 img,
#ucpboard #ucp-container .table .arena-2v2 .table-category-3 img,
#ucpboard #ucp-container .table .arena-3v3 .table-category-3 img,
#ucpboard #ucp-container .table .honorable-kills .table-category-3 img {
    height: 20px!important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-4,
#ucpboard #ucp-container .table .arena-2v2 .table-category-4,
#ucpboard #ucp-container .table .arena-3v3 .table-category-4,
#ucpboard #ucp-container .table .honorable-kills .table-category-4 {
    color: #0f0
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-5,
#ucpboard #ucp-container .table .arena-2v2 .table-category-5,
#ucpboard #ucp-container .table .arena-3v3 .table-category-5,
#ucpboard #ucp-container .table .honorable-kills .table-category-5 {
    color: #db2300
}

#ucpboard .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

#ucpboard .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

#ucpboard .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#ucpboard .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: 1px solid #c8aa6e;
    color: #c8aa6e;
    width: 300px;
    background-color: transparent
}

#ucpboard .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#ucpboard .nav-panel-realms {
    border-bottom: 1px solid #564F3F
}

#ucpboard .nav-panel-realms .ucp-nav {
    flex-direction: row;
    margin: 0;
    border-radius: 2px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

#ucpboard .nav-panel-realms .ucp-nav .nav-separator {
    border-top: 1px solid #564F3F!important;
    border-bottom: 1px solid #564F3F!important;
    font-weight: 700;
    z-index: 2;
    color: #fff
}

#ucpboard .nav-panel-realms .ucp-nav .slider {
    position: absolute;
    bottom: 3px;
    height: 2px;
    box-shadow: 0 3px rgba(201, 170, 113, .49);
    transition: all .3s ease-in-out
}

#ucpboard .nav-panel-realms .ucp-nav .nav-transparent {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-transparent:hover {
    background-color: transparent!important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link {
    position: relative;
    display: block;
    margin: 0 1rem 0 0;
    padding: 13px 16px 13px 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #f0e6d2!important;
    z-index: 1;
    text-align: center;
    opacity: .75;
    font-size: 1.2rem;
    text-shadow: 0 0 1px #000, 0 1px 2px #000!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-bottom: 2px solid transparent;
    max-width: 358px!important;
    outline: none!important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link:hover {
    opacity: .9
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link.active,
#ucpboard .nav-panel-realms .ucp-nav .nav-link.router-link-active,
#ucpboard .nav-panel-realms .ucp-nav .nav-link.router-link-exact-active {
    opacity: 1;
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 2px solid #c9aa71;
    outline: none!important;
    position: relative;
    bottom: -1.5px
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative
}

#ucpboard .tab-content.sub-panels .tab-pane {
    width: 100%;
    margin-top: 2rem
}

#ucpboard .tab-panel {
    position: relative
}

#ucpboard .tab-panel .tab-content .page-title {
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .tab-panel .tab-content .con-test {
    min-height: 100vh;
    margin-top: 0
}

#ucpboard .tab-panel .tab-content .ucp-card {
    margin-bottom: 30px
}

#ucpboard .tab-panel .tab-content .ucp-card .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header {
    padding: 30px 40px;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff!important;
    cursor: pointer
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header .link-container i {
    margin-left: 5px;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 13px
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header h3 {
    font-size: 20px!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header h3,
#ucpboard .tab-panel .tab-content .ucp-card .card-header h5 {
    margin: 0!important;
    padding: 0!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body {
    padding: 40px;
    justify-content: center!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .info-card .info-label {
    color: #c9aa71!important;
    font-weight: 700
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .info-card .info-value {
    border: none!important;
    color: #fff!important;
    font-size: 18px;
    padding-left: 0!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress {
    width: 150px;
    height: 150px;
    background: none;
    position: relative
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0!important;
    font-size: 35px!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 16px
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 30px;
    line-height: 36px;
    margin-right: 16px;
    opacity: .2
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 40px;
    color: #c9aa71;
    text-decoration: underline!important;
    opacity: 1
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71!important;
    opacity: 1!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 40px;
    color: #fff;
    text-decoration: none!important;
    opacity: .35
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important;
    pointer-events: none!important;
    opacity: .5!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table thead tr {
    border-top: none!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 2px solid rgba(222, 226, 230, .36)!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table tbody tr td {
    color: hsla(0, 0%, 100%, .5)!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .donation-balance {
    font-size: 30px;
    color: #c9aa71;
    font-weight: 700;
    line-height: 56px
}

#ucpboard .tab-panel .ucp-card {
    margin-bottom: 30px
}

#ucpboard .tab-panel .ucp-card .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#ucpboard .tab-panel .ucp-card .card-header {
    padding: 30px 40px;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #564F3F;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .tab-panel .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff!important;
    cursor: pointer
}

#ucpboard .tab-panel .ucp-card .card-header .link-container i {
    margin-left: 5px;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 13px
}

#ucpboard .tab-panel .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .tab-panel .ucp-card .card-header h3 {
    font-size: 20px!important
}

#ucpboard .tab-panel .ucp-card .card-header h3,
#ucpboard .tab-panel .ucp-card .card-header h5 {
    margin: 0!important;
    padding: 0!important
}

#ucpboard .tab-panel .ucp-card .card-body {
    padding: 40px;
    justify-content: center!important
}

#ucpboard .tab-panel .ucp-card .card-body .info-card .info-label {
    color: #c9aa71!important;
    font-weight: 700
}

#ucpboard .tab-panel .ucp-card .card-body .info-card .info-value {
    border: none!important;
    color: #fff!important;
    font-size: 18px;
    padding-left: 0!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress {
    width: 150px;
    height: 150px;
    background: none;
    position: relative
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0!important;
    font-size: 35px!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 16px
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 30px;
    line-height: 36px;
    margin-right: 16px;
    opacity: .2
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 40px;
    color: #c9aa71;
    text-decoration: underline!important;
    opacity: 1
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71!important;
    opacity: 1!important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 40px;
    color: #fff;
    text-decoration: none!important;
    opacity: .35
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none!important;
    border: 1px solid #564F3F!important;
    pointer-events: none!important;
    opacity: .5!important
}

#ucpboard .tab-panel .ucp-card .card-body .table thead tr {
    border-top: none!important
}

#ucpboard .tab-panel .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71!important;
    border-bottom: 2px solid rgba(222, 226, 230, .36)!important
}

#ucpboard .tab-panel .ucp-card .card-body .table tbody tr td {
    color: hsla(0, 0%, 100%, .5)!important
}

#ucpboard .tab-panel .ucp-card .card-body .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#ucpboard .tab-panel .ucp-card .card-body .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .tab-panel .ucp-card .card-body .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#ucpboard .tab-panel .ucp-card .card-body .donation-balance {
    font-size: 30px;
    color: #c9aa71;
    font-weight: 700;
    line-height: 56px
}

#ucpboard .accordion>.card:not(:last-child) {
    border-bottom: 0
}

#ucpboard .collapse.show .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

#hof-modal .modal-footer .btn-primary {
    padding: .8rem 2.5rem;
    color: #c9aa71!important;
    background-color: transparent!important;
    border: 1px solid #c9aa71!important;
    text-shadow: none!important;
    border-radius: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#hof-modal .modal-footer .btn-primary:hover {
    background-color: #c9aa71!important;
    color: #000!important
}

#hof-modal .modal-footer .btn-secondary {
    padding: .8rem 2.5rem;
    background-color: transparent;
    border: 1px solid #979a9f;
    text-shadow: none!important;
    border-radius: 0;
    color: #c9aa71;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#hof-modal .modal-footer .btn-secondary:hover {
    background-color: transparent!important
}

@media(max-width:800px) {
    #arenacontent,
    #ironcontent,
    #landingcontent,
    #pvecontent {
        -webkit-transition: all .35s ease-in-out!important;
        -moz-transition: all .35s ease-in-out!important;
        -ms-transition: all .35s ease-in-out!important;
        -o-transition: all .35s ease-in-out!important;
        transition: all .35s ease-in-out!important;
        transform: translateZ(0)!important;
        overflow: visible;
        opacity: 1
    }
    #landingcontent {
        height: 150px
    }
    #pvecontent {
        height: 50px
    }
    #arenacontent {
        height: 200px
    }
    #ironcontent {
        height: 150px
    }
}

@media(min-width:1200px) {
    .donation-row .shop-btn {
        margin-right: 10px!important
    }
    .donation-row .donate-btn,
    .donation-row .shop-btn {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
}

:not(.material-icons) {
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif!important
}

@media(min-width:1400px) {
    #desktop-landing .container {
        max-width: 1320px
    }
}

@media(max-width:991px)and (min-width:780px) {
    #desktop-landing .video-text {
        display: none!important
    }
    #desktop-landing .video-container {
        width: 100%!important;
        top: 3.5rem!important;
        height: 405px!important;
        margin-bottom: 5rem!important
    }
    #desktop-landing #intro #discord-widget {
        right: calc(50vw - 160px)!important;
        bottom: -3rem!important
    }
    #desktop-landing #intro #realm-widget {
        display: none
    }
    #desktop-landing #content #feature-showcase .slider {
        height: auto!important
    }
    #desktop-landing #content #feature-showcase .slider-info {
        bottom: -190px!important
    }
}

#desktop-landing .landing-logo {
    position: absolute;
    top: 0;
    z-index: 2;
    left: calc(50vw - 242.5px);
    display: none
}

#desktop-landing .container {
    margin: 0!important
}

#desktop-landing section {
    width: 100vw;
    position: relative
}

#desktop-landing #intro {
    width: 100vw;
    height: 75vh;
    max-height: 50vw;
    display: flex;
    justify-content: center
}

#desktop-landing #intro .container {
    margin-top: 0;
    display: flex;
    justify-content: center
}

#desktop-landing #intro #bg-img,
#desktop-landing #intro #bg-vid {
    position: absolute;
    width: 100vw;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

#desktop-landing #intro #bg-img {
   
    height: auto;
    background-image: url(../images/new/bg.webp);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: -1;
    top: -278px;
}

#desktop-landing #intro .intro-content {
    z-index: 4;
    display: flex;
    align-items: end;
}

#desktop-landing #intro .intro-content .intro-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
   
}

#desktop-landing #intro .intro-content .intro-inner #intro-logo {
    max-width: 485px;
    margin-left: auto;
    margin-right: auto
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .timer-text {
    color: #fff;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    font-family: Em!important;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .ascension-timer {
    color: #c9aa71;
    text-shadow: 0 0 5px #000, 0 1px 5px #000;
    font-family: Em!important;
    font-weight: 700;
    font-size: 3rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .timer-subtext {
    color: #ffe7c9;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
    font-family: Em!important;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
    margin-top: 2rem
}

#desktop-landing #intro .intro-content .intro-inner .button-container {
    display: flex;
    /* justify-content: center; */
    /* margin: 0 auto 24px; */
    padding: 0;
    width: 100%;
    /* height: 100%; */
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0 0 15px black)
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn {
    width: 300px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn:hover span {
    color: #fff
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn span {
    line-height: 85px;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    text-shadow: 0 0 5px #000, 0 1px 5px #000;
    user-select: none
}

#desktop-landing #intro #event-button {
    z-index: 4;
    position: relative;
    top: 1rem;
    left: 1rem;
    -webkit-user-drag: none;
    user-select: none;
    max-height: 101px;
    filter: drop-shadow(3px 3px 16px rgba(0, 0, 0, 0));
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #event-button:hover {
    filter: drop-shadow(3px 3px 16px rgba(0, 0, 0, .726))
}

#desktop-landing #intro #realm-widget {
    z-index: 4;
    position: absolute;
    top: 12rem;
    right: 2rem;
    -webkit-user-drag: none;
    user-select: none;
    filter: drop-shadow(3px 3px 16px rgba(0, 0, 0, 0));
    border: 1px solid transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #realm-widget ul {
    width: 320px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 1rem
}

#desktop-landing #intro #realm-widget ul li.realm-item {
    width: 100%;
    height: 30px
}

#desktop-landing #intro #realm-widget ul li.realm-item.online .realm-distribution .realm-inner-dist {
    background-color: #28a745
}

#desktop-landing #intro #realm-widget ul li.realm-item.online .realm-pop {
    color: #28a745!important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info {
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-name {
    font-family: Em!important;
    font-weight: 700;
    color: #c9aa71;
    text-shadow: 0 0 5px #000, 0 1px 4px #000;
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding-right: .5rem
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-name .realm-tag {
    color: #6a6a6a;
    font-weight: 700
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-pop {
    color: #4e4e4e;
    text-shadow: 0 2px 3px #000!important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-distribution {
    display: none!important;
    width: 100%!important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    height: 10px;
    border-radius: 5px;
    background-color: grey;
    filter: drop-shadow(3px 3px 16px rgba(0, 0, 0, 0));
    border: 1px solid #000;
    overflow: hidden
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-distribution .realm-inner-dist {
    height: 20px;
    background-color: grey;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #000;
    width: 100%
}

#desktop-landing #intro #discord-widget {
    z-index: 4;
    position: absolute;
    top: 6rem;
    right: 2rem;
    -webkit-user-drag: none;
    user-select: none;
    filter: drop-shadow(3px 3px 16px rgba(0, 0, 0, 0));
    border: 1px solid transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #discord-widget:hover {
    filter: drop-shadow(0 0 8px #c9aa71);
    border-color: #c9aa71
}

#desktop-landing #intro #landing-news-wrapper {
    position: absolute;
    bottom: 1rem;
    left: 0
}

#desktop-landing #intro #landing-news-wrapper .news-route-container {
    max-width: 1140px;
    width: 100%;
    margin-bottom: 1rem
}

#desktop-landing #intro #landing-news-wrapper .news-route-container .news-wrapper-route {
    font-size: 20px;
    color: #c9aa71;
    text-shadow: 0 0 7px #000, 0 0 7px #000;
    width: 260px!important;
    text-transform: capitalize;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67)
}

#desktop-landing #intro #landing-news-wrapper .news-route-container .news-wrapper-route:hover,
#desktop-landing #intro #landing-news-wrapper .news-route-container .news-wrapper-route:hover * {
    color: #fff!important
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item {
    height: 231px;
    width: 370px;
    background-color: #000;
    position: relative;
    border: 1px solid #3d3d3d;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726);
    overflow: hidden;
    cursor: pointer
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item:hover img {
    transform: scale(1.2)
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item:hover i {
    color: #fff
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, #000, transparent);
    z-index: 1
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
    z-index: 1
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    transition: all .3s cubic-bezier(.17, .67, .83, .67)
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item i {
    position: absolute;
    top: .5rem;
    right: .5rem;
    color: #c9aa71;
    text-shadow: 0 0 10px #000;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    font-size: 20px
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item .news-inner {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 2
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item .news-inner * {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item .news-inner .news-date {
    color: grey;
    font-weight: 700;
    font-size: 16px
}

#desktop-landing #intro #landing-news-wrapper .news-wrapper-item .news-inner .news-title {
    text-shadow: 0 0 10px #000;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

#desktop-landing #content {
    width: 100vw;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png) repeat;
    justify-content: center;
    display: flex
}

#desktop-landing #content .container {
    padding: 4rem 0 5rem
}

#desktop-landing #content .container #content-start .video-container {
    position: relative;
    width: 838px;
    height: 471px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726)
}

#desktop-landing #content .container #content-start .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#desktop-landing #content .container #content-start .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none!important
}

#desktop-landing #content .container #content-start .video-text {
    font-family: Em!important;
    margin-left: 50px;
    width: 376px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#desktop-landing #content .container #content-start .video-text h1 {
    font-family: Em!important;
    font-weight: 700;
    font-size: 36px
}

#desktop-landing #content .container #content-start .video-text p {
    line-height: 26px;
    max-width: 330px;
    color: #d3d1c5
}

#desktop-landing #content .container #content-start .video-text .divider {
    height: 1px;
    width: 100%;
    margin: 8px 0
}

#desktop-landing #content .container #content-start .video-text .video-hero-container {
    display: flex;
    justify-content: center;
    margin: 24px 0 0;
    padding: 0;
    width: 330px;
    height: 72px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0 0 15px black);
    border: none!important
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn {
    height: 85px;
    width: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn:hover span {
    color: #fff
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn span {
    line-height: 85px;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    text-shadow: 0 0 5px #000, 0 1px 5px #000;
    user-select: none
}

#desktop-landing #content #content-card .container {
    padding-bottom: 0
}

#desktop-landing #content #content-card .container .feature-card {
    width: 420px!important;
    height: 561px!important;
    background-color: #262626;
    margin: 0 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .3);
    border: 1px solid #333
}

#desktop-landing #content #content-card .container .feature-card img {
    max-height: 50%;
    object-fit: contain;
    object-position: center;
    position: relative;
    top: 0;
    right: 9%
}

#desktop-landing #content #content-card .container .feature-card:after {
    content: "";
    background: linear-gradient(0deg, #262626, rgba(38, 38, 38, 0));
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: 2
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom {
    position: relative;
    bottom: 0;
    height: 50%;
    text-align: center;
    padding: 1rem
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom h5 {
    font-weight: 700;
    color: #c9aa71;
    font-size: 22px
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom hr {
    border-top: 1px solid #c9aa71;
    height: 1px;
    width: 40%
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom p {
    color: #c2b7a3;
    font-size: 17px;
    width: 90%;
    margin: 0 auto
}


#desktop-landing #content .button-container {
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 400px;
    height: 60px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #content .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#desktop-landing #content .button-container:hover .btn-primary {
    height: 60px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#desktop-landing #content .button-container .btn-primary {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 18px!important;
    border: none
}

#desktop-landing #guides {
    width: 100vw;
    padding: 3rem 0;
    border-top: .5px solid #555;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png) repeat;
    background-size: cover;
    background-position: bottom;
    justify-content: center;
    display: flex
}

#desktop-landing #guides .container #separator-title {
    text-align: center;
    margin: 0 0 20px
}

#desktop-landing #guides .container #separator-title h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#desktop-landing #guides .container #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 370px;
    margin: auto
}

#desktop-landing #guides .container #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 24px 0;
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 100%;
    height: 62px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #guides .container #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#desktop-landing #guides .container #separator-title .button-container:hover #featureBtn {
    height: 62px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    line-height: 45px
}

#desktop-landing #guides .container #separator-title .button-container #featureBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 100;
    font-size: 18px!important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 35px
}

#desktop-landing #guides .container .play-wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

#desktop-landing #guides .container .video-container {
    position: relative;
    width: 888px;
    height: 500px
}

#desktop-landing #guides .container .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#desktop-landing #guides .container .video-container #showcase-vid {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726);
    border: 1px solid #424242;
    transition: all .2s ease-in-out
}

#desktop-landing #guides .container .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none!important
}

#desktop-landing #guides .container .playlist {
    width: 270px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0
}

#desktop-landing #guides .container .playlist .playlist-item {
    width: 100%;
    margin-bottom: 1rem;
    cursor: pointer
}

#desktop-landing #guides .container .playlist .playlist-item:hover img {
    border: 1px solid #c9aa71
}

#desktop-landing #guides .container .playlist .playlist-item img {
    width: 240px;
    height: 135px;
    object-fit: cover;
    border: 1px solid #424242;
    transition: all .2s ease-in-out;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .9)
}

#desktop-landing #guides .container .playlist .playlist-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 10px #000;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: .25rem
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar {
    display: inline-block!important;
    background-color: transparent;
    border-radius: 3px
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar-thumb {
    background: #c9aa71;
    border-radius: 3px
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar-corner {
    background: transparent!important
}

#desktop-landing #featured {
    width: 100vw;
    padding: 3rem 0;
    height: 950px;
    border-top: .5px solid #555;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png.png) repeat;
    background-size: cover;
    justify-content: center;
    display: flex
}

#desktop-landing #featured #separator-title {
    text-align: center;
    margin: 0 0 20px
}

#desktop-landing #featured #separator-title h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#desktop-landing #featured #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 370px;
    margin: auto
}

#desktop-landing #featured #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 24px 0;
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 100%;
    height: 62px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #featured #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#desktop-landing #featured #separator-title .button-container:hover #featureBtn {
    height: 62px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    line-height: 45px
}

#desktop-landing #featured #separator-title .button-container #featureBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 100;
    font-size: 18px!important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 35px
}

#desktop-landing #featured #feature-showcase {
    justify-content: center;
    display: flex;
    width: 100%
}

#desktop-landing #featured #feature-showcase .slider {
    width: 1230px;
    height: 586px;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png) cover no-repeat;
    position: relative;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726)
}

#desktop-landing #featured #feature-showcase .slider .slider-container {
    overflow: hidden
}

#desktop-landing #featured #feature-showcase .slider .slider-img {
    width: 100%;
    position: relative;
    height: 586px;
    object-fit: cover;
    object-position: top
}

#desktop-landing #featured #feature-showcase .slider .slider-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container {
    position: relative;
    top: 50px;
    width: 100%;
    display: flex;
    justify-content: center
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets .slider-bullet {
    list-style: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #282828;
    margin: 0 5px
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets .slider-bullet.active {
    background-color: #c9aa71!important;
    box-shadow: 0 0 15px #f0c980
}

#desktop-landing #featured #feature-showcase .slider .blocked {
    opacity: .6;
    pointer-events: none
}

#desktop-landing #featured #feature-showcase .slider .slider-controls {
    width: 100%;
    position: absolute;
    height: 120px;
    top: calc(50% - 60px);
    z-index: 4
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next,
#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer!important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell,
#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell {
    border: 1px solid #c9aa71;
    box-shadow: 0 0 5px #c9aa71;
    padding: 0;
    margin: 11px;
    cursor: pointer!important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell,
#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell {
    border: 2px solid #c9aa71;
    padding: 0;
    margin: 11px;
    box-shadow: 0 0 5px #c9aa71;
    cursor: pointer!important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell .control-core,
#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell .control-core {
    cursor: pointer!important;
    border: 2px solid #c9aa71;
    background-color: #c9aa71;
    box-shadow: 0 0 5px #c9aa71
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell .control-core img,
#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell .control-core img {
    filter: brightness(0)
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous {
    position: relative;
    left: -40px
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous .control-core .control-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next {
    position: relative;
    right: -40px
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell {
    border: 1px solid #c9aa71;
    border-radius: 50%;
    padding: 11px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell .control-inner-shell {
    border: 2px solid #c9aa71;
    border-radius: 50%;
    padding: 11px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell .control-inner-shell .control-core {
    background: #141b1c;
    border: 0 solid transparent;
    border-radius: 50%;
    padding: 11px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-info {
    text-align: center;
    position: absolute;
    width: 940px;
    height: 217px;
    background-color: #1e1c1d;
    border: 1px solid #333;
    z-index: 3;
    left: calc(50% - 470px);
    bottom: -109px;
    user-select: none!important;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726)
}

#desktop-landing #featured #feature-showcase .slider .slider-info .feature-separator {
    height: 1px;
    width: 70%;
    margin: auto;
    border-top: 1px solid #484848
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom,
#desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    width: 100%;
    height: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    text-align: center;
    background-color: #1e1c1d;
    user-select: none!important
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    padding-bottom: 1.5rem
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top:before {
    position: absolute;
    top: -62px;
    margin: 0 auto;
    background-color: #1e1c1d;
    content: "";
    width: 124px;
    height: 124px;
    left: calc(50% - 62px);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #c39154;
    z-index: -1;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top:after {
    position: absolute;
    top: -50px;
    margin: 0 auto;
    content: "";
    width: 42.6px;
    height: 42.6px;
    left: calc(50% - 21.3px);
    background: url(/static/images/d3412659eeeaa5ea8ec76550313db19d.svg);
    z-index: -1;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom {
    height: calc(50% - 1px)!important;
    justify-content: start;
    padding-top: 1rem
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom:before {
    position: absolute;
    top: 0;
    margin: 0 auto;
    background: url(/static/images/f61f2a6469ba522a94ddc6d396b7bb04.svg);
    content: "";
    width: 28px;
    height: 10px;
    left: calc(50% - 14px);
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom p {
    line-height: 24px;
    color: #d3d1c5;
    font-family: Em;
    max-width: 620px;
    font-size: 20px;
    margin: 0 auto;
    user-select: none!important
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    justify-content: flex-end
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5;
    user-select: none!important
}

#desktop-landing #faq {
    background: url(/static/images/cf7dc69ad36dac8aa2fd25e5f37bd726.jpg) no-repeat;
    position: relative;
    width: 100vw;
    height: auto;
    padding-bottom: 50px;
    background-size: cover;
    background-position: 50%;
    border-top: .5px solid #555;
    justify-content: center;
    display: flex;
    scroll-behavior: smooth;
}

#desktop-landing #faq:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .22)
}

#desktop-landing #faq .container {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    z-index: 1
}

#desktop-landing #faq .container h1 {
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 700
}

#desktop-landing #faq .container .faq-group {
    z-index: 2
}

#desktop-landing #faq .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: 1px solid #c9aa71
}

#desktop-landing #faq .container .faq-group .faq-list {
    padding-left: 1rem
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: 1px solid hsla(0, 0%, 50.2%, .5)
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#desktop-landing #newsletter {
    width: calc(100vw + 2px);
    position: relative;
    left: -2px;
    background: url(/static/images/45f81e32d55a1534cfb4987f6422c698.png) no-repeat;
    background-size: cover;
    justify-content: center;
    display: flex;
    padding-top: 5rem!important
}

#desktop-landing #newsletter .container-flex {
    min-height: auto;
    position: relative
}

#desktop-landing #newsletter #auth-form {
    max-width: 530px
}

@media(min-width:991px) {
    #desktop-landing #newsletter #auth-form .register-form {
        margin-bottom: 5rem!important;
        margin-top: 5rem!important
    }
}

@media(max-width:768px) {
    #desktop-landing #newsletter #auth-form .reg-title h1 {
        font-size: 26px!important
    }
    #desktop-landing #newsletter #auth-form .reg-title h2 {
        font-size: 22px!important
    }
    #desktop-landing #newsletter #auth-form .button-container {
        width: 100%!important
    }
}

#desktop-landing #newsletter #auth-form .btn-primary {
    background-color: #262626!important;
    border: none!important;
    color: #c9aa71;
    height: 50px;
    font-size: 19px;
    font-weight: 700;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
}

#desktop-landing #newsletter #auth-form .alert-danger {
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    list-style: none;
    margin-top: 3rem
}

#desktop-landing #newsletter #auth-form .alert-danger:before {
    position: absolute;
    top: -2rem;
    content: "Please resolve the following errors:";
    left: 0
}

#desktop-landing #newsletter #auth-form .alert-danger ul {
    padding: 0;
    margin: 0
}

#desktop-landing #newsletter #auth-form .alert-danger ul li {
    list-style: none;
    margin: 0
}

#desktop-landing #newsletter #auth-form .reg-title {
    text-align: center
}

#desktop-landing #newsletter #auth-form .reg-title h1 {
    color: #d0a85c;
    font-weight: 700;
    font-style: italic;
    font-size: 50px
}

#desktop-landing #newsletter #auth-form .reg-title h2 {
    color: #d3d1c5;
    font-size: 30px;
    font-weight: 700;
    font-style: italic
}

#desktop-landing #newsletter #auth-form #register-form {
    max-width: 400px;
    margin: auto
}

#desktop-landing #newsletter #auth-form label {
    color: #fff;
    user-select: none!important
}

#desktop-landing #newsletter #auth-form .form-group .input-group {
    display: flex;
    flex-direction: column!important
}

#desktop-landing #newsletter #auth-form .form-group .input-group p {
    font-size: 11px;
    padding: 0;
    opacity: .5;
    margin: 0 0 10px
}

#desktop-landing #newsletter #auth-form .form-group .form-control {
    height: 56px;
    min-height: 56px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .17)!important;
    width: 100%
}

#desktop-landing #newsletter #auth-form .button-container {
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 400px;
    height: 60px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #newsletter #auth-form .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#desktop-landing #newsletter #auth-form .button-container:hover #registerBtn {
    height: 60px!important;
    color: #d3d1c5!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important
}

#desktop-landing #newsletter #auth-form .button-container #registerBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 100;
    font-size: 18px!important
}

#desktop-landing #newsletter #auth-form .input-group-text {
    background-color: #262626!important;
    border: 1px solid #444951!important
}

#desktop-landing #newsletter #auth-form .card {
    background-color: #0c1717;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)!important
}

#desktop-landing #newsletter #auth-form .fas {
    position: absolute;
    font-size: 1rem;
    line-height: 58px;
    padding-top: 0;
    padding-left: 18px;
    padding-bottom: 18px;
    color: hsla(0, 0%, 50.2%, .596)
}

#desktop-landing #newsletter .text-input-fa {
    right: 0!important;
    top: 0;
    padding-right: 18px;
    color: #dc143c
}

#desktop-landing #newsletter .text-input-fa-success {
    right: 0!important;
    top: 0;
    padding-right: 18px;
    color: #00e600
}

#desktop-landing #newsletter .date-input-fa {
    right: 0!important;
    top: 0;
    padding-right: 30px;
    color: #dc143c;
    line-height: 46px
}

#mobile-landing {
    overflow: hidden!important;
    max-width: 100vw!important;
    min-height: 100vh
}

#mobile-landing #intro {
    width: 100vw;
    height: 700px;
    display: flex;
    justify-content: center
}

#mobile-landing #intro #intro-logo {
    position: absolute;
    top: 150px;
    width: 300px;
    left: calc(50vw - 150px)
}

#mobile-landing #intro #bg-vid {
    position: absolute;
    height: 700px;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
    width: 100%;
    object-fit: cover
}

#mobile-landing #intro .container {
    margin: 0!important;
    z-index: 2
}

#mobile-landing #intro .container .col-12 {
    flex-direction: column
}

#mobile-landing #intro .container .button-container {
    display: flex;
    justify-content: center;
    margin: 24px auto;
    padding: 0;
    bottom: 2rem;
    position: relative;
    width: 330px;
    height: 72px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0 0 15px black)
}

#mobile-landing #intro .container .button-container #funnelBtn {
    height: 85px;
    width: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#mobile-landing #intro .container .button-container #funnelBtn:hover span {
    color: #fff
}

#mobile-landing #intro .container .button-container #funnelBtn span {
    line-height: 85px;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    text-shadow: 0 0 5px #000, 0 1px 5px #000;
    user-select: none
}

#mobile-landing #content {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    background: url(/static/images/48ab078794129d399c93db60a08be995.png) repeat
}

#mobile-landing #content .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 20px 16px!important;
    margin-bottom: 0
}

#mobile-landing #content .video-container {
    width: 370px;
    height: 208.13px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726);
    margin-top: 100px;
    position: relative
}

#mobile-landing #content .video-container:before {
    position: absolute;
    top: -80px;
    left: 0;
    content: "WORLD OF WARCRAFT REIMAGINED";
    font-size: 24px;
    font-weight: 700;
    font-family: Em;
    color: #c9aa71;
    width: 100%;
    text-align: center
}

#mobile-landing #content #video-description {
    width: 100%;
    margin: 60px 0;
    text-align: center
}

#mobile-landing #content #video-description p {
    color: #c2b7a3;
    max-width: 330px;
    margin: auto
}

#mobile-landing #content #content-card {
    display: flex;
    min-width: 100vw;
    margin: 0 -15px 60px;
    overflow-x: scroll
}

#mobile-landing #content #content-card .feature-card {
    width: 311px;
    height: 416px;
    margin: 0 4px
}

#mobile-landing #content #content-card .feature-card:first-of-type {
    margin-left: 16px
}

#mobile-landing #content #separator-title {
    text-align: center;
    margin: 60px 0
}

#mobile-landing #content #separator-title h1 {
    font-size: 24px;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5;
    margin-bottom: 1rem
}

#mobile-landing #content #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 330px;
    margin: auto
}

#mobile-landing #faq {
    background: url(/static/images/cf7dc69ad36dac8aa2fd25e5f37bd726.jpg) no-repeat;
    position: relative;
    width: 100vw;
    height: auto;
    padding-bottom: 50px;
    background-size: cover;
    background-position: 50%;
    border-top: .5px solid #555;
    justify-content: center;
    display: flex;
    line-height: 1.3em!important
}

#mobile-landing #faq:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .22)
}

#mobile-landing #faq .container {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    z-index: 1
}

#mobile-landing #faq .container h1 {
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 700
}

#mobile-landing #faq .container .faq-group {
    z-index: 2
}

#mobile-landing #faq .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: 1px solid #c9aa71;
    text-align: center
}

#mobile-landing #faq .container .faq-group .faq-list {
    padding-left: 1rem
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: 1px solid hsla(0, 0%, 50.2%, .5)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-button {
    -webkit-transition: color .2s ease;
    -moz-transition: .2s ease color;
    -ms-transition: .2s ease color;
    -o-transition: .2s ease color;
    transition: color .2s ease;
    padding: 8px 12px;
    background: #c9aa71;
    color: #000!important;
    text-shadow: none!important;
    font-weight: 700
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-button:hover {
    color: #fff!important
}

#mobile-landing #guides {
    width: 100vw;
    padding: 3rem 0;
    height: auto;
    border-top: .5px solid #555;
    background: url(/static/images/d2b98f3567e8af67b1dd96e8a66b639e.png) repeat;
    background-size: cover;
    background-position: bottom;
    justify-content: center;
    display: flex
}

#mobile-landing #guides .container #separator-title {
    text-align: center;
    margin: 0 0 20px
}

#mobile-landing #guides .container #separator-title h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#mobile-landing #guides .container #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 370px;
    margin: auto
}

#mobile-landing #guides .container #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 24px 0;
    padding: 5px;
    border: 1px solid #c9aa71;
    width: 100%;
    height: 62px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-landing #guides .container #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .4)!important
}

#mobile-landing #guides .container #separator-title .button-container:hover #featureBtn {
    height: 62px!important;
    color: #fff!important;
    text-shadow: 0 0 5px 5px rgba(0, 0, 0, .199)!important;
    line-height: 45px
}

#mobile-landing #guides .container #separator-title .button-container #featureBtn {
    background-color: #c9aa71!important;
    width: 100%!important;
    height: 50px!important;
    color: #000!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif!important;
    font-weight: 100;
    font-size: 18px!important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 35px
}

#mobile-landing #guides .container .play-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column
}

#mobile-landing #guides .container .video-container {
    position: relative;
    width: 360px;
    height: 202.5px;
    margin-left: auto;
    margin-right: auto
}

#mobile-landing #guides .container .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#mobile-landing #guides .container .video-container #showcase-vid {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .726);
    border: 1px solid #424242;
    transition: all .2s ease-in-out
}

#mobile-landing #guides .container .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none!important
}

#mobile-landing #guides .container .playlist {
    width: 100vw;
    min-width: 100vw;
    height: 200px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0;
    margin: 2rem 0 0;
    display: flex
}

#mobile-landing #guides .container .playlist .playlist-item {
    width: 100%;
    margin-bottom: 1rem;
    cursor: pointer;
    margin-right: 16px;
    list-style: none
}

#mobile-landing #guides .container .playlist .playlist-item:first-of-type {
    margin-left: 32px
}

#mobile-landing #guides .container .playlist .playlist-item:last-of-type {
    margin-right: 32px
}

#mobile-landing #guides .container .playlist .playlist-item:hover img {
    border: 1px solid #c9aa71
}

#mobile-landing #guides .container .playlist .playlist-item img {
    width: 240px;
    height: 135px;
    object-fit: cover;
    border: 1px solid #424242;
    transition: all .2s ease-in-out;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .9)
}

#mobile-landing #guides .container .playlist .playlist-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 10px #000;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: .25rem
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar {
    display: inline-block!important;
    background-color: transparent;
    border-radius: 3px
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar-thumb {
    background: #c9aa71;
    border-radius: 3px
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar-corner {
    background: transparent!important
}

#mobile-landing #newsletter {
    width: calc(100vw + 2px);
    position: relative;
    left: -2px;
    padding: 60px 0 30px;
    background: url(/static/images/45f81e32d55a1534cfb4987f6422c698.png) no-repeat;
    background-size: cover;
    justify-content: center;
    display: flex
}

#ucpboard .ucp-card.ticket-info {
    height: 100%
}

#ucpboard .ucp-card.ticket-info .card-title {
    color: #c9aa71;
    font-size: 20px!important;
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .ucp-card.ticket-info .card {
    margin-bottom: 1.5rem
}

#ucpboard .ucp-card.ticket-info .card .card-body {
    padding: 20px
}

#ucpboard .ucp-card.ticket-info form label {
    width: 100%
}

#ucpboard .ucp-card.ticket-info form fieldset {
    margin-top: .5rem;
    margin-bottom: 1rem
}

#ucpboard .ucp-card.ticket-info form fieldset input {
    width: 32%;
    margin: 0 auto
}

#ucpboard .ucp-card.ticket-info form input {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: 5px;
    background-color: #1a1a1a!important
}

#ucpboard .ucp-card.ticket-info form input:last-of-type {
    margin-bottom: 0!important
}

#ucpboard .card-body {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#ucpboard .card-body.processing {
    opacity: .5;
    pointer-events: none!important
}

#ucpboard .gm-container {
    position: relative;
    padding: 0!important
}

#ucpboard .gm-container #gm-char {
    height: 39px
}

#ucpboard .gm-container #gm-char:after {
    content: "⯅";
    position: absolute;
    right: .5rem;
    line-height: 39px
}

#ucpboard .gm-container #gm-char:before {
    content: "test"
}

#ucpboard .gm-container .mdi {
    position: absolute;
    right: 1rem;
    line-height: 39px
}

#ucpboard .search-container input {
    height: 40px;
    background: rgba(0, 0, 0, .53)!important;
    backdrop-filter: blur(5px);
    padding: .5rem .75rem
}

#ucpboard .search-container .btn-primary {
    margin-left: 1rem
}

#ucpboard .search-container .btn-primary,
#ucpboard .search-container .btn-secondary {
    background-color: #c9aa71;
    color: #000;
    height: 40px;
    border-color: transparent!important
}

#ucpboard .search-container #filterAll,
#ucpboard .search-container #filterAssigned {
    background: #0c1717!important;
    color: #dcdcdc!important;
    outline: 0!important;
    box-shadow: none!important
}

#ucpboard .search-container #filterAll.active,
#ucpboard .search-container #filterAssigned.active {
    background-color: #c9aa71!important;
    color: #000!important
}

#ucpboard .search-container #filterAssigned {
    margin-right: 2rem;
    border-left: 1px solid #000!important
}

#ucpboard #ticket-nav .pagination .page-next .page-link,
#ucpboard #ticket-nav .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#ucpboard #ticket-nav .pagination .page-item {
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#ucpboard #ticket-nav .pagination .page-item,
#ucpboard #ticket-nav .pagination .page-item .page-link {
    border: none!important;
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucpboard #ticket-nav .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#ucpboard #ticket-nav .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#ucpboard #ticket-nav .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#ucpboard #ticket-nav .pagination .page-item.active {
    outline: none!important
}

#ucpboard #ticket-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#ucpboard .ucp-card.ticket-content {
    height: 100%
}

#ucpboard .ucp-card.ticket-content .card-title {
    color: #dcdcdc;
    font-size: 20px!important;
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .ucp-card.ticket-content .card {
    margin-bottom: 1.5rem
}

#ucpboard .ucp-card.ticket-content .card .card-body {
    padding: 20px
}

#ucpboard .ucp-card.ticket-content form label {
    width: 100%
}

#ucpboard .ucp-card.ticket-content form fieldset {
    margin-top: .5rem;
    margin-bottom: 1rem
}

#ucpboard .ucp-card.ticket-content form fieldset input {
    width: 32%;
    margin: 0 auto
}

#ucpboard .ucp-card.ticket-content form input {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: 5px;
    background-color: #1a1a1a!important
}

#ucpboard .ucp-card.ticket-content form input:last-of-type {
    margin-bottom: 0!important
}

#ucpboard .ucp-card.ticket-content hr {
    height: 1px;
    border-top: 1px solid #444951;
    margin: 60px 0
}

#ucpboard .ucp-card.ticket-content #tfi-submit-response-form {
    margin: 0!important
}

#ucpboard .ucp-card.ticket-content #tfi-submit-response-form #tfi-submit-response-button {
    height: 80px;
    margin-top: 1rem
}

#ucpboard .ucp-card.ticket-content textarea {
    width: 100%;
    padding: .75rem 1rem;
    border-radius: 5px;
    background-color: #1a1a1a!important;
    outline: none!important;
    border: 1px solid #444951;
    border-image: initial;
    color: #979a9f!important
}

#ucpboard .ucp-card.ticket-content textarea#tfi-comment {
    resize: none!important;
    min-height: 400px
}

#ucpboard .ucp-card.ticket-content textarea#tfi-response,
#ucpboard .ucp-card.ticket-content textarea#tfi-submit-response {
    color: #00c0ff!important;
    min-height: 200px;
    resize: none!important
}

#ucpboard .ucp-card.ticket-content textarea:last-of-type {
    margin-bottom: 0!important
}

#ucpboard .ticket-outer-card {
    padding-bottom: 15px
}

#ucpboard .ticket-card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    height: 100%;
    border-radius: 0
}

#ucpboard .ticket-card .card-header {
    background-color: transparent!important;
    color: #c9aa71;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#ucpboard .ticket-card .card-header h5 {
    margin: 0!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 39px
}

#ucpboard .ticket-card .card-header .btn-primary {
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .ticket-card .card-header .btn-primary:hover {
    color: #fff!important;
    background-color: #2c2c2c!important
}

#ucpboard .ticket-card .card-body {
    background-color: transparent!important
}

#ucpboard .ticket-card .card-body .card-item-prog .card-item-upper {
    display: flex;
    justify-content: space-between
}

#ucpboard .ticket-card .card-body .card-item-prog .card-item-upper .item-name {
    font-size: 16px
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar {
    margin-top: .5rem;
    width: 100%;
    height: 10px;
    border-radius: 15px;
    overflow: hidden;
    border-color: transparent!important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #564F3F!important
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-moz-progress-bar {
    background-color: #c9aa71!important;
    border-radius: 15px
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-webkit-progress-value {
    background-color: #c9aa71!important;
    border-radius: 15px
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-webkit-progress-bar {
    background: #564F3F!important;
    width: 100%;
    height: 10px
}

#ucpboard .ticket-table {
    background: transparent!important;
    border-collapse: separate;
    border-spacing: 0 1.5rem
}

#ucpboard .ticket-table thead {
    color: #c9aa71!important;
    border: none;
    outline: none
}

#ucpboard .ticket-table thead tr,
#ucpboard .ticket-table thead tr th {
    border: none!important;
    outline: none!important
}

#ucpboard .ticket-table thead tr th {
    color: #dcdcdc
}

#ucpboard .ticket-table tbody {
    padding-top: 1rem;
    background: transparent!important;
    border-top: none
}

#ucpboard .ticket-table tbody tr {
    background-color: #0c1717!important;
    border-radius: 15px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ticket-table tbody tr:hover {
    box-shadow: 3px 5px 15px rgba(0, 0, 0, .507);
    border: 1px solid #c9aa71;
    border-radius: 5px
}

#ucpboard .ticket-table tbody tr:hover th a {
    color: #dcdcdc!important
}

#ucpboard .ticket-table tbody tr th {
    padding: 0!important;
    line-height: 0!important
}

#ucpboard .ticket-table tbody tr a {
    display: block;
    padding: 1.5rem 1rem;
    line-height: 20px
}

#ucpboard .ticket-table tbody .ticket-user .d-flex {
    flex-direction: column
}

#ucpboard .ticket-table tbody .ticket-user .d-flex .ticket-user-account,
#ucpboard .ticket-table tbody .ticket-user .d-flex .ticket-user-character {
    color: #dcdcdc
}

#ucpboard .ticket-table tbody .ticket-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px!important
}

#ucpboard .ticket-table tbody .ticket-action,
#ucpboard .ticket-table tbody .ticket-check,
#ucpboard .ticket-table tbody .ticket-date,
#ucpboard .ticket-table tbody .ticket-id,
#ucpboard .ticket-table tbody .ticket-message,
#ucpboard .ticket-table tbody .ticket-realm,
#ucpboard .ticket-table tbody .ticket-status,
#ucpboard .ticket-table tbody .ticket-user {
    align-self: center;
    line-height: 34px
}

#ucpboard .ticket-table tbody .ticket-id {
    border-radius: 5px
}

#ucpboard .ticket-table tbody .ticket-id span {
    padding: .5rem .75rem;
    background: #5a5a5a;
    border-radius: 5px
}

#ucpboard .ticket-table tbody .ticket-id a {
    color: #dcdcdc!important
}

#ucpboard .ticket-table tbody .ticket-check input[type=checkbox] {
    margin-top: 11px;
    width: 20px;
    height: 20px
}

#ucpboard .ticket-table tbody .ticket-status {
    border-radius: 5px
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=closed] {
    color: rgba(95, 95, 95, .5)!important
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=assigned] {
    color: #3f82ff!important
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=available],
#ucpboard .ticket-table tbody .ticket-status a[data-status=open] {
    color: #1b9c1b!important;
    position: relative
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=being-read] {
    color: orange!important
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm] {
    color: #fff;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .678);
    border-radius: 5px;
    padding: .5rem 1rem
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=seasonal] {
    background: #da4453;
    background: -webkit-linear-gradient(90deg, #89216b, #da4453);
    background: linear-gradient(90deg, #89216b, #da4453)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=twisting-nether] {
    background: #34e89e;
    background: -webkit-linear-gradient(90deg, #0f3443, #34e89e);
    background: linear-gradient(90deg, #0f3443, #34e89e)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=andorhal] {
    background: #ff4b1f;
    background: -webkit-linear-gradient(90deg, #ff9068, #ff4b1f);
    background: linear-gradient(90deg, #ff9068, #ff4b1f)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=laughing-skull],
#ucpboard .ticket-table tbody .ticket-realm span[data-realm=laughingskull],
#ucpboard .ticket-table tbody .ticket-realm span[data-realm=ls] {
    background: #606c88;
    background: -webkit-linear-gradient(90deg, #3f4c6b, #606c88);
    background: linear-gradient(90deg, #3f4c6b, #606c88)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=proudmoore] {
    background: #673ab7;
    background: -webkit-linear-gradient(90deg, #512da8, #673ab7);
    background: linear-gradient(90deg, #512da8, #673ab7)
}

#ucpboard .ticket-table tbody .ticket-action #ticket-option {
    font-size: 32px
}

#page-loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0
}

#error {
    background-color: #1d1d1d;
    position: relative;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    z-index: 98;
    user-select: none
}

#error .error-header {
    text-transform: capitalize
}

#error .btn-primary {
    background-color: #c9aa71;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: 5px;
    position: relative;
    color: #000!important;
    font-size: 1.2rem;
    box-shadow: 0 0 20px 1px #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    user-select: none;
    border: none!important;
    max-width: 300px
}

#error .btn-primary:hover {
    box-shadow: 0 0 20px 1px #c9aa71!important;
    color: #000!important
}

#error #hearth-btn {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    user-select: none
}

#error #hearth-btn:hover {
    color: #000!important
}

#contactboard {
    min-height: 81.5%!important;
    position: relative
}

#contactboard.linux-info .card {
    background-color: #0c1717;
    border: 1px solid #564F3F;
    min-height: 400px
}

#contactboard.linux-info .card .card-body {
    text-align: left!important
}

#contactboard.linux-info .card .card-body h1 {
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

#contactboard.linux-info .card .card-body h2 {
    font-size: 1.5rem!important
}

#contactboard.linux-info .card .card-body h2,
#contactboard.linux-info .card .card-body h3 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #c9aa71;
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85);
    margin: 2rem 0;
    border-bottom: 1px solid hsla(0, 0%, 50.2%, .45);
    display: block;
    padding-bottom: .5rem
}

#contactboard.linux-info .card .card-body h3 {
    font-size: 1.25rem!important;
    width: max-content;
    font-style: italic
}

#contactboard.linux-info .card .card-body .nav.nav-tabs .nav-item {
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#contactboard.linux-info .card .card-body .sub-tabs {
    float: right
}

#contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link {
    border-bottom: none!important
}

#contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link.active,
#contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link:hover {
    border-color: rgba(222, 226, 230, .12)!important;
    border-top: none!important
}

#contactboard.linux-info .card .card-body hr {
    height: 1px;
    width: 100%;
    border-top: 1px solid #3d3d3d;
    margin: 1rem 0;
    display: block
}

#contactboard.linux-info .card .card-body p {
    word-wrap: break-word;
    color: #e3e3e3;
    text-shadow: 0 0 5px #000
}

#contactboard.linux-info .card .card-body .dl-text {
    text-align: center;
    margin-top: 1rem
}

#contactboard.linux-info .card .card-body .download-btn,
#contactboard.linux-info .card .card-body .download-btn i {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#contactboard.linux-info .card .card-body .download-btn i {
    font-size: 2rem;
    padding: 1rem 1.5rem;
    background-color: #1d1d1d;
    border: 1px solid #3d3d3d;
    display: block
}

#contactboard.linux-info .card .card-body .download-btn:hover i {
    background-color: #564F3F;
    border: 1px solid #5d5d5d
}

#contactboard.linux-info .card .card-body code {
    padding: 20px;
    overflow-x: auto;
    line-height: normal;
    display: inline-block;
    white-space: pre!important;
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
    border-radius: 9px;
    tab-size: 4
}

#contactboard.linux-info .card .card-body code.single-line {
    white-space: normal!important
}

#contactboard h1 {
    font-size: 2.5rem!important;
    line-height: 52px;
    font-weight: 700;
    margin: 20px 0
}

#contactboard h1,
#contactboard h2 {
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85)
}

#contactboard h2 {
    font-size: 1.5rem!important;
    line-height: 36px;
    font-weight: lighter
}

#contactboard .d-flex {
    display: flex
}

#contactboard .selection {
    margin-top: 2rem
}

#contactboard .selection .sub-items {
    margin-bottom: 70px;
    margin-top: 40px
}

#contactboard .selection .sub-items .sub-container {
    padding: 40px 60px
}

#contactboard .selection .sub-items .sub-container a,
#contactboard .selection .sub-items .sub-container p {
    font-size: 17px;
    line-height: 28px;
    margin: 0!important;
    padding: 0!important
}

#contactboard .selection .sub-items .sub-container p a {
    -webkit-transition: color .35s ease-in-out;
    -moz-transition: color .35s ease-in-out;
    -ms-transition: color .35s ease-in-out;
    -o-transition: color .35s ease-in-out;
    transition: color .35s ease-in-out
}

#contactboard .selection .sub-items .sub-container p a:hover {
    color: #fff!important;
    text-decoration: underline!important
}

#contactboard .selection .sub-separator {
    width: 1px;
    height: 148px;
    border-right: 1px solid hsla(0, 0%, 100%, .199)
}

#contactboard .selection .item-anchor {
    max-width: 334px;
    flex: 1;
    -webkit-box-flex: 1;
    text-decoration: none;
    width: 305px;
    border-radius: 4px;
    background: #0c1717;
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 16px 14px rgba(0, 0, 0, .2);
    display: block;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    border: 3px solid transparent
}

#contactboard .selection .item-anchor:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px 15px rgba(201, 170, 113, .42);
    border: 1px solid
}

#contactboard .selection .item-anchor:hover .item-inner .item-icon {
    border-color: #c9aa71!important
}

#contactboard .selection .item-anchor .item-inner {
    padding: 25px 30px;
    text-align: center
}

#contactboard .selection .item-anchor .item-inner .item-desc {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 60px!important;
    color: #8a8a8a
}

#contactboard .selection .item-anchor .item-inner .item-title,
#contactboard .selection .item-anchor .item-inner .item-title span {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px;
    font-weight: 700;
    text-shadow: none
}

#contactboard .selection .item-anchor .item-inner .item-icon {
    width: 100px;
    height: 100px;
    background-color: #262626;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 50%;
    display: inline-block;
    margin-top: -45px;
    margin-bottom: 20px;
    background: #262626;
    border: 1px solid rgba(106, 105, 103, .18)!important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#contactboard .selection .item-anchor .item-inner .item-icon:after {
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    position: relative;
    background-size: auto;
    background-size: 52px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px
}

#contactboard .selection .item-anchor .item-inner .sale-icon i,
#contactboard .selection .item-anchor .item-inner .support-icon i {
    font-size: 55px;
    line-height: 100px;
    color: #fff!important
}

#contactboard .selection .item-anchor .item-inner .press-icon:after {
    background: url(/static/images/e4706478ef94fc5347d87e6ec8af8d88.svg) no-repeat;
    background-size: contain
}

#contactboard .selection .item-footer {
    background-color: #262626;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    height: 52px;
    width: 100%;
    border-radius: 0 0 3px 3px;
    line-height: 48px
}

#contactboard .selection .item-footer span:after {
    content: "→";
    padding-left: 5px
}

@media(max-width:768px) {
    #contactboard .support-title-h2 {
        margin-right: 2rem;
        margin-left: 2rem;
        font-size: 1.5rem!important
    }
    #contactboard h1 {
        font-size: 1.5rem!important
    }
}

#contactboard .container .selection .banner {
    text-shadow: 0 0 1px transparent, 0 2px 5px rgba(0, 0, 0, .85)
}

#contactboard .container .selection .banner.partial {
    background-color: #dc7214!important
}

#contactboard .container .selection .banner.online {
    background-color: #28a745!important
}

#contactboard .container .selection .banner.offline {
    background-color: #dc143c!important
}

#contactboard .container .selection .list-group .list-group-item {
    background-color: #0c1717!important;
    border-color: #333;
    text-shadow: 0 0 1px transparent, 0 2px 5px rgba(0, 0, 0, .85)
}

#contactboard .container .selection .list-group .list-group-item .realm-name {
    color: #c9aa71
}

#contactboard .container .selection .list-group .list-group-item .realm-name .realm-tag {
    color: #6a6a6a;
    font-weight: 700
}

#contactboard .container .selection .list-group .list-group-item.upcoming .realm-status {
    color: orange!important
}

#contactboard .container .selection .list-group .list-group-item.online .realm-status {
    color: #28a745!important
}

#contactboard .container .selection .list-group .list-group-item.offline .realm-status {
    color: #dc143c!important
}

#ucp-mail {
    padding: 0
}

@media(max-width:991px) {
    #ucp-mail {
        position: relative;
        left: 0
    }
}

#ucp-mail .mail-entry {
    height: 250px!important;
    width: 100%;
    border-radius: 5px!important;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
    cursor: pointer
}

#ucp-mail .mail-entry.active {
    border: 1px solid #c9aa71!important
}

#ucp-mail .mail-entry .card-body {
    padding: 10px 15px!important
}

#ucp-mail .mail-entry .card-body .mail-header .mail-date,
#ucp-mail .mail-entry .card-body .mail-header .mail-sender {
    color: grey;
    font-size: 1em;
    line-height: 1.4em
}

#ucp-mail .mail-entry .card-body .mail-header .mail-date .mdi,
#ucp-mail .mail-entry .card-body .mail-header .mail-sender .mdi {
    margin-right: .15rem
}

#ucp-mail .mail-entry .card-body .mail-title {
    font-size: 1.2em;
    line-height: 1.96em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

#ucp-mail .mail-entry .card-body .mail-desc {
    color: grey;
    font-size: 1em;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#ucp-mail .mail-entry .card-body .mail-tags {
    list-style: none;
    padding: 0;
    margin-top: .5rem
}

#ucp-mail .mail-entry .card-body .mail-tags .tag {
    border-radius: 5px;
    padding: 5px 8px;
    border: 1px solid #564F3F;
    display: inline;
    width: auto;
    font-size: .8em
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.danger {
    color: #dc143c;
    border-color: #dc143c
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.warning {
    color: orange;
    border-color: orange
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.info {
    color: #65ddc1;
    border-color: #65ddc1
}

#ucp-mail .mail-entry:hover {
    border: 1px solid grey!important
}

#ucp-mail #mail-pagination,
#ucp-mail #mail-pagination .pagination {
    border-radius: 5px!important
}

#ucp-mail #mail-pagination .pagination .page-next .page-link,
#ucp-mail #mail-pagination .pagination .page-previous .page-link {
    background-color: #132626!important;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    outline: 0!important
}

#ucp-mail #mail-pagination .pagination .page-item {
    border: none!important;
    background-color: #0c1717;
    user-select: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    outline: none!important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucp-mail #mail-pagination .pagination .page-item:first-of-type {
    border-radius: 5px 0 0 5px!important
}

#ucp-mail #mail-pagination .pagination .page-item:nth-of-type(8) {
    border-radius: 0 5px 5px 0!important
}

#ucp-mail #mail-pagination .pagination .page-item .page-link {
    outline: none!important;
    border: none!important;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 22px
}

#ucp-mail #mail-pagination .pagination .page-item.disabled {
    background-color: #132626;
    border: 1px solid rgba(52, 56, 61, .42)!important;
    opacity: .5;
    pointer-events: none
}

#ucp-mail #mail-pagination .pagination .page-item:hover {
    outline: none!important;
    opacity: .9
}

#ucp-mail #mail-pagination .pagination .page-item:hover .page-link {
    outline: none!important;
    background-color: #c9aa71!important;
    color: #000!important
}

#ucp-mail #mail-pagination .pagination .page-item.active {
    outline: none!important
}

#ucp-mail #mail-pagination .pagination .page-item.active .page-link {
    background-color: #c9aa71!important;
    color: #000!important;
    outline: none!important
}

#ucp-mail .mail-view {
    width: 100%;
    border-radius: 5px!important
}

#ucp-mail .mail-view .card-body {
    padding: 20px!important
}

@media(max-width:991px) {
    #ucp-mail .mail-view .card-body .mail-header .mail-head-info1,
    #ucp-mail .mail-view .card-body .mail-header .mail-head-info2 {
        justify-content: space-between!important
    }
}

#ucp-mail .mail-view .card-body .mail-header .mail-date,
#ucp-mail .mail-view .card-body .mail-header .mail-recipient {
    color: grey;
    font-size: 1em;
    line-height: 1.9em
}

#ucp-mail .mail-view .card-body .mail-header .mdi {
    color: #dcdcdc;
    font-size: 1.4em;
    margin-right: .25rem;
    line-height: 1.4em
}

#ucp-mail .mail-view .card-body hr {
    width: 100%
}

#ucp-mail .mail-view .card-body .mail-body {
    min-height: 200px;
    display: grid
}

#ucp-mail .mail-view .card-body .mail-body .mail-title {
    font-size: 1.4em;
    line-height: 1.4em;
    width: 100%;
    margin: 0 0 1rem
}

#ucp-mail .mail-view .card-body .mail-body .mail-desc {
    color: #dcdcdc;
    font-size: 1em;
    line-height: 1.4em;
    display: block
}

#ucp-mail .mail-view .card-body .mail-footer .mail-date,
#ucp-mail .mail-view .card-body .mail-footer .mail-recipient {
    color: grey;
    font-size: 1em;
    line-height: 1.9em
}

#ucp-mail .mail-view .card-body .mail-footer .mdi {
    color: #dcdcdc;
    font-size: 1.4em;
    margin-right: .25rem;
    line-height: 1.4em
}

#ucp-mail .mail-view .card-body .mail-attachments {
    margin-top: .5rem;
    margin-bottom: 0
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-header {
    color: grey;
    font-size: 1em;
    line-height: 1.9em;
    margin-bottom: .5rem;
    font-weight: 700
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency {
    margin-left: .5rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency img {
    margin-top: 5px
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency span {
    line-height: 30px;
    margin-right: .3rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list {
    list-style: none;
    padding: 0
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item {
    display: inline-block;
    height: 50px;
    width: 50px;
    position: relative;
    margin-right: .5rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item img {
    object-fit: cover
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item span {
    position: absolute;
    bottom: 2px;
    left: 2px;
    padding: 5px;
    background: rgba(21, 21, 21, .84);
    border-radius: 5px;
    font-size: 12px
}

#ucp-mail .mail-view .card-body .mail-tags {
    list-style: none;
    padding: 0;
    margin-top: .5rem
}

#ucp-mail .mail-view .card-body .mail-tags .tag {
    border-radius: 5px;
    padding: 5px 8px;
    border: 1px solid #564F3F;
    display: inline;
    width: auto;
    font-size: .8em
}

#ucp-mail .mail-view .card-body .mail-tags .tag.danger {
    color: #dc143c;
    border-color: #dc143c
}

#ucp-mail .mail-view .card-body .mail-tags .tag.warning {
    color: orange;
    border-color: orange
}

#ucp-mail .mail-view .card-body .mail-tags .tag.info {
    color: #65ddc1;
    border-color: #65ddc1
}

#ucp-mail .mail-view .btn-mail {
    display: none;
    background-color: #262626!important;
    border: 1px solid #564F3F!important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 39px
}

@media(max-width:991px) {
    #ucp-mail .mail-view .btn-mail {
        display: block!important
    }
}

@media(max-width:991px) {
    #ucp-mail .mail-card {
        position: relative
    }
}

#ucp-mail .ucp-card .card {
    height: auto!important
}

#ucp-mail .ucp-card .card-body {
    padding: 5px
}

#permissionboard h1 {
    font-size: 2.5rem!important;
    line-height: 52px;
    font-weight: 700;
    margin: 20px 0
}

#permissionboard h1,
#permissionboard h2 {
    text-shadow: 0 0 1px transparent, 0 3px 2px rgba(0, 0, 0, .85)
}

#permissionboard h2 {
    font-size: 1.5rem!important;
    line-height: 36px;
    font-weight: lighter
}

#permissionboard .form-control {
    height: 2.5rem;
    border: 1px solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem
}

#permissionboard .modal-title {
    font-weight: 700
}

#permissionboard .modal-edit-group .card {
    background-color: #0c1717!important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25)!important;
    overflow-y: auto;
    border-top: 0
}

#permissionboard .modal-edit-group .card .table {
    background-color: #0c1717!important;
    border-color: #333;
    text-shadow: 0 0 1px transparent, 0 2px 5px rgba(0, 0, 0, .85)
}

#permissionboard .modal-edit-group .card .table thead tr {
    border-top: 0
}

#permissionboard .modal-edit-group .card .table thead tr td,
#permissionboard .modal-edit-group .card .table thead tr th {
    font-size: .8rem;
    border-top: 0;
    font-weight: 700;
    vertical-align: bottom;
    border-bottom: 2px solid #777;
    color: #c9aa71;
    font-weight: 700!important;
    min-width: 50px!important
}

#permissionboard .modal-edit-group .card .table thead tr th {
    width: 300px
}

#permissionboard .modal-edit-group .card .table thead tr td {
    text-align: center
}

#permissionboard .modal-edit-group .card .table tbody {
    position: relative
}

#permissionboard .modal-edit-group .card .table tbody tr {
    border-top: 1px solid #34383d;
    position: relative
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    background-color: grey;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action:hover {
    color: #dcdcdc;
    transform: scale(1.15);
    border-radius: 5px;
    cursor: pointer
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action.delete {
    background-color: #dc143c
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action.reset {
    background-color: #828b8e
}

#permissionboard .modal-edit-group .card .table tbody tr th {
    color: #dcdcdc;
    line-height: 25px
}

#permissionboard .modal-edit-group .card .table tbody tr td {
    color: #dcdcdc;
    text-align: center;
    height: 50px;
    border-top: 0
}

#permissionboard .container hr {
    color: #dcdcdc!important;
    border-color: hsla(0, 0%, 86.3%, .2)!important
}

#permissionboard .container .permission-group .permission-title {
    font-weight: 700;
    color: #c9aa71;
    line-height: 37px
}

#permissionboard .container .permission-group .card {
    border-top: .5rem;
    background-color: #0c1717!important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25)!important;
    overflow-x: scroll
}

#permissionboard .container .permission-group .card .table {
    background-color: #0c1717!important;
    border-color: #333;
    text-shadow: 0 0 1px transparent, 0 2px 5px rgba(0, 0, 0, .85)
}

#permissionboard .container .permission-group .card .table thead tr {
    border-top: 0
}

#permissionboard .container .permission-group .card .table thead tr .role-group {
    min-width: 170px;
    background-color: #0c1717;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .permission-group .card .table thead tr td,
#permissionboard .container .permission-group .card .table thead tr th {
    font-size: .8rem;
    border-top: 0;
    font-weight: 700;
    vertical-align: bottom;
    border-bottom: 2px solid #777;
    color: #c9aa71;
    font-weight: 700!important;
    min-width: 100px!important
}

#permissionboard .container .permission-group .card .table thead tr th {
    width: 236px
}

#permissionboard .container .permission-group .card .table thead tr td {
    text-align: center
}

#permissionboard .container .permission-group .card .table tbody {
    position: relative
}

#permissionboard .container .permission-group .card .table tbody tr {
    border-top: 1px solid #34383d;
    position: relative
}

#permissionboard .container .permission-group .card .table tbody tr:nth-of-type(odd) .role-name {
    background-color: #1c1c1c
}

#permissionboard .container .permission-group .card .table tbody tr:first-child .role-name:after {
    content: "";
    display: block;
    padding: 2px 0;
    line-height: 1px;
    border-top: 2px solid #777;
    position: absolute;
    top: -2px;
    width: 100%;
    left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .role-name {
    min-width: 170px;
    background-color: #0c1717;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .permission-group .card .table tbody tr .role-name:after {
    content: "";
    display: block;
    padding: 2px 0;
    line-height: 1px;
    border-top: 1px solid #34383d;
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .form-check {
    position: relative;
    height: 100%;
    width: 100%;
    left: -12.5px;
    padding-left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=checkbox],
#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 25px;
    width: 25px;
    margin: 0;
    border-radius: 3px;
    cursor: pointer
}

#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=checkbox]:checked,
#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=radio]:checked {
    background-color: #c9aa71!important;
    color: #000!important
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    background-color: grey;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action:hover {
    color: #dcdcdc;
    transform: scale(1.15);
    border-radius: 5px;
    cursor: pointer
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action.delete {
    background-color: #dc143c
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action.reset {
    background-color: #828b8e
}

#permissionboard .container .permission-group .card .table tbody tr th {
    color: #dcdcdc;
    line-height: 25px
}

#permissionboard .container .permission-group .card .table tbody tr td {
    color: #dcdcdc;
    text-align: center;
    height: 50px;
    border-top: 0
}

#permissionboard .container .permission-group .btn-primary {
    -webkit-transition: .2 ease;
    -moz-transition: .2 ease;
    -ms-transition: .2 ease;
    -o-transition: .2 ease;
    transition: .2 ease;
    background-color: #c9aa71;
    color: #000;
    height: 40px;
    border-color: transparent!important;
    margin-left: 1rem
}

#permissionboard .container .permission-group .btn-primary:hover {
    transform: scale(1.1);
    color: #000!important
}

#permissionboard .container .roles-group .permission-title {
    font-weight: 700;
    color: #c9aa71;
    line-height: 37px
}

#permissionboard .container .roles-group .card {
    border-top: .5rem;
    background-color: #0c1717!important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25)!important
}

#permissionboard .container .roles-group .card .table {
    background-color: #0c1717!important;
    border-color: #333;
    text-shadow: 0 0 1px transparent, 0 2px 5px rgba(0, 0, 0, .85)
}

#permissionboard .container .roles-group .card .table thead tr {
    border-top: 0
}

#permissionboard .container .roles-group .card .table thead tr .role-group {
    min-width: 170px;
    background-color: #0c1717;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .roles-group .card .table thead tr td,
#permissionboard .container .roles-group .card .table thead tr th {
    font-size: .8rem;
    border-top: 0;
    font-weight: 700;
    vertical-align: bottom;
    border-bottom: 2px solid #777;
    color: #c9aa71;
    font-weight: 700!important;
    min-width: 100px!important
}

#permissionboard .container .roles-group .card .table thead tr td {
    text-align: center
}

#permissionboard .container .roles-group .card .table tbody {
    position: relative
}

#permissionboard .container .roles-group .card .table tbody tr {
    border-top: 1px solid #34383d;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#permissionboard .container .roles-group .card .table tbody tr:nth-of-type(odd) .role-name {
    background-color: #1c1c1c
}

#permissionboard .container .roles-group .card .table tbody tr:first-child .role-name:after {
    content: "";
    display: block;
    padding: 2px 0;
    line-height: 1px;
    border-top: 2px solid #777;
    position: absolute;
    top: -2px;
    width: 100%;
    left: 0
}

#permissionboard .container .roles-group .card .table tbody tr .role-name {
    min-width: 170px;
    background-color: #0c1717;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .roles-group .card .table tbody tr .role-name .mdi {
    padding: 2px;
    background-color: #696c69;
    border-radius: 2px;
    margin-left: .5rem
}

#permissionboard .container .roles-group .card .table tbody tr .role-name .mdi.mdi-minus {
    background-color: #a1a1a1
}

#permissionboard .container .roles-group .card .table tbody tr .role-name:after {
    content: "";
    display: block;
    padding: 2px 0;
    line-height: 1px;
    border-top: 1px solid #34383d;
    position: absolute;
    top: -1px;
    width: 100%;
    left: 0
}

#permissionboard .container .roles-group .card .table tbody tr .form-check {
    position: relative;
    height: 100%;
    width: 100%;
    left: -12.5px;
    padding-left: 0
}

#permissionboard .container .roles-group .card .table tbody tr .form-check input[type=checkbox],
#permissionboard .container .roles-group .card .table tbody tr .form-check input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 25px;
    width: 25px;
    margin: 0;
    border-radius: 3px;
    cursor: pointer
}

#permissionboard .container .roles-group .card .table tbody tr .form-check input[type=checkbox]:checked,
#permissionboard .container .roles-group .card .table tbody tr .form-check input[type=radio]:checked {
    background-color: #c9aa71!important;
    color: #000!important
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    background-color: grey;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action:hover {
    color: #dcdcdc;
    transform: scale(1.15);
    border-radius: 5px;
    cursor: pointer
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action.delete {
    background-color: #dc143c
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action.plus {
    background-color: #3b993b
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action.edit {
    background-color: #439797
}

#permissionboard .container .roles-group .card .table tbody tr .permission-action.reset {
    background-color: #828b8e
}

#permissionboard .container .roles-group .card .table tbody tr th {
    color: #dcdcdc;
    line-height: 25px
}

#permissionboard .container .roles-group .card .table tbody tr td {
    color: #dcdcdc;
    text-align: center;
    height: 50px;
    border-top: 0
}

#permissionboard .container .roles-group .card .table tbody tr td #group-users {
    background-color: #282828!important;
    cursor: default
}

#permissionboard .container .roles-group .card .table tbody tr td #group-users tbody tr,
#permissionboard .container .roles-group .card .table tbody tr td #group-users thead tr {
    cursor: auto
}

#permissionboard .container .roles-group .btn-primary {
    background-color: #c9aa71;
    color: #000;
    height: 40px;
    border-color: transparent!important;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin-left: 1rem
}

#permissionboard .container .roles-group .btn-primary:hover {
    transform: scale(1.1);
    color: #000!important
}

.circle-loader {
    margin-bottom: 3.5em;
    border: 2.5px solid rgba(0, 0, 0, .2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s linear infinite;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border .5s ease-out
}

.checkmark {
    display: none
}

.checkmark.draw:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg)
}

.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: "";
    left: 1.75em;
    top: 3.5em;
    position: absolute
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
    to {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
}

@font-face {
    font-family: Material Design Icons;
    src: url(/static/webfonts/3d1f8fa2f06249540889a7bbe69cf5bb.eot?3d1f8fa2f06249540889a7bbe69cf5bb=);
    src: url(/static/webfonts/3d1f8fa2f06249540889a7bbe69cf5bb.eot?3d1f8fa2f06249540889a7bbe69cf5bb%3F=#iefix&v=5.8.55) format("embedded-opentype"), url(/static/webfonts/4187121a4353440c2a865dbf1bc1901b.woff2) format("woff2"), url(/static/webfonts/fec1b66adcf131415a2511bd77e747cc.woff) format("woff"), url(/static/webfonts/3e722fd57a6db80ee119f0e2c230ccff.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.mdi-set,
.mdi:before {
    display: inline-block;
    font: normal normal normal 24px/1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mdi-ab-testing:before {
    content: "\F01C9"
}

.mdi-abjad-arabic:before {
    content: "\F1328"
}

.mdi-abjad-hebrew:before {
    content: "\F1329"
}

.mdi-abugida-devanagari:before {
    content: "\F132A"
}

.mdi-abugida-thai:before {
    content: "\F132B"
}

.mdi-access-point:before {
    content: "\F0003"
}

.mdi-access-point-check:before {
    content: "\F1538"
}

.mdi-access-point-minus:before {
    content: "\F1539"
}

.mdi-access-point-network:before {
    content: "\F0002"
}

.mdi-access-point-network-off:before {
    content: "\F0BE1"
}

.mdi-access-point-off:before {
    content: "\F1511"
}

.mdi-access-point-plus:before {
    content: "\F153A"
}

.mdi-access-point-remove:before {
    content: "\F153B"
}

.mdi-account:before {
    content: "\F0004"
}

.mdi-account-alert:before {
    content: "\F0005"
}

.mdi-account-alert-outline:before {
    content: "\F0B50"
}

.mdi-account-arrow-left:before {
    content: "\F0B51"
}

.mdi-account-arrow-left-outline:before {
    content: "\F0B52"
}

.mdi-account-arrow-right:before {
    content: "\F0B53"
}

.mdi-account-arrow-right-outline:before {
    content: "\F0B54"
}

.mdi-account-box:before {
    content: "\F0006"
}

.mdi-account-box-multiple:before {
    content: "\F0934"
}

.mdi-account-box-multiple-outline:before {
    content: "\F100A"
}

.mdi-account-box-outline:before {
    content: "\F0007"
}

.mdi-account-cancel:before {
    content: "\F12DF"
}

.mdi-account-cancel-outline:before {
    content: "\F12E0"
}

.mdi-account-cash:before {
    content: "\F1097"
}

.mdi-account-cash-outline:before {
    content: "\F1098"
}

.mdi-account-check:before {
    content: "\F0008"
}

.mdi-account-check-outline:before {
    content: "\F0BE2"
}

.mdi-account-child:before {
    content: "\F0A89"
}

.mdi-account-child-circle:before {
    content: "\F0A8A"
}

.mdi-account-child-outline:before {
    content: "\F10C8"
}

.mdi-account-circle:before {
    content: "\F0009"
}

.mdi-account-circle-outline:before {
    content: "\F0B55"
}

.mdi-account-clock:before {
    content: "\F0B56"
}

.mdi-account-clock-outline:before {
    content: "\F0B57"
}

.mdi-account-cog:before {
    content: "\F1370"
}

.mdi-account-cog-outline:before {
    content: "\F1371"
}

.mdi-account-convert:before {
    content: "\F000A"
}

.mdi-account-convert-outline:before {
    content: "\F1301"
}

.mdi-account-cowboy-hat:before {
    content: "\F0E9B"
}

.mdi-account-details:before {
    content: "\F0631"
}

.mdi-account-details-outline:before {
    content: "\F1372"
}

.mdi-account-edit:before {
    content: "\F06BC"
}

.mdi-account-edit-outline:before {
    content: "\F0FFB"
}

.mdi-account-group:before {
    content: "\F0849"
}

.mdi-account-group-outline:before {
    content: "\F0B58"
}

.mdi-account-hard-hat:before {
    content: "\F05B5"
}

.mdi-account-heart:before {
    content: "\F0899"
}

.mdi-account-heart-outline:before {
    content: "\F0BE3"
}

.mdi-account-key:before {
    content: "\F000B"
}

.mdi-account-key-outline:before {
    content: "\F0BE4"
}

.mdi-account-lock:before {
    content: "\F115E"
}

.mdi-account-lock-outline:before {
    content: "\F115F"
}

.mdi-account-minus:before {
    content: "\F000D"
}

.mdi-account-minus-outline:before {
    content: "\F0AEC"
}

.mdi-account-multiple:before {
    content: "\F000E"
}

.mdi-account-multiple-check:before {
    content: "\F08C5"
}

.mdi-account-multiple-check-outline:before {
    content: "\F11FE"
}

.mdi-account-multiple-minus:before {
    content: "\F05D3"
}

.mdi-account-multiple-minus-outline:before {
    content: "\F0BE5"
}

.mdi-account-multiple-outline:before {
    content: "\F000F"
}

.mdi-account-multiple-plus:before {
    content: "\F0010"
}

.mdi-account-multiple-plus-outline:before {
    content: "\F0800"
}

.mdi-account-multiple-remove:before {
    content: "\F120A"
}

.mdi-account-multiple-remove-outline:before {
    content: "\F120B"
}

.mdi-account-music:before {
    content: "\F0803"
}

.mdi-account-music-outline:before {
    content: "\F0CE9"
}

.mdi-account-network:before {
    content: "\F0011"
}

.mdi-account-network-outline:before {
    content: "\F0BE6"
}

.mdi-account-off:before {
    content: "\F0012"
}

.mdi-account-off-outline:before {
    content: "\F0BE7"
}

.mdi-account-outline:before {
    content: "\F0013"
}

.mdi-account-plus:before {
    content: "\F0014"
}

.mdi-account-plus-outline:before {
    content: "\F0801"
}

.mdi-account-question:before {
    content: "\F0B59"
}

.mdi-account-question-outline:before {
    content: "\F0B5A"
}

.mdi-account-reactivate:before {
    content: "\F152B"
}

.mdi-account-reactivate-outline:before {
    content: "\F152C"
}

.mdi-account-remove:before {
    content: "\F0015"
}

.mdi-account-remove-outline:before {
    content: "\F0AED"
}

.mdi-account-search:before {
    content: "\F0016"
}

.mdi-account-search-outline:before {
    content: "\F0935"
}

.mdi-account-settings:before {
    content: "\F0630"
}

.mdi-account-settings-outline:before {
    content: "\F10C9"
}

.mdi-account-star:before {
    content: "\F0017"
}

.mdi-account-star-outline:before {
    content: "\F0BE8"
}

.mdi-account-supervisor:before {
    content: "\F0A8B"
}

.mdi-account-supervisor-circle:before {
    content: "\F0A8C"
}

.mdi-account-supervisor-circle-outline:before {
    content: "\F14EC"
}

.mdi-account-supervisor-outline:before {
    content: "\F112D"
}

.mdi-account-switch:before {
    content: "\F0019"
}

.mdi-account-switch-outline:before {
    content: "\F04CB"
}

.mdi-account-tie:before {
    content: "\F0CE3"
}

.mdi-account-tie-outline:before {
    content: "\F10CA"
}

.mdi-account-tie-voice:before {
    content: "\F1308"
}

.mdi-account-tie-voice-off:before {
    content: "\F130A"
}

.mdi-account-tie-voice-off-outline:before {
    content: "\F130B"
}

.mdi-account-tie-voice-outline:before {
    content: "\F1309"
}

.mdi-account-voice:before {
    content: "\F05CB"
}

.mdi-adjust:before {
    content: "\F001A"
}

.mdi-adobe:before {
    content: "\F0936"
}

.mdi-adobe-acrobat:before {
    content: "\F0F9D"
}

.mdi-air-conditioner:before {
    content: "\F001B"
}

.mdi-air-filter:before {
    content: "\F0D43"
}

.mdi-air-horn:before {
    content: "\F0DAC"
}

.mdi-air-humidifier:before {
    content: "\F1099"
}

.mdi-air-humidifier-off:before {
    content: "\F1466"
}

.mdi-air-purifier:before {
    content: "\F0D44"
}

.mdi-airbag:before {
    content: "\F0BE9"
}

.mdi-airballoon:before {
    content: "\F001C"
}

.mdi-airballoon-outline:before {
    content: "\F100B"
}

.mdi-airplane:before {
    content: "\F001D"
}

.mdi-airplane-landing:before {
    content: "\F05D4"
}

.mdi-airplane-off:before {
    content: "\F001E"
}

.mdi-airplane-takeoff:before {
    content: "\F05D5"
}

.mdi-airport:before {
    content: "\F084B"
}

.mdi-alarm:before {
    content: "\F0020"
}

.mdi-alarm-bell:before {
    content: "\F078E"
}

.mdi-alarm-check:before {
    content: "\F0021"
}

.mdi-alarm-light:before {
    content: "\F078F"
}

.mdi-alarm-light-outline:before {
    content: "\F0BEA"
}

.mdi-alarm-multiple:before {
    content: "\F0022"
}

.mdi-alarm-note:before {
    content: "\F0E71"
}

.mdi-alarm-note-off:before {
    content: "\F0E72"
}

.mdi-alarm-off:before {
    content: "\F0023"
}

.mdi-alarm-panel:before {
    content: "\F15C4"
}

.mdi-alarm-panel-outline:before {
    content: "\F15C5"
}

.mdi-alarm-plus:before {
    content: "\F0024"
}

.mdi-alarm-snooze:before {
    content: "\F068E"
}

.mdi-album:before {
    content: "\F0025"
}

.mdi-alert:before {
    content: "\F0026"
}

.mdi-alert-box:before {
    content: "\F0027"
}

.mdi-alert-box-outline:before {
    content: "\F0CE4"
}

.mdi-alert-circle:before {
    content: "\F0028"
}

.mdi-alert-circle-check:before {
    content: "\F11ED"
}

.mdi-alert-circle-check-outline:before {
    content: "\F11EE"
}

.mdi-alert-circle-outline:before {
    content: "\F05D6"
}

.mdi-alert-decagram:before {
    content: "\F06BD"
}

.mdi-alert-decagram-outline:before {
    content: "\F0CE5"
}

.mdi-alert-minus:before {
    content: "\F14BB"
}

.mdi-alert-minus-outline:before {
    content: "\F14BE"
}

.mdi-alert-octagon:before {
    content: "\F0029"
}

.mdi-alert-octagon-outline:before {
    content: "\F0CE6"
}

.mdi-alert-octagram:before {
    content: "\F0767"
}

.mdi-alert-octagram-outline:before {
    content: "\F0CE7"
}

.mdi-alert-outline:before {
    content: "\F002A"
}

.mdi-alert-plus:before {
    content: "\F14BA"
}

.mdi-alert-plus-outline:before {
    content: "\F14BD"
}

.mdi-alert-remove:before {
    content: "\F14BC"
}

.mdi-alert-remove-outline:before {
    content: "\F14BF"
}

.mdi-alert-rhombus:before {
    content: "\F11CE"
}

.mdi-alert-rhombus-outline:before {
    content: "\F11CF"
}

.mdi-alien:before {
    content: "\F089A"
}

.mdi-alien-outline:before {
    content: "\F10CB"
}

.mdi-align-horizontal-center:before {
    content: "\F11C3"
}

.mdi-align-horizontal-left:before {
    content: "\F11C2"
}

.mdi-align-horizontal-right:before {
    content: "\F11C4"
}

.mdi-align-vertical-bottom:before {
    content: "\F11C5"
}

.mdi-align-vertical-center:before {
    content: "\F11C6"
}

.mdi-align-vertical-top:before {
    content: "\F11C7"
}

.mdi-all-inclusive:before {
    content: "\F06BE"
}

.mdi-allergy:before {
    content: "\F1258"
}

.mdi-alpha:before {
    content: "\F002B"
}

.mdi-alpha-a:before {
    content: "\F0AEE"
}

.mdi-alpha-a-box:before {
    content: "\F0B08"
}

.mdi-alpha-a-box-outline:before {
    content: "\F0BEB"
}

.mdi-alpha-a-circle:before {
    content: "\F0BEC"
}

.mdi-alpha-a-circle-outline:before {
    content: "\F0BED"
}

.mdi-alpha-b:before {
    content: "\F0AEF"
}

.mdi-alpha-b-box:before {
    content: "\F0B09"
}

.mdi-alpha-b-box-outline:before {
    content: "\F0BEE"
}

.mdi-alpha-b-circle:before {
    content: "\F0BEF"
}

.mdi-alpha-b-circle-outline:before {
    content: "\F0BF0"
}

.mdi-alpha-c:before {
    content: "\F0AF0"
}

.mdi-alpha-c-box:before {
    content: "\F0B0A"
}

.mdi-alpha-c-box-outline:before {
    content: "\F0BF1"
}

.mdi-alpha-c-circle:before {
    content: "\F0BF2"
}

.mdi-alpha-c-circle-outline:before {
    content: "\F0BF3"
}

.mdi-alpha-d:before {
    content: "\F0AF1"
}

.mdi-alpha-d-box:before {
    content: "\F0B0B"
}

.mdi-alpha-d-box-outline:before {
    content: "\F0BF4"
}

.mdi-alpha-d-circle:before {
    content: "\F0BF5"
}

.mdi-alpha-d-circle-outline:before {
    content: "\F0BF6"
}

.mdi-alpha-e:before {
    content: "\F0AF2"
}

.mdi-alpha-e-box:before {
    content: "\F0B0C"
}

.mdi-alpha-e-box-outline:before {
    content: "\F0BF7"
}

.mdi-alpha-e-circle:before {
    content: "\F0BF8"
}

.mdi-alpha-e-circle-outline:before {
    content: "\F0BF9"
}

.mdi-alpha-f:before {
    content: "\F0AF3"
}

.mdi-alpha-f-box:before {
    content: "\F0B0D"
}

.mdi-alpha-f-box-outline:before {
    content: "\F0BFA"
}

.mdi-alpha-f-circle:before {
    content: "\F0BFB"
}

.mdi-alpha-f-circle-outline:before {
    content: "\F0BFC"
}

.mdi-alpha-g:before {
    content: "\F0AF4"
}

.mdi-alpha-g-box:before {
    content: "\F0B0E"
}

.mdi-alpha-g-box-outline:before {
    content: "\F0BFD"
}

.mdi-alpha-g-circle:before {
    content: "\F0BFE"
}

.mdi-alpha-g-circle-outline:before {
    content: "\F0BFF"
}

.mdi-alpha-h:before {
    content: "\F0AF5"
}

.mdi-alpha-h-box:before {
    content: "\F0B0F"
}

.mdi-alpha-h-box-outline:before {
    content: "\F0C00"
}

.mdi-alpha-h-circle:before {
    content: "\F0C01"
}

.mdi-alpha-h-circle-outline:before {
    content: "\F0C02"
}

.mdi-alpha-i:before {
    content: "\F0AF6"
}

.mdi-alpha-i-box:before {
    content: "\F0B10"
}

.mdi-alpha-i-box-outline:before {
    content: "\F0C03"
}

.mdi-alpha-i-circle:before {
    content: "\F0C04"
}

.mdi-alpha-i-circle-outline:before {
    content: "\F0C05"
}

.mdi-alpha-j:before {
    content: "\F0AF7"
}

.mdi-alpha-j-box:before {
    content: "\F0B11"
}

.mdi-alpha-j-box-outline:before {
    content: "\F0C06"
}

.mdi-alpha-j-circle:before {
    content: "\F0C07"
}

.mdi-alpha-j-circle-outline:before {
    content: "\F0C08"
}

.mdi-alpha-k:before {
    content: "\F0AF8"
}

.mdi-alpha-k-box:before {
    content: "\F0B12"
}

.mdi-alpha-k-box-outline:before {
    content: "\F0C09"
}

.mdi-alpha-k-circle:before {
    content: "\F0C0A"
}

.mdi-alpha-k-circle-outline:before {
    content: "\F0C0B"
}

.mdi-alpha-l:before {
    content: "\F0AF9"
}

.mdi-alpha-l-box:before {
    content: "\F0B13"
}

.mdi-alpha-l-box-outline:before {
    content: "\F0C0C"
}

.mdi-alpha-l-circle:before {
    content: "\F0C0D"
}

.mdi-alpha-l-circle-outline:before {
    content: "\F0C0E"
}

.mdi-alpha-m:before {
    content: "\F0AFA"
}

.mdi-alpha-m-box:before {
    content: "\F0B14"
}

.mdi-alpha-m-box-outline:before {
    content: "\F0C0F"
}

.mdi-alpha-m-circle:before {
    content: "\F0C10"
}

.mdi-alpha-m-circle-outline:before {
    content: "\F0C11"
}

.mdi-alpha-n:before {
    content: "\F0AFB"
}

.mdi-alpha-n-box:before {
    content: "\F0B15"
}

.mdi-alpha-n-box-outline:before {
    content: "\F0C12"
}

.mdi-alpha-n-circle:before {
    content: "\F0C13"
}

.mdi-alpha-n-circle-outline:before {
    content: "\F0C14"
}

.mdi-alpha-o:before {
    content: "\F0AFC"
}

.mdi-alpha-o-box:before {
    content: "\F0B16"
}

.mdi-alpha-o-box-outline:before {
    content: "\F0C15"
}

.mdi-alpha-o-circle:before {
    content: "\F0C16"
}

.mdi-alpha-o-circle-outline:before {
    content: "\F0C17"
}

.mdi-alpha-p:before {
    content: "\F0AFD"
}

.mdi-alpha-p-box:before {
    content: "\F0B17"
}

.mdi-alpha-p-box-outline:before {
    content: "\F0C18"
}

.mdi-alpha-p-circle:before {
    content: "\F0C19"
}

.mdi-alpha-p-circle-outline:before {
    content: "\F0C1A"
}

.mdi-alpha-q:before {
    content: "\F0AFE"
}

.mdi-alpha-q-box:before {
    content: "\F0B18"
}

.mdi-alpha-q-box-outline:before {
    content: "\F0C1B"
}

.mdi-alpha-q-circle:before {
    content: "\F0C1C"
}

.mdi-alpha-q-circle-outline:before {
    content: "\F0C1D"
}

.mdi-alpha-r:before {
    content: "\F0AFF"
}

.mdi-alpha-r-box:before {
    content: "\F0B19"
}

.mdi-alpha-r-box-outline:before {
    content: "\F0C1E"
}

.mdi-alpha-r-circle:before {
    content: "\F0C1F"
}

.mdi-alpha-r-circle-outline:before {
    content: "\F0C20"
}

.mdi-alpha-s:before {
    content: "\F0B00"
}

.mdi-alpha-s-box:before {
    content: "\F0B1A"
}

.mdi-alpha-s-box-outline:before {
    content: "\F0C21"
}

.mdi-alpha-s-circle:before {
    content: "\F0C22"
}

.mdi-alpha-s-circle-outline:before {
    content: "\F0C23"
}

.mdi-alpha-t:before {
    content: "\F0B01"
}

.mdi-alpha-t-box:before {
    content: "\F0B1B"
}

.mdi-alpha-t-box-outline:before {
    content: "\F0C24"
}

.mdi-alpha-t-circle:before {
    content: "\F0C25"
}

.mdi-alpha-t-circle-outline:before {
    content: "\F0C26"
}

.mdi-alpha-u:before {
    content: "\F0B02"
}

.mdi-alpha-u-box:before {
    content: "\F0B1C"
}

.mdi-alpha-u-box-outline:before {
    content: "\F0C27"
}

.mdi-alpha-u-circle:before {
    content: "\F0C28"
}

.mdi-alpha-u-circle-outline:before {
    content: "\F0C29"
}

.mdi-alpha-v:before {
    content: "\F0B03"
}

.mdi-alpha-v-box:before {
    content: "\F0B1D"
}

.mdi-alpha-v-box-outline:before {
    content: "\F0C2A"
}

.mdi-alpha-v-circle:before {
    content: "\F0C2B"
}

.mdi-alpha-v-circle-outline:before {
    content: "\F0C2C"
}

.mdi-alpha-w:before {
    content: "\F0B04"
}

.mdi-alpha-w-box:before {
    content: "\F0B1E"
}

.mdi-alpha-w-box-outline:before {
    content: "\F0C2D"
}

.mdi-alpha-w-circle:before {
    content: "\F0C2E"
}

.mdi-alpha-w-circle-outline:before {
    content: "\F0C2F"
}

.mdi-alpha-x:before {
    content: "\F0B05"
}

.mdi-alpha-x-box:before {
    content: "\F0B1F"
}

.mdi-alpha-x-box-outline:before {
    content: "\F0C30"
}

.mdi-alpha-x-circle:before {
    content: "\F0C31"
}

.mdi-alpha-x-circle-outline:before {
    content: "\F0C32"
}

.mdi-alpha-y:before {
    content: "\F0B06"
}

.mdi-alpha-y-box:before {
    content: "\F0B20"
}

.mdi-alpha-y-box-outline:before {
    content: "\F0C33"
}

.mdi-alpha-y-circle:before {
    content: "\F0C34"
}

.mdi-alpha-y-circle-outline:before {
    content: "\F0C35"
}

.mdi-alpha-z:before {
    content: "\F0B07"
}

.mdi-alpha-z-box:before {
    content: "\F0B21"
}

.mdi-alpha-z-box-outline:before {
    content: "\F0C36"
}

.mdi-alpha-z-circle:before {
    content: "\F0C37"
}

.mdi-alpha-z-circle-outline:before {
    content: "\F0C38"
}

.mdi-alphabet-aurebesh:before {
    content: "\F132C"
}

.mdi-alphabet-cyrillic:before {
    content: "\F132D"
}

.mdi-alphabet-greek:before {
    content: "\F132E"
}

.mdi-alphabet-latin:before {
    content: "\F132F"
}

.mdi-alphabet-piqad:before {
    content: "\F1330"
}

.mdi-alphabet-tengwar:before {
    content: "\F1337"
}

.mdi-alphabetical:before {
    content: "\F002C"
}

.mdi-alphabetical-off:before {
    content: "\F100C"
}

.mdi-alphabetical-variant:before {
    content: "\F100D"
}

.mdi-alphabetical-variant-off:before {
    content: "\F100E"
}

.mdi-altimeter:before {
    content: "\F05D7"
}

.mdi-amazon:before {
    content: "\F002D"
}

.mdi-amazon-alexa:before {
    content: "\F08C6"
}

.mdi-ambulance:before {
    content: "\F002F"
}

.mdi-ammunition:before {
    content: "\F0CE8"
}

.mdi-ampersand:before {
    content: "\F0A8D"
}

.mdi-amplifier:before {
    content: "\F0030"
}

.mdi-amplifier-off:before {
    content: "\F11B5"
}

.mdi-anchor:before {
    content: "\F0031"
}

.mdi-android:before {
    content: "\F0032"
}

.mdi-android-auto:before {
    content: "\F0A8E"
}

.mdi-android-debug-bridge:before {
    content: "\F0033"
}

.mdi-android-messages:before {
    content: "\F0D45"
}

.mdi-android-studio:before {
    content: "\F0034"
}

.mdi-angle-acute:before {
    content: "\F0937"
}

.mdi-angle-obtuse:before {
    content: "\F0938"
}

.mdi-angle-right:before {
    content: "\F0939"
}

.mdi-angular:before {
    content: "\F06B2"
}

.mdi-angularjs:before {
    content: "\F06BF"
}

.mdi-animation:before {
    content: "\F05D8"
}

.mdi-animation-outline:before {
    content: "\F0A8F"
}

.mdi-animation-play:before {
    content: "\F093A"
}

.mdi-animation-play-outline:before {
    content: "\F0A90"
}

.mdi-ansible:before {
    content: "\F109A"
}

.mdi-antenna:before {
    content: "\F1119"
}

.mdi-anvil:before {
    content: "\F089B"
}

.mdi-apache-kafka:before {
    content: "\F100F"
}

.mdi-api:before {
    content: "\F109B"
}

.mdi-api-off:before {
    content: "\F1257"
}

.mdi-apple:before {
    content: "\F0035"
}

.mdi-apple-airplay:before {
    content: "\F001F"
}

.mdi-apple-finder:before {
    content: "\F0036"
}

.mdi-apple-icloud:before {
    content: "\F0038"
}

.mdi-apple-ios:before {
    content: "\F0037"
}

.mdi-apple-keyboard-caps:before {
    content: "\F0632"
}

.mdi-apple-keyboard-command:before {
    content: "\F0633"
}

.mdi-apple-keyboard-control:before {
    content: "\F0634"
}

.mdi-apple-keyboard-option:before {
    content: "\F0635"
}

.mdi-apple-keyboard-shift:before {
    content: "\F0636"
}

.mdi-apple-safari:before {
    content: "\F0039"
}

.mdi-application:before {
    content: "\F0614"
}

.mdi-application-cog:before {
    content: "\F1577"
}

.mdi-application-export:before {
    content: "\F0DAD"
}

.mdi-application-import:before {
    content: "\F0DAE"
}

.mdi-application-settings:before {
    content: "\F1555"
}

.mdi-approximately-equal:before {
    content: "\F0F9E"
}

.mdi-approximately-equal-box:before {
    content: "\F0F9F"
}

.mdi-apps:before {
    content: "\F003B"
}

.mdi-apps-box:before {
    content: "\F0D46"
}

.mdi-arch:before {
    content: "\F08C7"
}

.mdi-archive:before {
    content: "\F003C"
}

.mdi-archive-alert:before {
    content: "\F14FD"
}

.mdi-archive-alert-outline:before {
    content: "\F14FE"
}

.mdi-archive-arrow-down:before {
    content: "\F1259"
}

.mdi-archive-arrow-down-outline:before {
    content: "\F125A"
}

.mdi-archive-arrow-up:before {
    content: "\F125B"
}

.mdi-archive-arrow-up-outline:before {
    content: "\F125C"
}

.mdi-archive-outline:before {
    content: "\F120E"
}

.mdi-arm-flex:before {
    content: "\F0FD7"
}

.mdi-arm-flex-outline:before {
    content: "\F0FD6"
}

.mdi-arrange-bring-forward:before {
    content: "\F003D"
}

.mdi-arrange-bring-to-front:before {
    content: "\F003E"
}

.mdi-arrange-send-backward:before {
    content: "\F003F"
}

.mdi-arrange-send-to-back:before {
    content: "\F0040"
}

.mdi-arrow-all:before {
    content: "\F0041"
}

.mdi-arrow-bottom-left:before {
    content: "\F0042"
}

.mdi-arrow-bottom-left-bold-outline:before {
    content: "\F09B7"
}

.mdi-arrow-bottom-left-thick:before {
    content: "\F09B8"
}

.mdi-arrow-bottom-left-thin-circle-outline:before {
    content: "\F1596"
}

.mdi-arrow-bottom-right:before {
    content: "\F0043"
}

.mdi-arrow-bottom-right-bold-outline:before {
    content: "\F09B9"
}

.mdi-arrow-bottom-right-thick:before {
    content: "\F09BA"
}

.mdi-arrow-bottom-right-thin-circle-outline:before {
    content: "\F1595"
}

.mdi-arrow-collapse:before {
    content: "\F0615"
}

.mdi-arrow-collapse-all:before {
    content: "\F0044"
}

.mdi-arrow-collapse-down:before {
    content: "\F0792"
}

.mdi-arrow-collapse-horizontal:before {
    content: "\F084C"
}

.mdi-arrow-collapse-left:before {
    content: "\F0793"
}

.mdi-arrow-collapse-right:before {
    content: "\F0794"
}

.mdi-arrow-collapse-up:before {
    content: "\F0795"
}

.mdi-arrow-collapse-vertical:before {
    content: "\F084D"
}

.mdi-arrow-decision:before {
    content: "\F09BB"
}

.mdi-arrow-decision-auto:before {
    content: "\F09BC"
}

.mdi-arrow-decision-auto-outline:before {
    content: "\F09BD"
}

.mdi-arrow-decision-outline:before {
    content: "\F09BE"
}

.mdi-arrow-down:before {
    content: "\F0045"
}

.mdi-arrow-down-bold:before {
    content: "\F072E"
}

.mdi-arrow-down-bold-box:before {
    content: "\F072F"
}

.mdi-arrow-down-bold-box-outline:before {
    content: "\F0730"
}

.mdi-arrow-down-bold-circle:before {
    content: "\F0047"
}

.mdi-arrow-down-bold-circle-outline:before {
    content: "\F0048"
}

.mdi-arrow-down-bold-hexagon-outline:before {
    content: "\F0049"
}

.mdi-arrow-down-bold-outline:before {
    content: "\F09BF"
}

.mdi-arrow-down-box:before {
    content: "\F06C0"
}

.mdi-arrow-down-circle:before {
    content: "\F0CDB"
}

.mdi-arrow-down-circle-outline:before {
    content: "\F0CDC"
}

.mdi-arrow-down-drop-circle:before {
    content: "\F004A"
}

.mdi-arrow-down-drop-circle-outline:before {
    content: "\F004B"
}

.mdi-arrow-down-thick:before {
    content: "\F0046"
}

.mdi-arrow-down-thin-circle-outline:before {
    content: "\F1599"
}

.mdi-arrow-expand:before {
    content: "\F0616"
}

.mdi-arrow-expand-all:before {
    content: "\F004C"
}

.mdi-arrow-expand-down:before {
    content: "\F0796"
}

.mdi-arrow-expand-horizontal:before {
    content: "\F084E"
}

.mdi-arrow-expand-left:before {
    content: "\F0797"
}

.mdi-arrow-expand-right:before {
    content: "\F0798"
}

.mdi-arrow-expand-up:before {
    content: "\F0799"
}

.mdi-arrow-expand-vertical:before {
    content: "\F084F"
}

.mdi-arrow-horizontal-lock:before {
    content: "\F115B"
}

.mdi-arrow-left:before {
    content: "\F004D"
}

.mdi-arrow-left-bold:before {
    content: "\F0731"
}

.mdi-arrow-left-bold-box:before {
    content: "\F0732"
}

.mdi-arrow-left-bold-box-outline:before {
    content: "\F0733"
}

.mdi-arrow-left-bold-circle:before {
    content: "\F004F"
}

.mdi-arrow-left-bold-circle-outline:before {
    content: "\F0050"
}

.mdi-arrow-left-bold-hexagon-outline:before {
    content: "\F0051"
}

.mdi-arrow-left-bold-outline:before {
    content: "\F09C0"
}

.mdi-arrow-left-box:before {
    content: "\F06C1"
}

.mdi-arrow-left-circle:before {
    content: "\F0CDD"
}

.mdi-arrow-left-circle-outline:before {
    content: "\F0CDE"
}

.mdi-arrow-left-drop-circle:before {
    content: "\F0052"
}

.mdi-arrow-left-drop-circle-outline:before {
    content: "\F0053"
}

.mdi-arrow-left-right:before {
    content: "\F0E73"
}

.mdi-arrow-left-right-bold:before {
    content: "\F0E74"
}

.mdi-arrow-left-right-bold-outline:before {
    content: "\F09C1"
}

.mdi-arrow-left-thick:before {
    content: "\F004E"
}

.mdi-arrow-left-thin-circle-outline:before {
    content: "\F159A"
}

.mdi-arrow-right:before {
    content: "\F0054"
}

.mdi-arrow-right-bold:before {
    content: "\F0734"
}

.mdi-arrow-right-bold-box:before {
    content: "\F0735"
}

.mdi-arrow-right-bold-box-outline:before {
    content: "\F0736"
}

.mdi-arrow-right-bold-circle:before {
    content: "\F0056"
}

.mdi-arrow-right-bold-circle-outline:before {
    content: "\F0057"
}

.mdi-arrow-right-bold-hexagon-outline:before {
    content: "\F0058"
}

.mdi-arrow-right-bold-outline:before {
    content: "\F09C2"
}

.mdi-arrow-right-box:before {
    content: "\F06C2"
}

.mdi-arrow-right-circle:before {
    content: "\F0CDF"
}

.mdi-arrow-right-circle-outline:before {
    content: "\F0CE0"
}

.mdi-arrow-right-drop-circle:before {
    content: "\F0059"
}

.mdi-arrow-right-drop-circle-outline:before {
    content: "\F005A"
}

.mdi-arrow-right-thick:before {
    content: "\F0055"
}

.mdi-arrow-right-thin-circle-outline:before {
    content: "\F1598"
}

.mdi-arrow-split-horizontal:before {
    content: "\F093B"
}

.mdi-arrow-split-vertical:before {
    content: "\F093C"
}

.mdi-arrow-top-left:before {
    content: "\F005B"
}

.mdi-arrow-top-left-bold-outline:before {
    content: "\F09C3"
}

.mdi-arrow-top-left-bottom-right:before {
    content: "\F0E75"
}

.mdi-arrow-top-left-bottom-right-bold:before {
    content: "\F0E76"
}

.mdi-arrow-top-left-thick:before {
    content: "\F09C4"
}

.mdi-arrow-top-left-thin-circle-outline:before {
    content: "\F1593"
}

.mdi-arrow-top-right:before {
    content: "\F005C"
}

.mdi-arrow-top-right-bold-outline:before {
    content: "\F09C5"
}

.mdi-arrow-top-right-bottom-left:before {
    content: "\F0E77"
}

.mdi-arrow-top-right-bottom-left-bold:before {
    content: "\F0E78"
}

.mdi-arrow-top-right-thick:before {
    content: "\F09C6"
}

.mdi-arrow-top-right-thin-circle-outline:before {
    content: "\F1594"
}

.mdi-arrow-up:before {
    content: "\F005D"
}

.mdi-arrow-up-bold:before {
    content: "\F0737"
}

.mdi-arrow-up-bold-box:before {
    content: "\F0738"
}

.mdi-arrow-up-bold-box-outline:before {
    content: "\F0739"
}

.mdi-arrow-up-bold-circle:before {
    content: "\F005F"
}

.mdi-arrow-up-bold-circle-outline:before {
    content: "\F0060"
}

.mdi-arrow-up-bold-hexagon-outline:before {
    content: "\F0061"
}

.mdi-arrow-up-bold-outline:before {
    content: "\F09C7"
}

.mdi-arrow-up-box:before {
    content: "\F06C3"
}

.mdi-arrow-up-circle:before {
    content: "\F0CE1"
}

.mdi-arrow-up-circle-outline:before {
    content: "\F0CE2"
}

.mdi-arrow-up-down:before {
    content: "\F0E79"
}

.mdi-arrow-up-down-bold:before {
    content: "\F0E7A"
}

.mdi-arrow-up-down-bold-outline:before {
    content: "\F09C8"
}

.mdi-arrow-up-drop-circle:before {
    content: "\F0062"
}

.mdi-arrow-up-drop-circle-outline:before {
    content: "\F0063"
}

.mdi-arrow-up-thick:before {
    content: "\F005E"
}

.mdi-arrow-up-thin-circle-outline:before {
    content: "\F1597"
}

.mdi-arrow-vertical-lock:before {
    content: "\F115C"
}

.mdi-artstation:before {
    content: "\F0B5B"
}

.mdi-aspect-ratio:before {
    content: "\F0A24"
}

.mdi-assistant:before {
    content: "\F0064"
}

.mdi-asterisk:before {
    content: "\F06C4"
}

.mdi-at:before {
    content: "\F0065"
}

.mdi-atlassian:before {
    content: "\F0804"
}

.mdi-atm:before {
    content: "\F0D47"
}

.mdi-atom:before {
    content: "\F0768"
}

.mdi-atom-variant:before {
    content: "\F0E7B"
}

.mdi-attachment:before {
    content: "\F0066"
}

.mdi-audio-video:before {
    content: "\F093D"
}

.mdi-audio-video-off:before {
    content: "\F11B6"
}

.mdi-augmented-reality:before {
    content: "\F0850"
}

.mdi-auto-download:before {
    content: "\F137E"
}

.mdi-auto-fix:before {
    content: "\F0068"
}

.mdi-auto-upload:before {
    content: "\F0069"
}

.mdi-autorenew:before {
    content: "\F006A"
}

.mdi-av-timer:before {
    content: "\F006B"
}

.mdi-aws:before {
    content: "\F0E0F"
}

.mdi-axe:before {
    content: "\F08C8"
}

.mdi-axis:before {
    content: "\F0D48"
}

.mdi-axis-arrow:before {
    content: "\F0D49"
}

.mdi-axis-arrow-info:before {
    content: "\F140E"
}

.mdi-axis-arrow-lock:before {
    content: "\F0D4A"
}

.mdi-axis-lock:before {
    content: "\F0D4B"
}

.mdi-axis-x-arrow:before {
    content: "\F0D4C"
}

.mdi-axis-x-arrow-lock:before {
    content: "\F0D4D"
}

.mdi-axis-x-rotate-clockwise:before {
    content: "\F0D4E"
}

.mdi-axis-x-rotate-counterclockwise:before {
    content: "\F0D4F"
}

.mdi-axis-x-y-arrow-lock:before {
    content: "\F0D50"
}

.mdi-axis-y-arrow:before {
    content: "\F0D51"
}

.mdi-axis-y-arrow-lock:before {
    content: "\F0D52"
}

.mdi-axis-y-rotate-clockwise:before {
    content: "\F0D53"
}

.mdi-axis-y-rotate-counterclockwise:before {
    content: "\F0D54"
}

.mdi-axis-z-arrow:before {
    content: "\F0D55"
}

.mdi-axis-z-arrow-lock:before {
    content: "\F0D56"
}

.mdi-axis-z-rotate-clockwise:before {
    content: "\F0D57"
}

.mdi-axis-z-rotate-counterclockwise:before {
    content: "\F0D58"
}

.mdi-babel:before {
    content: "\F0A25"
}

.mdi-baby:before {
    content: "\F006C"
}

.mdi-baby-bottle:before {
    content: "\F0F39"
}

.mdi-baby-bottle-outline:before {
    content: "\F0F3A"
}

.mdi-baby-buggy:before {
    content: "\F13E0"
}

.mdi-baby-carriage:before {
    content: "\F068F"
}

.mdi-baby-carriage-off:before {
    content: "\F0FA0"
}

.mdi-baby-face:before {
    content: "\F0E7C"
}

.mdi-baby-face-outline:before {
    content: "\F0E7D"
}

.mdi-backburger:before {
    content: "\F006D"
}

.mdi-backspace:before {
    content: "\F006E"
}

.mdi-backspace-outline:before {
    content: "\F0B5C"
}

.mdi-backspace-reverse:before {
    content: "\F0E7E"
}

.mdi-backspace-reverse-outline:before {
    content: "\F0E7F"
}

.mdi-backup-restore:before {
    content: "\F006F"
}

.mdi-bacteria:before {
    content: "\F0ED5"
}

.mdi-bacteria-outline:before {
    content: "\F0ED6"
}

.mdi-badge-account:before {
    content: "\F0DA7"
}

.mdi-badge-account-alert:before {
    content: "\F0DA8"
}

.mdi-badge-account-alert-outline:before {
    content: "\F0DA9"
}

.mdi-badge-account-horizontal:before {
    content: "\F0E0D"
}

.mdi-badge-account-horizontal-outline:before {
    content: "\F0E0E"
}

.mdi-badge-account-outline:before {
    content: "\F0DAA"
}

.mdi-badminton:before {
    content: "\F0851"
}

.mdi-bag-carry-on:before {
    content: "\F0F3B"
}

.mdi-bag-carry-on-check:before {
    content: "\F0D65"
}

.mdi-bag-carry-on-off:before {
    content: "\F0F3C"
}

.mdi-bag-checked:before {
    content: "\F0F3D"
}

.mdi-bag-personal:before {
    content: "\F0E10"
}

.mdi-bag-personal-off:before {
    content: "\F0E11"
}

.mdi-bag-personal-off-outline:before {
    content: "\F0E12"
}

.mdi-bag-personal-outline:before {
    content: "\F0E13"
}

.mdi-bag-suitcase:before {
    content: "\F158B"
}

.mdi-bag-suitcase-off:before {
    content: "\F158D"
}

.mdi-bag-suitcase-off-outline:before {
    content: "\F158E"
}

.mdi-bag-suitcase-outline:before {
    content: "\F158C"
}

.mdi-baguette:before {
    content: "\F0F3E"
}

.mdi-balloon:before {
    content: "\F0A26"
}

.mdi-ballot:before {
    content: "\F09C9"
}

.mdi-ballot-outline:before {
    content: "\F09CA"
}

.mdi-ballot-recount:before {
    content: "\F0C39"
}

.mdi-ballot-recount-outline:before {
    content: "\F0C3A"
}

.mdi-bandage:before {
    content: "\F0DAF"
}

.mdi-bandcamp:before {
    content: "\F0675"
}

.mdi-bank:before {
    content: "\F0070"
}

.mdi-bank-check:before {
    content: "\F1655"
}

.mdi-bank-minus:before {
    content: "\F0DB0"
}

.mdi-bank-off:before {
    content: "\F1656"
}

.mdi-bank-off-outline:before {
    content: "\F1657"
}

.mdi-bank-outline:before {
    content: "\F0E80"
}

.mdi-bank-plus:before {
    content: "\F0DB1"
}

.mdi-bank-remove:before {
    content: "\F0DB2"
}

.mdi-bank-transfer:before {
    content: "\F0A27"
}

.mdi-bank-transfer-in:before {
    content: "\F0A28"
}

.mdi-bank-transfer-out:before {
    content: "\F0A29"
}

.mdi-barcode:before {
    content: "\F0071"
}

.mdi-barcode-off:before {
    content: "\F1236"
}

.mdi-barcode-scan:before {
    content: "\F0072"
}

.mdi-barley:before {
    content: "\F0073"
}

.mdi-barley-off:before {
    content: "\F0B5D"
}

.mdi-barn:before {
    content: "\F0B5E"
}

.mdi-barrel:before {
    content: "\F0074"
}

.mdi-baseball:before {
    content: "\F0852"
}

.mdi-baseball-bat:before {
    content: "\F0853"
}

.mdi-baseball-diamond:before {
    content: "\F15EC"
}

.mdi-baseball-diamond-outline:before {
    content: "\F15ED"
}

.mdi-bash:before {
    content: "\F1183"
}

.mdi-basket:before {
    content: "\F0076"
}

.mdi-basket-fill:before {
    content: "\F0077"
}

.mdi-basket-minus:before {
    content: "\F1523"
}

.mdi-basket-minus-outline:before {
    content: "\F1524"
}

.mdi-basket-off:before {
    content: "\F1525"
}

.mdi-basket-off-outline:before {
    content: "\F1526"
}

.mdi-basket-outline:before {
    content: "\F1181"
}

.mdi-basket-plus:before {
    content: "\F1527"
}

.mdi-basket-plus-outline:before {
    content: "\F1528"
}

.mdi-basket-remove:before {
    content: "\F1529"
}

.mdi-basket-remove-outline:before {
    content: "\F152A"
}

.mdi-basket-unfill:before {
    content: "\F0078"
}

.mdi-basketball:before {
    content: "\F0806"
}

.mdi-basketball-hoop:before {
    content: "\F0C3B"
}

.mdi-basketball-hoop-outline:before {
    content: "\F0C3C"
}

.mdi-bat:before {
    content: "\F0B5F"
}

.mdi-battery:before {
    content: "\F0079"
}

.mdi-battery-10:before {
    content: "\F007A"
}

.mdi-battery-10-bluetooth:before {
    content: "\F093E"
}

.mdi-battery-20:before {
    content: "\F007B"
}

.mdi-battery-20-bluetooth:before {
    content: "\F093F"
}

.mdi-battery-30:before {
    content: "\F007C"
}

.mdi-battery-30-bluetooth:before {
    content: "\F0940"
}

.mdi-battery-40:before {
    content: "\F007D"
}

.mdi-battery-40-bluetooth:before {
    content: "\F0941"
}

.mdi-battery-50:before {
    content: "\F007E"
}

.mdi-battery-50-bluetooth:before {
    content: "\F0942"
}

.mdi-battery-60:before {
    content: "\F007F"
}

.mdi-battery-60-bluetooth:before {
    content: "\F0943"
}

.mdi-battery-70:before {
    content: "\F0080"
}

.mdi-battery-70-bluetooth:before {
    content: "\F0944"
}

.mdi-battery-80:before {
    content: "\F0081"
}

.mdi-battery-80-bluetooth:before {
    content: "\F0945"
}

.mdi-battery-90:before {
    content: "\F0082"
}

.mdi-battery-90-bluetooth:before {
    content: "\F0946"
}

.mdi-battery-alert:before {
    content: "\F0083"
}

.mdi-battery-alert-bluetooth:before {
    content: "\F0947"
}

.mdi-battery-alert-variant:before {
    content: "\F10CC"
}

.mdi-battery-alert-variant-outline:before {
    content: "\F10CD"
}

.mdi-battery-bluetooth:before {
    content: "\F0948"
}

.mdi-battery-bluetooth-variant:before {
    content: "\F0949"
}

.mdi-battery-charging:before {
    content: "\F0084"
}

.mdi-battery-charging-10:before {
    content: "\F089C"
}

.mdi-battery-charging-100:before {
    content: "\F0085"
}

.mdi-battery-charging-20:before {
    content: "\F0086"
}

.mdi-battery-charging-30:before {
    content: "\F0087"
}

.mdi-battery-charging-40:before {
    content: "\F0088"
}

.mdi-battery-charging-50:before {
    content: "\F089D"
}

.mdi-battery-charging-60:before {
    content: "\F0089"
}

.mdi-battery-charging-70:before {
    content: "\F089E"
}

.mdi-battery-charging-80:before {
    content: "\F008A"
}

.mdi-battery-charging-90:before {
    content: "\F008B"
}

.mdi-battery-charging-high:before {
    content: "\F12A6"
}

.mdi-battery-charging-low:before {
    content: "\F12A4"
}

.mdi-battery-charging-medium:before {
    content: "\F12A5"
}

.mdi-battery-charging-outline:before {
    content: "\F089F"
}

.mdi-battery-charging-wireless:before {
    content: "\F0807"
}

.mdi-battery-charging-wireless-10:before {
    content: "\F0808"
}

.mdi-battery-charging-wireless-20:before {
    content: "\F0809"
}

.mdi-battery-charging-wireless-30:before {
    content: "\F080A"
}

.mdi-battery-charging-wireless-40:before {
    content: "\F080B"
}

.mdi-battery-charging-wireless-50:before {
    content: "\F080C"
}

.mdi-battery-charging-wireless-60:before {
    content: "\F080D"
}

.mdi-battery-charging-wireless-70:before {
    content: "\F080E"
}

.mdi-battery-charging-wireless-80:before {
    content: "\F080F"
}

.mdi-battery-charging-wireless-90:before {
    content: "\F0810"
}

.mdi-battery-charging-wireless-alert:before {
    content: "\F0811"
}

.mdi-battery-charging-wireless-outline:before {
    content: "\F0812"
}

.mdi-battery-heart:before {
    content: "\F120F"
}

.mdi-battery-heart-outline:before {
    content: "\F1210"
}

.mdi-battery-heart-variant:before {
    content: "\F1211"
}

.mdi-battery-high:before {
    content: "\F12A3"
}

.mdi-battery-low:before {
    content: "\F12A1"
}

.mdi-battery-medium:before {
    content: "\F12A2"
}

.mdi-battery-minus:before {
    content: "\F008C"
}

.mdi-battery-negative:before {
    content: "\F008D"
}

.mdi-battery-off:before {
    content: "\F125D"
}

.mdi-battery-off-outline:before {
    content: "\F125E"
}

.mdi-battery-outline:before {
    content: "\F008E"
}

.mdi-battery-plus:before {
    content: "\F008F"
}

.mdi-battery-positive:before {
    content: "\F0090"
}

.mdi-battery-unknown:before {
    content: "\F0091"
}

.mdi-battery-unknown-bluetooth:before {
    content: "\F094A"
}

.mdi-battlenet:before {
    content: "\F0B60"
}

.mdi-beach:before {
    content: "\F0092"
}

.mdi-beaker:before {
    content: "\F0CEA"
}

.mdi-beaker-alert:before {
    content: "\F1229"
}

.mdi-beaker-alert-outline:before {
    content: "\F122A"
}

.mdi-beaker-check:before {
    content: "\F122B"
}

.mdi-beaker-check-outline:before {
    content: "\F122C"
}

.mdi-beaker-minus:before {
    content: "\F122D"
}

.mdi-beaker-minus-outline:before {
    content: "\F122E"
}

.mdi-beaker-outline:before {
    content: "\F0690"
}

.mdi-beaker-plus:before {
    content: "\F122F"
}

.mdi-beaker-plus-outline:before {
    content: "\F1230"
}

.mdi-beaker-question:before {
    content: "\F1231"
}

.mdi-beaker-question-outline:before {
    content: "\F1232"
}

.mdi-beaker-remove:before {
    content: "\F1233"
}

.mdi-beaker-remove-outline:before {
    content: "\F1234"
}

.mdi-bed:before {
    content: "\F02E3"
}

.mdi-bed-double:before {
    content: "\F0FD4"
}

.mdi-bed-double-outline:before {
    content: "\F0FD3"
}

.mdi-bed-empty:before {
    content: "\F08A0"
}

.mdi-bed-king:before {
    content: "\F0FD2"
}

.mdi-bed-king-outline:before {
    content: "\F0FD1"
}

.mdi-bed-outline:before {
    content: "\F0099"
}

.mdi-bed-queen:before {
    content: "\F0FD0"
}

.mdi-bed-queen-outline:before {
    content: "\F0FDB"
}

.mdi-bed-single:before {
    content: "\F106D"
}

.mdi-bed-single-outline:before {
    content: "\F106E"
}

.mdi-bee:before {
    content: "\F0FA1"
}

.mdi-bee-flower:before {
    content: "\F0FA2"
}

.mdi-beehive-off-outline:before {
    content: "\F13ED"
}

.mdi-beehive-outline:before {
    content: "\F10CE"
}

.mdi-beekeeper:before {
    content: "\F14E2"
}

.mdi-beer:before {
    content: "\F0098"
}

.mdi-beer-outline:before {
    content: "\F130C"
}

.mdi-bell:before {
    content: "\F009A"
}

.mdi-bell-alert:before {
    content: "\F0D59"
}

.mdi-bell-alert-outline:before {
    content: "\F0E81"
}

.mdi-bell-cancel:before {
    content: "\F13E7"
}

.mdi-bell-cancel-outline:before {
    content: "\F13E8"
}

.mdi-bell-check:before {
    content: "\F11E5"
}

.mdi-bell-check-outline:before {
    content: "\F11E6"
}

.mdi-bell-circle:before {
    content: "\F0D5A"
}

.mdi-bell-circle-outline:before {
    content: "\F0D5B"
}

.mdi-bell-minus:before {
    content: "\F13E9"
}

.mdi-bell-minus-outline:before {
    content: "\F13EA"
}

.mdi-bell-off:before {
    content: "\F009B"
}

.mdi-bell-off-outline:before {
    content: "\F0A91"
}

.mdi-bell-outline:before {
    content: "\F009C"
}

.mdi-bell-plus:before {
    content: "\F009D"
}

.mdi-bell-plus-outline:before {
    content: "\F0A92"
}

.mdi-bell-remove:before {
    content: "\F13EB"
}

.mdi-bell-remove-outline:before {
    content: "\F13EC"
}

.mdi-bell-ring:before {
    content: "\F009E"
}

.mdi-bell-ring-outline:before {
    content: "\F009F"
}

.mdi-bell-sleep:before {
    content: "\F00A0"
}

.mdi-bell-sleep-outline:before {
    content: "\F0A93"
}

.mdi-beta:before {
    content: "\F00A1"
}

.mdi-betamax:before {
    content: "\F09CB"
}

.mdi-biathlon:before {
    content: "\F0E14"
}

.mdi-bicycle:before {
    content: "\F109C"
}

.mdi-bicycle-basket:before {
    content: "\F1235"
}

.mdi-bicycle-electric:before {
    content: "\F15B4"
}

.mdi-bicycle-penny-farthing:before {
    content: "\F15E9"
}

.mdi-bike:before {
    content: "\F00A3"
}

.mdi-bike-fast:before {
    content: "\F111F"
}

.mdi-billboard:before {
    content: "\F1010"
}

.mdi-billiards:before {
    content: "\F0B61"
}

.mdi-billiards-rack:before {
    content: "\F0B62"
}

.mdi-binoculars:before {
    content: "\F00A5"
}

.mdi-bio:before {
    content: "\F00A6"
}

.mdi-biohazard:before {
    content: "\F00A7"
}

.mdi-bird:before {
    content: "\F15C6"
}

.mdi-bitbucket:before {
    content: "\F00A8"
}

.mdi-bitcoin:before {
    content: "\F0813"
}

.mdi-black-mesa:before {
    content: "\F00A9"
}

.mdi-blender:before {
    content: "\F0CEB"
}

.mdi-blender-software:before {
    content: "\F00AB"
}

.mdi-blinds:before {
    content: "\F00AC"
}

.mdi-blinds-open:before {
    content: "\F1011"
}

.mdi-block-helper:before {
    content: "\F00AD"
}

.mdi-blogger:before {
    content: "\F00AE"
}

.mdi-blood-bag:before {
    content: "\F0CEC"
}

.mdi-bluetooth:before {
    content: "\F00AF"
}

.mdi-bluetooth-audio:before {
    content: "\F00B0"
}

.mdi-bluetooth-connect:before {
    content: "\F00B1"
}

.mdi-bluetooth-off:before {
    content: "\F00B2"
}

.mdi-bluetooth-settings:before {
    content: "\F00B3"
}

.mdi-bluetooth-transfer:before {
    content: "\F00B4"
}

.mdi-blur:before {
    content: "\F00B5"
}

.mdi-blur-linear:before {
    content: "\F00B6"
}

.mdi-blur-off:before {
    content: "\F00B7"
}

.mdi-blur-radial:before {
    content: "\F00B8"
}

.mdi-bolnisi-cross:before {
    content: "\F0CED"
}

.mdi-bolt:before {
    content: "\F0DB3"
}

.mdi-bomb:before {
    content: "\F0691"
}

.mdi-bomb-off:before {
    content: "\F06C5"
}

.mdi-bone:before {
    content: "\F00B9"
}

.mdi-book:before {
    content: "\F00BA"
}

.mdi-book-account:before {
    content: "\F13AD"
}

.mdi-book-account-outline:before {
    content: "\F13AE"
}

.mdi-book-alert:before {
    content: "\F167C"
}

.mdi-book-alert-outline:before {
    content: "\F167D"
}

.mdi-book-alphabet:before {
    content: "\F061D"
}

.mdi-book-arrow-down:before {
    content: "\F167E"
}

.mdi-book-arrow-down-outline:before {
    content: "\F167F"
}

.mdi-book-arrow-left:before {
    content: "\F1680"
}

.mdi-book-arrow-left-outline:before {
    content: "\F1681"
}

.mdi-book-arrow-right:before {
    content: "\F1682"
}

.mdi-book-arrow-right-outline:before {
    content: "\F1683"
}

.mdi-book-arrow-up:before {
    content: "\F1684"
}

.mdi-book-arrow-up-outline:before {
    content: "\F1685"
}

.mdi-book-cancel:before {
    content: "\F1686"
}

.mdi-book-cancel-outline:before {
    content: "\F1687"
}

.mdi-book-check:before {
    content: "\F14F3"
}

.mdi-book-check-outline:before {
    content: "\F14F4"
}

.mdi-book-clock:before {
    content: "\F1688"
}

.mdi-book-clock-outline:before {
    content: "\F1689"
}

.mdi-book-cog:before {
    content: "\F168A"
}

.mdi-book-cog-outline:before {
    content: "\F168B"
}

.mdi-book-cross:before {
    content: "\F00A2"
}

.mdi-book-edit:before {
    content: "\F168C"
}

.mdi-book-edit-outline:before {
    content: "\F168D"
}

.mdi-book-education:before {
    content: "\F16C9"
}

.mdi-book-education-outline:before {
    content: "\F16CA"
}

.mdi-book-information-variant:before {
    content: "\F106F"
}

.mdi-book-lock:before {
    content: "\F079A"
}

.mdi-book-lock-open:before {
    content: "\F079B"
}

.mdi-book-lock-open-outline:before {
    content: "\F168E"
}

.mdi-book-lock-outline:before {
    content: "\F168F"
}

.mdi-book-marker:before {
    content: "\F1690"
}

.mdi-book-marker-outline:before {
    content: "\F1691"
}

.mdi-book-minus:before {
    content: "\F05D9"
}

.mdi-book-minus-multiple:before {
    content: "\F0A94"
}

.mdi-book-minus-multiple-outline:before {
    content: "\F090B"
}

.mdi-book-minus-outline:before {
    content: "\F1692"
}

.mdi-book-multiple:before {
    content: "\F00BB"
}

.mdi-book-multiple-outline:before {
    content: "\F0436"
}

.mdi-book-music:before {
    content: "\F0067"
}

.mdi-book-music-outline:before {
    content: "\F1693"
}

.mdi-book-off:before {
    content: "\F1694"
}

.mdi-book-off-outline:before {
    content: "\F1695"
}

.mdi-book-open:before {
    content: "\F00BD"
}

.mdi-book-open-blank-variant:before {
    content: "\F00BE"
}

.mdi-book-open-outline:before {
    content: "\F0B63"
}

.mdi-book-open-page-variant:before {
    content: "\F05DA"
}

.mdi-book-open-page-variant-outline:before {
    content: "\F15D6"
}

.mdi-book-open-variant:before {
    content: "\F14F7"
}

.mdi-book-outline:before {
    content: "\F0B64"
}

.mdi-book-play:before {
    content: "\F0E82"
}

.mdi-book-play-outline:before {
    content: "\F0E83"
}

.mdi-book-plus:before {
    content: "\F05DB"
}

.mdi-book-plus-multiple:before {
    content: "\F0A95"
}

.mdi-book-plus-multiple-outline:before {
    content: "\F0ADE"
}

.mdi-book-plus-outline:before {
    content: "\F1696"
}

.mdi-book-refresh:before {
    content: "\F1697"
}

.mdi-book-refresh-outline:before {
    content: "\F1698"
}

.mdi-book-remove:before {
    content: "\F0A97"
}

.mdi-book-remove-multiple:before {
    content: "\F0A96"
}

.mdi-book-remove-multiple-outline:before {
    content: "\F04CA"
}

.mdi-book-remove-outline:before {
    content: "\F1699"
}

.mdi-book-search:before {
    content: "\F0E84"
}

.mdi-book-search-outline:before {
    content: "\F0E85"
}

.mdi-book-settings:before {
    content: "\F169A"
}

.mdi-book-settings-outline:before {
    content: "\F169B"
}

.mdi-book-sync:before {
    content: "\F169C"
}

.mdi-book-sync-outline:before {
    content: "\F16C8"
}

.mdi-book-variant:before {
    content: "\F00BF"
}

.mdi-book-variant-multiple:before {
    content: "\F00BC"
}

.mdi-bookmark:before {
    content: "\F00C0"
}

.mdi-bookmark-check:before {
    content: "\F00C1"
}

.mdi-bookmark-check-outline:before {
    content: "\F137B"
}

.mdi-bookmark-minus:before {
    content: "\F09CC"
}

.mdi-bookmark-minus-outline:before {
    content: "\F09CD"
}

.mdi-bookmark-multiple:before {
    content: "\F0E15"
}

.mdi-bookmark-multiple-outline:before {
    content: "\F0E16"
}

.mdi-bookmark-music:before {
    content: "\F00C2"
}

.mdi-bookmark-music-outline:before {
    content: "\F1379"
}

.mdi-bookmark-off:before {
    content: "\F09CE"
}

.mdi-bookmark-off-outline:before {
    content: "\F09CF"
}

.mdi-bookmark-outline:before {
    content: "\F00C3"
}

.mdi-bookmark-plus:before {
    content: "\F00C5"
}

.mdi-bookmark-plus-outline:before {
    content: "\F00C4"
}

.mdi-bookmark-remove:before {
    content: "\F00C6"
}

.mdi-bookmark-remove-outline:before {
    content: "\F137A"
}

.mdi-bookshelf:before {
    content: "\F125F"
}

.mdi-boom-gate:before {
    content: "\F0E86"
}

.mdi-boom-gate-alert:before {
    content: "\F0E87"
}

.mdi-boom-gate-alert-outline:before {
    content: "\F0E88"
}

.mdi-boom-gate-down:before {
    content: "\F0E89"
}

.mdi-boom-gate-down-outline:before {
    content: "\F0E8A"
}

.mdi-boom-gate-outline:before {
    content: "\F0E8B"
}

.mdi-boom-gate-up:before {
    content: "\F0E8C"
}

.mdi-boom-gate-up-outline:before {
    content: "\F0E8D"
}

.mdi-boombox:before {
    content: "\F05DC"
}

.mdi-boomerang:before {
    content: "\F10CF"
}

.mdi-bootstrap:before {
    content: "\F06C6"
}

.mdi-border-all:before {
    content: "\F00C7"
}

.mdi-border-all-variant:before {
    content: "\F08A1"
}

.mdi-border-bottom:before {
    content: "\F00C8"
}

.mdi-border-bottom-variant:before {
    content: "\F08A2"
}

.mdi-border-color:before {
    content: "\F00C9"
}

.mdi-border-horizontal:before {
    content: "\F00CA"
}

.mdi-border-inside:before {
    content: "\F00CB"
}

.mdi-border-left:before {
    content: "\F00CC"
}

.mdi-border-left-variant:before {
    content: "\F08A3"
}

.mdi-border-none:before {
    content: "\F00CD"
}

.mdi-border-none-variant:before {
    content: "\F08A4"
}

.mdi-border-outside:before {
    content: "\F00CE"
}

.mdi-border-right:before {
    content: "\F00CF"
}

.mdi-border-right-variant:before {
    content: "\F08A5"
}

.mdi-border-style:before {
    content: "\F00D0"
}

.mdi-border-top:before {
    content: "\F00D1"
}

.mdi-border-top-variant:before {
    content: "\F08A6"
}

.mdi-border-vertical:before {
    content: "\F00D2"
}

.mdi-bottle-soda:before {
    content: "\F1070"
}

.mdi-bottle-soda-classic:before {
    content: "\F1071"
}

.mdi-bottle-soda-classic-outline:before {
    content: "\F1363"
}

.mdi-bottle-soda-outline:before {
    content: "\F1072"
}

.mdi-bottle-tonic:before {
    content: "\F112E"
}

.mdi-bottle-tonic-outline:before {
    content: "\F112F"
}

.mdi-bottle-tonic-plus:before {
    content: "\F1130"
}

.mdi-bottle-tonic-plus-outline:before {
    content: "\F1131"
}

.mdi-bottle-tonic-skull:before {
    content: "\F1132"
}

.mdi-bottle-tonic-skull-outline:before {
    content: "\F1133"
}

.mdi-bottle-wine:before {
    content: "\F0854"
}

.mdi-bottle-wine-outline:before {
    content: "\F1310"
}

.mdi-bow-tie:before {
    content: "\F0678"
}

.mdi-bowl:before {
    content: "\F028E"
}

.mdi-bowl-mix:before {
    content: "\F0617"
}

.mdi-bowl-mix-outline:before {
    content: "\F02E4"
}

.mdi-bowl-outline:before {
    content: "\F02A9"
}

.mdi-bowling:before {
    content: "\F00D3"
}

.mdi-box:before {
    content: "\F00D4"
}

.mdi-box-cutter:before {
    content: "\F00D5"
}

.mdi-box-cutter-off:before {
    content: "\F0B4A"
}

.mdi-box-shadow:before {
    content: "\F0637"
}

.mdi-boxing-glove:before {
    content: "\F0B65"
}

.mdi-braille:before {
    content: "\F09D0"
}

.mdi-brain:before {
    content: "\F09D1"
}

.mdi-bread-slice:before {
    content: "\F0CEE"
}

.mdi-bread-slice-outline:before {
    content: "\F0CEF"
}

.mdi-bridge:before {
    content: "\F0618"
}

.mdi-briefcase:before {
    content: "\F00D6"
}

.mdi-briefcase-account:before {
    content: "\F0CF0"
}

.mdi-briefcase-account-outline:before {
    content: "\F0CF1"
}

.mdi-briefcase-check:before {
    content: "\F00D7"
}

.mdi-briefcase-check-outline:before {
    content: "\F131E"
}

.mdi-briefcase-clock:before {
    content: "\F10D0"
}

.mdi-briefcase-clock-outline:before {
    content: "\F10D1"
}

.mdi-briefcase-download:before {
    content: "\F00D8"
}

.mdi-briefcase-download-outline:before {
    content: "\F0C3D"
}

.mdi-briefcase-edit:before {
    content: "\F0A98"
}

.mdi-briefcase-edit-outline:before {
    content: "\F0C3E"
}

.mdi-briefcase-minus:before {
    content: "\F0A2A"
}

.mdi-briefcase-minus-outline:before {
    content: "\F0C3F"
}

.mdi-briefcase-off:before {
    content: "\F1658"
}

.mdi-briefcase-off-outline:before {
    content: "\F1659"
}

.mdi-briefcase-outline:before {
    content: "\F0814"
}

.mdi-briefcase-plus:before {
    content: "\F0A2B"
}

.mdi-briefcase-plus-outline:before {
    content: "\F0C40"
}

.mdi-briefcase-remove:before {
    content: "\F0A2C"
}

.mdi-briefcase-remove-outline:before {
    content: "\F0C41"
}

.mdi-briefcase-search:before {
    content: "\F0A2D"
}

.mdi-briefcase-search-outline:before {
    content: "\F0C42"
}

.mdi-briefcase-upload:before {
    content: "\F00D9"
}

.mdi-briefcase-upload-outline:before {
    content: "\F0C43"
}

.mdi-briefcase-variant:before {
    content: "\F1494"
}

.mdi-briefcase-variant-off:before {
    content: "\F165A"
}

.mdi-briefcase-variant-off-outline:before {
    content: "\F165B"
}

.mdi-briefcase-variant-outline:before {
    content: "\F1495"
}

.mdi-brightness-1:before {
    content: "\F00DA"
}

.mdi-brightness-2:before {
    content: "\F00DB"
}

.mdi-brightness-3:before {
    content: "\F00DC"
}

.mdi-brightness-4:before {
    content: "\F00DD"
}

.mdi-brightness-5:before {
    content: "\F00DE"
}

.mdi-brightness-6:before {
    content: "\F00DF"
}

.mdi-brightness-7:before {
    content: "\F00E0"
}

.mdi-brightness-auto:before {
    content: "\F00E1"
}

.mdi-brightness-percent:before {
    content: "\F0CF2"
}

.mdi-broom:before {
    content: "\F00E2"
}

.mdi-brush:before {
    content: "\F00E3"
}

.mdi-bucket:before {
    content: "\F1415"
}

.mdi-bucket-outline:before {
    content: "\F1416"
}

.mdi-buddhism:before {
    content: "\F094B"
}

.mdi-buffer:before {
    content: "\F0619"
}

.mdi-buffet:before {
    content: "\F0578"
}

.mdi-bug:before {
    content: "\F00E4"
}

.mdi-bug-check:before {
    content: "\F0A2E"
}

.mdi-bug-check-outline:before {
    content: "\F0A2F"
}

.mdi-bug-outline:before {
    content: "\F0A30"
}

.mdi-bugle:before {
    content: "\F0DB4"
}

.mdi-bulldozer:before {
    content: "\F0B22"
}

.mdi-bullet:before {
    content: "\F0CF3"
}

.mdi-bulletin-board:before {
    content: "\F00E5"
}

.mdi-bullhorn:before {
    content: "\F00E6"
}

.mdi-bullhorn-outline:before {
    content: "\F0B23"
}

.mdi-bullseye:before {
    content: "\F05DD"
}

.mdi-bullseye-arrow:before {
    content: "\F08C9"
}

.mdi-bulma:before {
    content: "\F12E7"
}

.mdi-bunk-bed:before {
    content: "\F1302"
}

.mdi-bunk-bed-outline:before {
    content: "\F0097"
}

.mdi-bus:before {
    content: "\F00E7"
}

.mdi-bus-alert:before {
    content: "\F0A99"
}

.mdi-bus-articulated-end:before {
    content: "\F079C"
}

.mdi-bus-articulated-front:before {
    content: "\F079D"
}

.mdi-bus-clock:before {
    content: "\F08CA"
}

.mdi-bus-double-decker:before {
    content: "\F079E"
}

.mdi-bus-marker:before {
    content: "\F1212"
}

.mdi-bus-multiple:before {
    content: "\F0F3F"
}

.mdi-bus-school:before {
    content: "\F079F"
}

.mdi-bus-side:before {
    content: "\F07A0"
}

.mdi-bus-stop:before {
    content: "\F1012"
}

.mdi-bus-stop-covered:before {
    content: "\F1013"
}

.mdi-bus-stop-uncovered:before {
    content: "\F1014"
}

.mdi-butterfly:before {
    content: "\F1589"
}

.mdi-butterfly-outline:before {
    content: "\F158A"
}

.mdi-cable-data:before {
    content: "\F1394"
}

.mdi-cached:before {
    content: "\F00E8"
}

.mdi-cactus:before {
    content: "\F0DB5"
}

.mdi-cake:before {
    content: "\F00E9"
}

.mdi-cake-layered:before {
    content: "\F00EA"
}

.mdi-cake-variant:before {
    content: "\F00EB"
}

.mdi-calculator:before {
    content: "\F00EC"
}

.mdi-calculator-variant:before {
    content: "\F0A9A"
}

.mdi-calculator-variant-outline:before {
    content: "\F15A6"
}

.mdi-calendar:before {
    content: "\F00ED"
}

.mdi-calendar-account:before {
    content: "\F0ED7"
}

.mdi-calendar-account-outline:before {
    content: "\F0ED8"
}

.mdi-calendar-alert:before {
    content: "\F0A31"
}

.mdi-calendar-arrow-left:before {
    content: "\F1134"
}

.mdi-calendar-arrow-right:before {
    content: "\F1135"
}

.mdi-calendar-blank:before {
    content: "\F00EE"
}

.mdi-calendar-blank-multiple:before {
    content: "\F1073"
}

.mdi-calendar-blank-outline:before {
    content: "\F0B66"
}

.mdi-calendar-check:before {
    content: "\F00EF"
}

.mdi-calendar-check-outline:before {
    content: "\F0C44"
}

.mdi-calendar-clock:before {
    content: "\F00F0"
}

.mdi-calendar-cursor:before {
    content: "\F157B"
}

.mdi-calendar-edit:before {
    content: "\F08A7"
}

.mdi-calendar-end:before {
    content: "\F166C"
}

.mdi-calendar-export:before {
    content: "\F0B24"
}

.mdi-calendar-heart:before {
    content: "\F09D2"
}

.mdi-calendar-import:before {
    content: "\F0B25"
}

.mdi-calendar-lock:before {
    content: "\F1641"
}

.mdi-calendar-lock-outline:before {
    content: "\F1642"
}

.mdi-calendar-minus:before {
    content: "\F0D5C"
}

.mdi-calendar-month:before {
    content: "\F0E17"
}

.mdi-calendar-month-outline:before {
    content: "\F0E18"
}

.mdi-calendar-multiple:before {
    content: "\F00F1"
}

.mdi-calendar-multiple-check:before {
    content: "\F00F2"
}

.mdi-calendar-multiselect:before {
    content: "\F0A32"
}

.mdi-calendar-outline:before {
    content: "\F0B67"
}

.mdi-calendar-plus:before {
    content: "\F00F3"
}

.mdi-calendar-question:before {
    content: "\F0692"
}

.mdi-calendar-range:before {
    content: "\F0679"
}

.mdi-calendar-range-outline:before {
    content: "\F0B68"
}

.mdi-calendar-refresh:before {
    content: "\F01E1"
}

.mdi-calendar-refresh-outline:before {
    content: "\F0203"
}

.mdi-calendar-remove:before {
    content: "\F00F4"
}

.mdi-calendar-remove-outline:before {
    content: "\F0C45"
}

.mdi-calendar-search:before {
    content: "\F094C"
}

.mdi-calendar-star:before {
    content: "\F09D3"
}

.mdi-calendar-start:before {
    content: "\F166D"
}

.mdi-calendar-sync:before {
    content: "\F0E8E"
}

.mdi-calendar-sync-outline:before {
    content: "\F0E8F"
}

.mdi-calendar-text:before {
    content: "\F00F5"
}

.mdi-calendar-text-outline:before {
    content: "\F0C46"
}

.mdi-calendar-today:before {
    content: "\F00F6"
}

.mdi-calendar-week:before {
    content: "\F0A33"
}

.mdi-calendar-week-begin:before {
    content: "\F0A34"
}

.mdi-calendar-weekend:before {
    content: "\F0ED9"
}

.mdi-calendar-weekend-outline:before {
    content: "\F0EDA"
}

.mdi-call-made:before {
    content: "\F00F7"
}

.mdi-call-merge:before {
    content: "\F00F8"
}

.mdi-call-missed:before {
    content: "\F00F9"
}

.mdi-call-received:before {
    content: "\F00FA"
}

.mdi-call-split:before {
    content: "\F00FB"
}

.mdi-camcorder:before {
    content: "\F00FC"
}

.mdi-camcorder-off:before {
    content: "\F00FF"
}

.mdi-camera:before {
    content: "\F0100"
}

.mdi-camera-account:before {
    content: "\F08CB"
}

.mdi-camera-burst:before {
    content: "\F0693"
}

.mdi-camera-control:before {
    content: "\F0B69"
}

.mdi-camera-enhance:before {
    content: "\F0101"
}

.mdi-camera-enhance-outline:before {
    content: "\F0B6A"
}

.mdi-camera-flip:before {
    content: "\F15D9"
}

.mdi-camera-flip-outline:before {
    content: "\F15DA"
}

.mdi-camera-front:before {
    content: "\F0102"
}

.mdi-camera-front-variant:before {
    content: "\F0103"
}

.mdi-camera-gopro:before {
    content: "\F07A1"
}

.mdi-camera-image:before {
    content: "\F08CC"
}

.mdi-camera-iris:before {
    content: "\F0104"
}

.mdi-camera-metering-center:before {
    content: "\F07A2"
}

.mdi-camera-metering-matrix:before {
    content: "\F07A3"
}

.mdi-camera-metering-partial:before {
    content: "\F07A4"
}

.mdi-camera-metering-spot:before {
    content: "\F07A5"
}

.mdi-camera-off:before {
    content: "\F05DF"
}

.mdi-camera-outline:before {
    content: "\F0D5D"
}

.mdi-camera-party-mode:before {
    content: "\F0105"
}

.mdi-camera-plus:before {
    content: "\F0EDB"
}

.mdi-camera-plus-outline:before {
    content: "\F0EDC"
}

.mdi-camera-rear:before {
    content: "\F0106"
}

.mdi-camera-rear-variant:before {
    content: "\F0107"
}

.mdi-camera-retake:before {
    content: "\F0E19"
}

.mdi-camera-retake-outline:before {
    content: "\F0E1A"
}

.mdi-camera-switch:before {
    content: "\F0108"
}

.mdi-camera-switch-outline:before {
    content: "\F084A"
}

.mdi-camera-timer:before {
    content: "\F0109"
}

.mdi-camera-wireless:before {
    content: "\F0DB6"
}

.mdi-camera-wireless-outline:before {
    content: "\F0DB7"
}

.mdi-campfire:before {
    content: "\F0EDD"
}

.mdi-cancel:before {
    content: "\F073A"
}

.mdi-candle:before {
    content: "\F05E2"
}

.mdi-candycane:before {
    content: "\F010A"
}

.mdi-cannabis:before {
    content: "\F07A6"
}

.mdi-cannabis-off:before {
    content: "\F166E"
}

.mdi-caps-lock:before {
    content: "\F0A9B"
}

.mdi-car:before {
    content: "\F010B"
}

.mdi-car-2-plus:before {
    content: "\F1015"
}

.mdi-car-3-plus:before {
    content: "\F1016"
}

.mdi-car-arrow-left:before {
    content: "\F13B2"
}

.mdi-car-arrow-right:before {
    content: "\F13B3"
}

.mdi-car-back:before {
    content: "\F0E1B"
}

.mdi-car-battery:before {
    content: "\F010C"
}

.mdi-car-brake-abs:before {
    content: "\F0C47"
}

.mdi-car-brake-alert:before {
    content: "\F0C48"
}

.mdi-car-brake-hold:before {
    content: "\F0D5E"
}

.mdi-car-brake-parking:before {
    content: "\F0D5F"
}

.mdi-car-brake-retarder:before {
    content: "\F1017"
}

.mdi-car-child-seat:before {
    content: "\F0FA3"
}

.mdi-car-clutch:before {
    content: "\F1018"
}

.mdi-car-cog:before {
    content: "\F13CC"
}

.mdi-car-connected:before {
    content: "\F010D"
}

.mdi-car-convertible:before {
    content: "\F07A7"
}

.mdi-car-coolant-level:before {
    content: "\F1019"
}

.mdi-car-cruise-control:before {
    content: "\F0D60"
}

.mdi-car-defrost-front:before {
    content: "\F0D61"
}

.mdi-car-defrost-rear:before {
    content: "\F0D62"
}

.mdi-car-door:before {
    content: "\F0B6B"
}

.mdi-car-door-lock:before {
    content: "\F109D"
}

.mdi-car-electric:before {
    content: "\F0B6C"
}

.mdi-car-electric-outline:before {
    content: "\F15B5"
}

.mdi-car-emergency:before {
    content: "\F160F"
}

.mdi-car-esp:before {
    content: "\F0C49"
}

.mdi-car-estate:before {
    content: "\F07A8"
}

.mdi-car-hatchback:before {
    content: "\F07A9"
}

.mdi-car-info:before {
    content: "\F11BE"
}

.mdi-car-key:before {
    content: "\F0B6D"
}

.mdi-car-lifted-pickup:before {
    content: "\F152D"
}

.mdi-car-light-dimmed:before {
    content: "\F0C4A"
}

.mdi-car-light-fog:before {
    content: "\F0C4B"
}

.mdi-car-light-high:before {
    content: "\F0C4C"
}

.mdi-car-limousine:before {
    content: "\F08CD"
}

.mdi-car-multiple:before {
    content: "\F0B6E"
}

.mdi-car-off:before {
    content: "\F0E1C"
}

.mdi-car-outline:before {
    content: "\F14ED"
}

.mdi-car-parking-lights:before {
    content: "\F0D63"
}

.mdi-car-pickup:before {
    content: "\F07AA"
}

.mdi-car-seat:before {
    content: "\F0FA4"
}

.mdi-car-seat-cooler:before {
    content: "\F0FA5"
}

.mdi-car-seat-heater:before {
    content: "\F0FA6"
}

.mdi-car-settings:before {
    content: "\F13CD"
}

.mdi-car-shift-pattern:before {
    content: "\F0F40"
}

.mdi-car-side:before {
    content: "\F07AB"
}

.mdi-car-sports:before {
    content: "\F07AC"
}

.mdi-car-tire-alert:before {
    content: "\F0C4D"
}

.mdi-car-traction-control:before {
    content: "\F0D64"
}

.mdi-car-turbocharger:before {
    content: "\F101A"
}

.mdi-car-wash:before {
    content: "\F010E"
}

.mdi-car-windshield:before {
    content: "\F101B"
}

.mdi-car-windshield-outline:before {
    content: "\F101C"
}

.mdi-carabiner:before {
    content: "\F14C0"
}

.mdi-caravan:before {
    content: "\F07AD"
}

.mdi-card:before {
    content: "\F0B6F"
}

.mdi-card-account-details:before {
    content: "\F05D2"
}

.mdi-card-account-details-outline:before {
    content: "\F0DAB"
}

.mdi-card-account-details-star:before {
    content: "\F02A3"
}

.mdi-card-account-details-star-outline:before {
    content: "\F06DB"
}

.mdi-card-account-mail:before {
    content: "\F018E"
}

.mdi-card-account-mail-outline:before {
    content: "\F0E98"
}

.mdi-card-account-phone:before {
    content: "\F0E99"
}

.mdi-card-account-phone-outline:before {
    content: "\F0E9A"
}

.mdi-card-bulleted:before {
    content: "\F0B70"
}

.mdi-card-bulleted-off:before {
    content: "\F0B71"
}

.mdi-card-bulleted-off-outline:before {
    content: "\F0B72"
}

.mdi-card-bulleted-outline:before {
    content: "\F0B73"
}

.mdi-card-bulleted-settings:before {
    content: "\F0B74"
}

.mdi-card-bulleted-settings-outline:before {
    content: "\F0B75"
}

.mdi-card-minus:before {
    content: "\F1600"
}

.mdi-card-minus-outline:before {
    content: "\F1601"
}

.mdi-card-off:before {
    content: "\F1602"
}

.mdi-card-off-outline:before {
    content: "\F1603"
}

.mdi-card-outline:before {
    content: "\F0B76"
}

.mdi-card-plus:before {
    content: "\F11FF"
}

.mdi-card-plus-outline:before {
    content: "\F1200"
}

.mdi-card-remove:before {
    content: "\F1604"
}

.mdi-card-remove-outline:before {
    content: "\F1605"
}

.mdi-card-search:before {
    content: "\F1074"
}

.mdi-card-search-outline:before {
    content: "\F1075"
}

.mdi-card-text:before {
    content: "\F0B77"
}

.mdi-card-text-outline:before {
    content: "\F0B78"
}

.mdi-cards:before {
    content: "\F0638"
}

.mdi-cards-club:before {
    content: "\F08CE"
}

.mdi-cards-diamond:before {
    content: "\F08CF"
}

.mdi-cards-diamond-outline:before {
    content: "\F101D"
}

.mdi-cards-heart:before {
    content: "\F08D0"
}

.mdi-cards-outline:before {
    content: "\F0639"
}

.mdi-cards-playing-outline:before {
    content: "\F063A"
}

.mdi-cards-spade:before {
    content: "\F08D1"
}

.mdi-cards-variant:before {
    content: "\F06C7"
}

.mdi-carrot:before {
    content: "\F010F"
}

.mdi-cart:before {
    content: "\F0110"
}

.mdi-cart-arrow-down:before {
    content: "\F0D66"
}

.mdi-cart-arrow-right:before {
    content: "\F0C4E"
}

.mdi-cart-arrow-up:before {
    content: "\F0D67"
}

.mdi-cart-check:before {
    content: "\F15EA"
}

.mdi-cart-minus:before {
    content: "\F0D68"
}

.mdi-cart-off:before {
    content: "\F066B"
}

.mdi-cart-outline:before {
    content: "\F0111"
}

.mdi-cart-plus:before {
    content: "\F0112"
}

.mdi-cart-remove:before {
    content: "\F0D69"
}

.mdi-cart-variant:before {
    content: "\F15EB"
}

.mdi-case-sensitive-alt:before {
    content: "\F0113"
}

.mdi-cash:before {
    content: "\F0114"
}

.mdi-cash-100:before {
    content: "\F0115"
}

.mdi-cash-check:before {
    content: "\F14EE"
}

.mdi-cash-lock:before {
    content: "\F14EA"
}

.mdi-cash-lock-open:before {
    content: "\F14EB"
}

.mdi-cash-marker:before {
    content: "\F0DB8"
}

.mdi-cash-minus:before {
    content: "\F1260"
}

.mdi-cash-multiple:before {
    content: "\F0116"
}

.mdi-cash-plus:before {
    content: "\F1261"
}

.mdi-cash-refund:before {
    content: "\F0A9C"
}

.mdi-cash-register:before {
    content: "\F0CF4"
}

.mdi-cash-remove:before {
    content: "\F1262"
}

.mdi-cash-usd:before {
    content: "\F1176"
}

.mdi-cash-usd-outline:before {
    content: "\F0117"
}

.mdi-cassette:before {
    content: "\F09D4"
}

.mdi-cast:before {
    content: "\F0118"
}

.mdi-cast-audio:before {
    content: "\F101E"
}

.mdi-cast-connected:before {
    content: "\F0119"
}

.mdi-cast-education:before {
    content: "\F0E1D"
}

.mdi-cast-off:before {
    content: "\F078A"
}

.mdi-castle:before {
    content: "\F011A"
}

.mdi-cat:before {
    content: "\F011B"
}

.mdi-cctv:before {
    content: "\F07AE"
}

.mdi-ceiling-light:before {
    content: "\F0769"
}

.mdi-cellphone:before {
    content: "\F011C"
}

.mdi-cellphone-android:before {
    content: "\F011D"
}

.mdi-cellphone-arrow-down:before {
    content: "\F09D5"
}

.mdi-cellphone-basic:before {
    content: "\F011E"
}

.mdi-cellphone-charging:before {
    content: "\F1397"
}

.mdi-cellphone-cog:before {
    content: "\F0951"
}

.mdi-cellphone-dock:before {
    content: "\F011F"
}

.mdi-cellphone-erase:before {
    content: "\F094D"
}

.mdi-cellphone-information:before {
    content: "\F0F41"
}

.mdi-cellphone-iphone:before {
    content: "\F0120"
}

.mdi-cellphone-key:before {
    content: "\F094E"
}

.mdi-cellphone-link:before {
    content: "\F0121"
}

.mdi-cellphone-link-off:before {
    content: "\F0122"
}

.mdi-cellphone-lock:before {
    content: "\F094F"
}

.mdi-cellphone-message:before {
    content: "\F08D3"
}

.mdi-cellphone-message-off:before {
    content: "\F10D2"
}

.mdi-cellphone-nfc:before {
    content: "\F0E90"
}

.mdi-cellphone-nfc-off:before {
    content: "\F12D8"
}

.mdi-cellphone-off:before {
    content: "\F0950"
}

.mdi-cellphone-play:before {
    content: "\F101F"
}

.mdi-cellphone-screenshot:before {
    content: "\F0A35"
}

.mdi-cellphone-settings:before {
    content: "\F0123"
}

.mdi-cellphone-sound:before {
    content: "\F0952"
}

.mdi-cellphone-text:before {
    content: "\F08D2"
}

.mdi-cellphone-wireless:before {
    content: "\F0815"
}

.mdi-celtic-cross:before {
    content: "\F0CF5"
}

.mdi-centos:before {
    content: "\F111A"
}

.mdi-certificate:before {
    content: "\F0124"
}

.mdi-certificate-outline:before {
    content: "\F1188"
}

.mdi-chair-rolling:before {
    content: "\F0F48"
}

.mdi-chair-school:before {
    content: "\F0125"
}

.mdi-charity:before {
    content: "\F0C4F"
}

.mdi-chart-arc:before {
    content: "\F0126"
}

.mdi-chart-areaspline:before {
    content: "\F0127"
}

.mdi-chart-areaspline-variant:before {
    content: "\F0E91"
}

.mdi-chart-bar:before {
    content: "\F0128"
}

.mdi-chart-bar-stacked:before {
    content: "\F076A"
}

.mdi-chart-bell-curve:before {
    content: "\F0C50"
}

.mdi-chart-bell-curve-cumulative:before {
    content: "\F0FA7"
}

.mdi-chart-box:before {
    content: "\F154D"
}

.mdi-chart-box-outline:before {
    content: "\F154E"
}

.mdi-chart-box-plus-outline:before {
    content: "\F154F"
}

.mdi-chart-bubble:before {
    content: "\F05E3"
}

.mdi-chart-donut:before {
    content: "\F07AF"
}

.mdi-chart-donut-variant:before {
    content: "\F07B0"
}

.mdi-chart-gantt:before {
    content: "\F066C"
}

.mdi-chart-histogram:before {
    content: "\F0129"
}

.mdi-chart-line:before {
    content: "\F012A"
}

.mdi-chart-line-stacked:before {
    content: "\F076B"
}

.mdi-chart-line-variant:before {
    content: "\F07B1"
}

.mdi-chart-multiline:before {
    content: "\F08D4"
}

.mdi-chart-multiple:before {
    content: "\F1213"
}

.mdi-chart-pie:before {
    content: "\F012B"
}

.mdi-chart-ppf:before {
    content: "\F1380"
}

.mdi-chart-sankey:before {
    content: "\F11DF"
}

.mdi-chart-sankey-variant:before {
    content: "\F11E0"
}

.mdi-chart-scatter-plot:before {
    content: "\F0E92"
}

.mdi-chart-scatter-plot-hexbin:before {
    content: "\F066D"
}

.mdi-chart-timeline:before {
    content: "\F066E"
}

.mdi-chart-timeline-variant:before {
    content: "\F0E93"
}

.mdi-chart-timeline-variant-shimmer:before {
    content: "\F15B6"
}

.mdi-chart-tree:before {
    content: "\F0E94"
}

.mdi-chat:before {
    content: "\F0B79"
}

.mdi-chat-alert:before {
    content: "\F0B7A"
}

.mdi-chat-alert-outline:before {
    content: "\F12C9"
}

.mdi-chat-minus:before {
    content: "\F1410"
}

.mdi-chat-minus-outline:before {
    content: "\F1413"
}

.mdi-chat-outline:before {
    content: "\F0EDE"
}

.mdi-chat-plus:before {
    content: "\F140F"
}

.mdi-chat-plus-outline:before {
    content: "\F1412"
}

.mdi-chat-processing:before {
    content: "\F0B7B"
}

.mdi-chat-processing-outline:before {
    content: "\F12CA"
}

.mdi-chat-remove:before {
    content: "\F1411"
}

.mdi-chat-remove-outline:before {
    content: "\F1414"
}

.mdi-chat-sleep:before {
    content: "\F12D1"
}

.mdi-chat-sleep-outline:before {
    content: "\F12D2"
}

.mdi-check:before {
    content: "\F012C"
}

.mdi-check-all:before {
    content: "\F012D"
}

.mdi-check-bold:before {
    content: "\F0E1E"
}

.mdi-check-box-multiple-outline:before {
    content: "\F0C51"
}

.mdi-check-box-outline:before {
    content: "\F0C52"
}

.mdi-check-circle:before {
    content: "\F05E0"
}

.mdi-check-circle-outline:before {
    content: "\F05E1"
}

.mdi-check-decagram:before {
    content: "\F0791"
}

.mdi-check-network:before {
    content: "\F0C53"
}

.mdi-check-network-outline:before {
    content: "\F0C54"
}

.mdi-check-outline:before {
    content: "\F0855"
}

.mdi-check-underline:before {
    content: "\F0E1F"
}

.mdi-check-underline-circle:before {
    content: "\F0E20"
}

.mdi-check-underline-circle-outline:before {
    content: "\F0E21"
}

.mdi-checkbook:before {
    content: "\F0A9D"
}

.mdi-checkbox-blank:before {
    content: "\F012E"
}

.mdi-checkbox-blank-circle:before {
    content: "\F012F"
}

.mdi-checkbox-blank-circle-outline:before {
    content: "\F0130"
}

.mdi-checkbox-blank-off:before {
    content: "\F12EC"
}

.mdi-checkbox-blank-off-outline:before {
    content: "\F12ED"
}

.mdi-checkbox-blank-outline:before {
    content: "\F0131"
}

.mdi-checkbox-intermediate:before {
    content: "\F0856"
}

.mdi-checkbox-marked:before {
    content: "\F0132"
}

.mdi-checkbox-marked-circle:before {
    content: "\F0133"
}

.mdi-checkbox-marked-circle-outline:before {
    content: "\F0134"
}

.mdi-checkbox-marked-outline:before {
    content: "\F0135"
}

.mdi-checkbox-multiple-blank:before {
    content: "\F0136"
}

.mdi-checkbox-multiple-blank-circle:before {
    content: "\F063B"
}

.mdi-checkbox-multiple-blank-circle-outline:before {
    content: "\F063C"
}

.mdi-checkbox-multiple-blank-outline:before {
    content: "\F0137"
}

.mdi-checkbox-multiple-marked:before {
    content: "\F0138"
}

.mdi-checkbox-multiple-marked-circle:before {
    content: "\F063D"
}

.mdi-checkbox-multiple-marked-circle-outline:before {
    content: "\F063E"
}

.mdi-checkbox-multiple-marked-outline:before {
    content: "\F0139"
}

.mdi-checkerboard:before {
    content: "\F013A"
}

.mdi-checkerboard-minus:before {
    content: "\F1202"
}

.mdi-checkerboard-plus:before {
    content: "\F1201"
}

.mdi-checkerboard-remove:before {
    content: "\F1203"
}

.mdi-cheese:before {
    content: "\F12B9"
}

.mdi-cheese-off:before {
    content: "\F13EE"
}

.mdi-chef-hat:before {
    content: "\F0B7C"
}

.mdi-chemical-weapon:before {
    content: "\F013B"
}

.mdi-chess-bishop:before {
    content: "\F085C"
}

.mdi-chess-king:before {
    content: "\F0857"
}

.mdi-chess-knight:before {
    content: "\F0858"
}

.mdi-chess-pawn:before {
    content: "\F0859"
}

.mdi-chess-queen:before {
    content: "\F085A"
}

.mdi-chess-rook:before {
    content: "\F085B"
}

.mdi-chevron-double-down:before {
    content: "\F013C"
}

.mdi-chevron-double-left:before {
    content: "\F013D"
}

.mdi-chevron-double-right:before {
    content: "\F013E"
}

.mdi-chevron-double-up:before {
    content: "\F013F"
}

.mdi-chevron-down:before {
    content: "\F0140"
}

.mdi-chevron-down-box:before {
    content: "\F09D6"
}

.mdi-chevron-down-box-outline:before {
    content: "\F09D7"
}

.mdi-chevron-down-circle:before {
    content: "\F0B26"
}

.mdi-chevron-down-circle-outline:before {
    content: "\F0B27"
}

.mdi-chevron-left:before {
    content: "\F0141"
}

.mdi-chevron-left-box:before {
    content: "\F09D8"
}

.mdi-chevron-left-box-outline:before {
    content: "\F09D9"
}

.mdi-chevron-left-circle:before {
    content: "\F0B28"
}

.mdi-chevron-left-circle-outline:before {
    content: "\F0B29"
}

.mdi-chevron-right:before {
    content: "\F0142"
}

.mdi-chevron-right-box:before {
    content: "\F09DA"
}

.mdi-chevron-right-box-outline:before {
    content: "\F09DB"
}

.mdi-chevron-right-circle:before {
    content: "\F0B2A"
}

.mdi-chevron-right-circle-outline:before {
    content: "\F0B2B"
}

.mdi-chevron-triple-down:before {
    content: "\F0DB9"
}

.mdi-chevron-triple-left:before {
    content: "\F0DBA"
}

.mdi-chevron-triple-right:before {
    content: "\F0DBB"
}

.mdi-chevron-triple-up:before {
    content: "\F0DBC"
}

.mdi-chevron-up:before {
    content: "\F0143"
}

.mdi-chevron-up-box:before {
    content: "\F09DC"
}

.mdi-chevron-up-box-outline:before {
    content: "\F09DD"
}

.mdi-chevron-up-circle:before {
    content: "\F0B2C"
}

.mdi-chevron-up-circle-outline:before {
    content: "\F0B2D"
}

.mdi-chili-hot:before {
    content: "\F07B2"
}

.mdi-chili-medium:before {
    content: "\F07B3"
}

.mdi-chili-mild:before {
    content: "\F07B4"
}

.mdi-chili-off:before {
    content: "\F1467"
}

.mdi-chip:before {
    content: "\F061A"
}

.mdi-christianity:before {
    content: "\F0953"
}

.mdi-christianity-outline:before {
    content: "\F0CF6"
}

.mdi-church:before {
    content: "\F0144"
}

.mdi-cigar:before {
    content: "\F1189"
}

.mdi-cigar-off:before {
    content: "\F141B"
}

.mdi-circle:before {
    content: "\F0765"
}

.mdi-circle-box:before {
    content: "\F15DC"
}

.mdi-circle-box-outline:before {
    content: "\F15DD"
}

.mdi-circle-double:before {
    content: "\F0E95"
}

.mdi-circle-edit-outline:before {
    content: "\F08D5"
}

.mdi-circle-expand:before {
    content: "\F0E96"
}

.mdi-circle-half:before {
    content: "\F1395"
}

.mdi-circle-half-full:before {
    content: "\F1396"
}

.mdi-circle-medium:before {
    content: "\F09DE"
}

.mdi-circle-multiple:before {
    content: "\F0B38"
}

.mdi-circle-multiple-outline:before {
    content: "\F0695"
}

.mdi-circle-off-outline:before {
    content: "\F10D3"
}

.mdi-circle-outline:before {
    content: "\F0766"
}

.mdi-circle-slice-1:before {
    content: "\F0A9E"
}

.mdi-circle-slice-2:before {
    content: "\F0A9F"
}

.mdi-circle-slice-3:before {
    content: "\F0AA0"
}

.mdi-circle-slice-4:before {
    content: "\F0AA1"
}

.mdi-circle-slice-5:before {
    content: "\F0AA2"
}

.mdi-circle-slice-6:before {
    content: "\F0AA3"
}

.mdi-circle-slice-7:before {
    content: "\F0AA4"
}

.mdi-circle-slice-8:before {
    content: "\F0AA5"
}

.mdi-circle-small:before {
    content: "\F09DF"
}

.mdi-circular-saw:before {
    content: "\F0E22"
}

.mdi-city:before {
    content: "\F0146"
}

.mdi-city-variant:before {
    content: "\F0A36"
}

.mdi-city-variant-outline:before {
    content: "\F0A37"
}

.mdi-clipboard:before {
    content: "\F0147"
}

.mdi-clipboard-account:before {
    content: "\F0148"
}

.mdi-clipboard-account-outline:before {
    content: "\F0C55"
}

.mdi-clipboard-alert:before {
    content: "\F0149"
}

.mdi-clipboard-alert-outline:before {
    content: "\F0CF7"
}

.mdi-clipboard-arrow-down:before {
    content: "\F014A"
}

.mdi-clipboard-arrow-down-outline:before {
    content: "\F0C56"
}

.mdi-clipboard-arrow-left:before {
    content: "\F014B"
}

.mdi-clipboard-arrow-left-outline:before {
    content: "\F0CF8"
}

.mdi-clipboard-arrow-right:before {
    content: "\F0CF9"
}

.mdi-clipboard-arrow-right-outline:before {
    content: "\F0CFA"
}

.mdi-clipboard-arrow-up:before {
    content: "\F0C57"
}

.mdi-clipboard-arrow-up-outline:before {
    content: "\F0C58"
}

.mdi-clipboard-check:before {
    content: "\F014E"
}

.mdi-clipboard-check-multiple:before {
    content: "\F1263"
}

.mdi-clipboard-check-multiple-outline:before {
    content: "\F1264"
}

.mdi-clipboard-check-outline:before {
    content: "\F08A8"
}

.mdi-clipboard-edit:before {
    content: "\F14E5"
}

.mdi-clipboard-edit-outline:before {
    content: "\F14E6"
}

.mdi-clipboard-file:before {
    content: "\F1265"
}

.mdi-clipboard-file-outline:before {
    content: "\F1266"
}

.mdi-clipboard-flow:before {
    content: "\F06C8"
}

.mdi-clipboard-flow-outline:before {
    content: "\F1117"
}

.mdi-clipboard-list:before {
    content: "\F10D4"
}

.mdi-clipboard-list-outline:before {
    content: "\F10D5"
}

.mdi-clipboard-minus:before {
    content: "\F1618"
}

.mdi-clipboard-minus-outline:before {
    content: "\F1619"
}

.mdi-clipboard-multiple:before {
    content: "\F1267"
}

.mdi-clipboard-multiple-outline:before {
    content: "\F1268"
}

.mdi-clipboard-off:before {
    content: "\F161A"
}

.mdi-clipboard-off-outline:before {
    content: "\F161B"
}

.mdi-clipboard-outline:before {
    content: "\F014C"
}

.mdi-clipboard-play:before {
    content: "\F0C59"
}

.mdi-clipboard-play-multiple:before {
    content: "\F1269"
}

.mdi-clipboard-play-multiple-outline:before {
    content: "\F126A"
}

.mdi-clipboard-play-outline:before {
    content: "\F0C5A"
}

.mdi-clipboard-plus:before {
    content: "\F0751"
}

.mdi-clipboard-plus-outline:before {
    content: "\F131F"
}

.mdi-clipboard-pulse:before {
    content: "\F085D"
}

.mdi-clipboard-pulse-outline:before {
    content: "\F085E"
}

.mdi-clipboard-remove:before {
    content: "\F161C"
}

.mdi-clipboard-remove-outline:before {
    content: "\F161D"
}

.mdi-clipboard-search:before {
    content: "\F161E"
}

.mdi-clipboard-search-outline:before {
    content: "\F161F"
}

.mdi-clipboard-text:before {
    content: "\F014D"
}

.mdi-clipboard-text-multiple:before {
    content: "\F126B"
}

.mdi-clipboard-text-multiple-outline:before {
    content: "\F126C"
}

.mdi-clipboard-text-off:before {
    content: "\F1620"
}

.mdi-clipboard-text-off-outline:before {
    content: "\F1621"
}

.mdi-clipboard-text-outline:before {
    content: "\F0A38"
}

.mdi-clipboard-text-play:before {
    content: "\F0C5B"
}

.mdi-clipboard-text-play-outline:before {
    content: "\F0C5C"
}

.mdi-clipboard-text-search:before {
    content: "\F1622"
}

.mdi-clipboard-text-search-outline:before {
    content: "\F1623"
}

.mdi-clippy:before {
    content: "\F014F"
}

.mdi-clock:before {
    content: "\F0954"
}

.mdi-clock-alert:before {
    content: "\F0955"
}

.mdi-clock-alert-outline:before {
    content: "\F05CE"
}

.mdi-clock-check:before {
    content: "\F0FA8"
}

.mdi-clock-check-outline:before {
    content: "\F0FA9"
}

.mdi-clock-digital:before {
    content: "\F0E97"
}

.mdi-clock-end:before {
    content: "\F0151"
}

.mdi-clock-fast:before {
    content: "\F0152"
}

.mdi-clock-in:before {
    content: "\F0153"
}

.mdi-clock-out:before {
    content: "\F0154"
}

.mdi-clock-outline:before {
    content: "\F0150"
}

.mdi-clock-start:before {
    content: "\F0155"
}

.mdi-clock-time-eight:before {
    content: "\F1446"
}

.mdi-clock-time-eight-outline:before {
    content: "\F1452"
}

.mdi-clock-time-eleven:before {
    content: "\F1449"
}

.mdi-clock-time-eleven-outline:before {
    content: "\F1455"
}

.mdi-clock-time-five:before {
    content: "\F1443"
}

.mdi-clock-time-five-outline:before {
    content: "\F144F"
}

.mdi-clock-time-four:before {
    content: "\F1442"
}

.mdi-clock-time-four-outline:before {
    content: "\F144E"
}

.mdi-clock-time-nine:before {
    content: "\F1447"
}

.mdi-clock-time-nine-outline:before {
    content: "\F1453"
}

.mdi-clock-time-one:before {
    content: "\F143F"
}

.mdi-clock-time-one-outline:before {
    content: "\F144B"
}

.mdi-clock-time-seven:before {
    content: "\F1445"
}

.mdi-clock-time-seven-outline:before {
    content: "\F1451"
}

.mdi-clock-time-six:before {
    content: "\F1444"
}

.mdi-clock-time-six-outline:before {
    content: "\F1450"
}

.mdi-clock-time-ten:before {
    content: "\F1448"
}

.mdi-clock-time-ten-outline:before {
    content: "\F1454"
}

.mdi-clock-time-three:before {
    content: "\F1441"
}

.mdi-clock-time-three-outline:before {
    content: "\F144D"
}

.mdi-clock-time-twelve:before {
    content: "\F144A"
}

.mdi-clock-time-twelve-outline:before {
    content: "\F1456"
}

.mdi-clock-time-two:before {
    content: "\F1440"
}

.mdi-clock-time-two-outline:before {
    content: "\F144C"
}

.mdi-close:before {
    content: "\F0156"
}

.mdi-close-box:before {
    content: "\F0157"
}

.mdi-close-box-multiple:before {
    content: "\F0C5D"
}

.mdi-close-box-multiple-outline:before {
    content: "\F0C5E"
}

.mdi-close-box-outline:before {
    content: "\F0158"
}

.mdi-close-circle:before {
    content: "\F0159"
}

.mdi-close-circle-multiple:before {
    content: "\F062A"
}

.mdi-close-circle-multiple-outline:before {
    content: "\F0883"
}

.mdi-close-circle-outline:before {
    content: "\F015A"
}

.mdi-close-network:before {
    content: "\F015B"
}

.mdi-close-network-outline:before {
    content: "\F0C5F"
}

.mdi-close-octagon:before {
    content: "\F015C"
}

.mdi-close-octagon-outline:before {
    content: "\F015D"
}

.mdi-close-outline:before {
    content: "\F06C9"
}

.mdi-close-thick:before {
    content: "\F1398"
}

.mdi-closed-caption:before {
    content: "\F015E"
}

.mdi-closed-caption-outline:before {
    content: "\F0DBD"
}

.mdi-cloud:before {
    content: "\F015F"
}

.mdi-cloud-alert:before {
    content: "\F09E0"
}

.mdi-cloud-braces:before {
    content: "\F07B5"
}

.mdi-cloud-check:before {
    content: "\F0160"
}

.mdi-cloud-check-outline:before {
    content: "\F12CC"
}

.mdi-cloud-circle:before {
    content: "\F0161"
}

.mdi-cloud-download:before {
    content: "\F0162"
}

.mdi-cloud-download-outline:before {
    content: "\F0B7D"
}

.mdi-cloud-lock:before {
    content: "\F11F1"
}

.mdi-cloud-lock-outline:before {
    content: "\F11F2"
}

.mdi-cloud-off-outline:before {
    content: "\F0164"
}

.mdi-cloud-outline:before {
    content: "\F0163"
}

.mdi-cloud-print:before {
    content: "\F0165"
}

.mdi-cloud-print-outline:before {
    content: "\F0166"
}

.mdi-cloud-question:before {
    content: "\F0A39"
}

.mdi-cloud-refresh:before {
    content: "\F052A"
}

.mdi-cloud-search:before {
    content: "\F0956"
}

.mdi-cloud-search-outline:before {
    content: "\F0957"
}

.mdi-cloud-sync:before {
    content: "\F063F"
}

.mdi-cloud-sync-outline:before {
    content: "\F12D6"
}

.mdi-cloud-tags:before {
    content: "\F07B6"
}

.mdi-cloud-upload:before {
    content: "\F0167"
}

.mdi-cloud-upload-outline:before {
    content: "\F0B7E"
}

.mdi-clover:before {
    content: "\F0816"
}

.mdi-coach-lamp:before {
    content: "\F1020"
}

.mdi-coat-rack:before {
    content: "\F109E"
}

.mdi-code-array:before {
    content: "\F0168"
}

.mdi-code-braces:before {
    content: "\F0169"
}

.mdi-code-braces-box:before {
    content: "\F10D6"
}

.mdi-code-brackets:before {
    content: "\F016A"
}

.mdi-code-equal:before {
    content: "\F016B"
}

.mdi-code-greater-than:before {
    content: "\F016C"
}

.mdi-code-greater-than-or-equal:before {
    content: "\F016D"
}

.mdi-code-json:before {
    content: "\F0626"
}

.mdi-code-less-than:before {
    content: "\F016E"
}

.mdi-code-less-than-or-equal:before {
    content: "\F016F"
}

.mdi-code-not-equal:before {
    content: "\F0170"
}

.mdi-code-not-equal-variant:before {
    content: "\F0171"
}

.mdi-code-parentheses:before {
    content: "\F0172"
}

.mdi-code-parentheses-box:before {
    content: "\F10D7"
}

.mdi-code-string:before {
    content: "\F0173"
}

.mdi-code-tags:before {
    content: "\F0174"
}

.mdi-code-tags-check:before {
    content: "\F0694"
}

.mdi-codepen:before {
    content: "\F0175"
}

.mdi-coffee:before {
    content: "\F0176"
}

.mdi-coffee-maker:before {
    content: "\F109F"
}

.mdi-coffee-off:before {
    content: "\F0FAA"
}

.mdi-coffee-off-outline:before {
    content: "\F0FAB"
}

.mdi-coffee-outline:before {
    content: "\F06CA"
}

.mdi-coffee-to-go:before {
    content: "\F0177"
}

.mdi-coffee-to-go-outline:before {
    content: "\F130E"
}

.mdi-coffin:before {
    content: "\F0B7F"
}

.mdi-cog:before {
    content: "\F0493"
}

.mdi-cog-box:before {
    content: "\F0494"
}

.mdi-cog-clockwise:before {
    content: "\F11DD"
}

.mdi-cog-counterclockwise:before {
    content: "\F11DE"
}

.mdi-cog-off:before {
    content: "\F13CE"
}

.mdi-cog-off-outline:before {
    content: "\F13CF"
}

.mdi-cog-outline:before {
    content: "\F08BB"
}

.mdi-cog-refresh:before {
    content: "\F145E"
}

.mdi-cog-refresh-outline:before {
    content: "\F145F"
}

.mdi-cog-sync:before {
    content: "\F1460"
}

.mdi-cog-sync-outline:before {
    content: "\F1461"
}

.mdi-cog-transfer:before {
    content: "\F105B"
}

.mdi-cog-transfer-outline:before {
    content: "\F105C"
}

.mdi-cogs:before {
    content: "\F08D6"
}

.mdi-collage:before {
    content: "\F0640"
}

.mdi-collapse-all:before {
    content: "\F0AA6"
}

.mdi-collapse-all-outline:before {
    content: "\F0AA7"
}

.mdi-color-helper:before {
    content: "\F0179"
}

.mdi-comma:before {
    content: "\F0E23"
}

.mdi-comma-box:before {
    content: "\F0E2B"
}

.mdi-comma-box-outline:before {
    content: "\F0E24"
}

.mdi-comma-circle:before {
    content: "\F0E25"
}

.mdi-comma-circle-outline:before {
    content: "\F0E26"
}

.mdi-comment:before {
    content: "\F017A"
}

.mdi-comment-account:before {
    content: "\F017B"
}

.mdi-comment-account-outline:before {
    content: "\F017C"
}

.mdi-comment-alert:before {
    content: "\F017D"
}

.mdi-comment-alert-outline:before {
    content: "\F017E"
}

.mdi-comment-arrow-left:before {
    content: "\F09E1"
}

.mdi-comment-arrow-left-outline:before {
    content: "\F09E2"
}

.mdi-comment-arrow-right:before {
    content: "\F09E3"
}

.mdi-comment-arrow-right-outline:before {
    content: "\F09E4"
}

.mdi-comment-bookmark:before {
    content: "\F15AE"
}

.mdi-comment-bookmark-outline:before {
    content: "\F15AF"
}

.mdi-comment-check:before {
    content: "\F017F"
}

.mdi-comment-check-outline:before {
    content: "\F0180"
}

.mdi-comment-edit:before {
    content: "\F11BF"
}

.mdi-comment-edit-outline:before {
    content: "\F12C4"
}

.mdi-comment-eye:before {
    content: "\F0A3A"
}

.mdi-comment-eye-outline:before {
    content: "\F0A3B"
}

.mdi-comment-flash:before {
    content: "\F15B0"
}

.mdi-comment-flash-outline:before {
    content: "\F15B1"
}

.mdi-comment-minus:before {
    content: "\F15DF"
}

.mdi-comment-minus-outline:before {
    content: "\F15E0"
}

.mdi-comment-multiple:before {
    content: "\F085F"
}

.mdi-comment-multiple-outline:before {
    content: "\F0181"
}

.mdi-comment-off:before {
    content: "\F15E1"
}

.mdi-comment-off-outline:before {
    content: "\F15E2"
}

.mdi-comment-outline:before {
    content: "\F0182"
}

.mdi-comment-plus:before {
    content: "\F09E5"
}

.mdi-comment-plus-outline:before {
    content: "\F0183"
}

.mdi-comment-processing:before {
    content: "\F0184"
}

.mdi-comment-processing-outline:before {
    content: "\F0185"
}

.mdi-comment-question:before {
    content: "\F0817"
}

.mdi-comment-question-outline:before {
    content: "\F0186"
}

.mdi-comment-quote:before {
    content: "\F1021"
}

.mdi-comment-quote-outline:before {
    content: "\F1022"
}

.mdi-comment-remove:before {
    content: "\F05DE"
}

.mdi-comment-remove-outline:before {
    content: "\F0187"
}

.mdi-comment-search:before {
    content: "\F0A3C"
}

.mdi-comment-search-outline:before {
    content: "\F0A3D"
}

.mdi-comment-text:before {
    content: "\F0188"
}

.mdi-comment-text-multiple:before {
    content: "\F0860"
}

.mdi-comment-text-multiple-outline:before {
    content: "\F0861"
}

.mdi-comment-text-outline:before {
    content: "\F0189"
}

.mdi-compare:before {
    content: "\F018A"
}

.mdi-compare-horizontal:before {
    content: "\F1492"
}

.mdi-compare-vertical:before {
    content: "\F1493"
}

.mdi-compass:before {
    content: "\F018B"
}

.mdi-compass-off:before {
    content: "\F0B80"
}

.mdi-compass-off-outline:before {
    content: "\F0B81"
}

.mdi-compass-outline:before {
    content: "\F018C"
}

.mdi-compass-rose:before {
    content: "\F1382"
}

.mdi-concourse-ci:before {
    content: "\F10A0"
}

.mdi-connection:before {
    content: "\F1616"
}

.mdi-console:before {
    content: "\F018D"
}

.mdi-console-line:before {
    content: "\F07B7"
}

.mdi-console-network:before {
    content: "\F08A9"
}

.mdi-console-network-outline:before {
    content: "\F0C60"
}

.mdi-consolidate:before {
    content: "\F10D8"
}

.mdi-contactless-payment:before {
    content: "\F0D6A"
}

.mdi-contactless-payment-circle:before {
    content: "\F0321"
}

.mdi-contactless-payment-circle-outline:before {
    content: "\F0408"
}

.mdi-contacts:before {
    content: "\F06CB"
}

.mdi-contacts-outline:before {
    content: "\F05B8"
}

.mdi-contain:before {
    content: "\F0A3E"
}

.mdi-contain-end:before {
    content: "\F0A3F"
}

.mdi-contain-start:before {
    content: "\F0A40"
}

.mdi-content-copy:before {
    content: "\F018F"
}

.mdi-content-cut:before {
    content: "\F0190"
}

.mdi-content-duplicate:before {
    content: "\F0191"
}

.mdi-content-paste:before {
    content: "\F0192"
}

.mdi-content-save:before {
    content: "\F0193"
}

.mdi-content-save-alert:before {
    content: "\F0F42"
}

.mdi-content-save-alert-outline:before {
    content: "\F0F43"
}

.mdi-content-save-all:before {
    content: "\F0194"
}

.mdi-content-save-all-outline:before {
    content: "\F0F44"
}

.mdi-content-save-cog:before {
    content: "\F145B"
}

.mdi-content-save-cog-outline:before {
    content: "\F145C"
}

.mdi-content-save-edit:before {
    content: "\F0CFB"
}

.mdi-content-save-edit-outline:before {
    content: "\F0CFC"
}

.mdi-content-save-move:before {
    content: "\F0E27"
}

.mdi-content-save-move-outline:before {
    content: "\F0E28"
}

.mdi-content-save-off:before {
    content: "\F1643"
}

.mdi-content-save-off-outline:before {
    content: "\F1644"
}

.mdi-content-save-outline:before {
    content: "\F0818"
}

.mdi-content-save-settings:before {
    content: "\F061B"
}

.mdi-content-save-settings-outline:before {
    content: "\F0B2E"
}

.mdi-contrast:before {
    content: "\F0195"
}

.mdi-contrast-box:before {
    content: "\F0196"
}

.mdi-contrast-circle:before {
    content: "\F0197"
}

.mdi-controller-classic:before {
    content: "\F0B82"
}

.mdi-controller-classic-outline:before {
    content: "\F0B83"
}

.mdi-cookie:before {
    content: "\F0198"
}

.mdi-cookie-alert:before {
    content: "\F16D0"
}

.mdi-cookie-alert-outline:before {
    content: "\F16D1"
}

.mdi-cookie-check:before {
    content: "\F16D2"
}

.mdi-cookie-check-outline:before {
    content: "\F16D3"
}

.mdi-cookie-cog:before {
    content: "\F16D4"
}

.mdi-cookie-cog-outline:before {
    content: "\F16D5"
}

.mdi-cookie-minus:before {
    content: "\F16DA"
}

.mdi-cookie-minus-outline:before {
    content: "\F16DB"
}

.mdi-cookie-outline:before {
    content: "\F16DE"
}

.mdi-cookie-plus:before {
    content: "\F16D6"
}

.mdi-cookie-plus-outline:before {
    content: "\F16D7"
}

.mdi-cookie-remove:before {
    content: "\F16D8"
}

.mdi-cookie-remove-outline:before {
    content: "\F16D9"
}

.mdi-cookie-settings:before {
    content: "\F16DC"
}

.mdi-cookie-settings-outline:before {
    content: "\F16DD"
}

.mdi-coolant-temperature:before {
    content: "\F03C8"
}

.mdi-copyright:before {
    content: "\F05E6"
}

.mdi-cordova:before {
    content: "\F0958"
}

.mdi-corn:before {
    content: "\F07B8"
}

.mdi-corn-off:before {
    content: "\F13EF"
}

.mdi-cosine-wave:before {
    content: "\F1479"
}

.mdi-counter:before {
    content: "\F0199"
}

.mdi-cow:before {
    content: "\F019A"
}

.mdi-cpu-32-bit:before {
    content: "\F0EDF"
}

.mdi-cpu-64-bit:before {
    content: "\F0EE0"
}

.mdi-crane:before {
    content: "\F0862"
}

.mdi-creation:before {
    content: "\F0674"
}

.mdi-creative-commons:before {
    content: "\F0D6B"
}

.mdi-credit-card:before {
    content: "\F0FEF"
}

.mdi-credit-card-check:before {
    content: "\F13D0"
}

.mdi-credit-card-check-outline:before {
    content: "\F13D1"
}

.mdi-credit-card-clock:before {
    content: "\F0EE1"
}

.mdi-credit-card-clock-outline:before {
    content: "\F0EE2"
}

.mdi-credit-card-marker:before {
    content: "\F06A8"
}

.mdi-credit-card-marker-outline:before {
    content: "\F0DBE"
}

.mdi-credit-card-minus:before {
    content: "\F0FAC"
}

.mdi-credit-card-minus-outline:before {
    content: "\F0FAD"
}

.mdi-credit-card-multiple:before {
    content: "\F0FF0"
}

.mdi-credit-card-multiple-outline:before {
    content: "\F019C"
}

.mdi-credit-card-off:before {
    content: "\F0FF1"
}

.mdi-credit-card-off-outline:before {
    content: "\F05E4"
}

.mdi-credit-card-outline:before {
    content: "\F019B"
}

.mdi-credit-card-plus:before {
    content: "\F0FF2"
}

.mdi-credit-card-plus-outline:before {
    content: "\F0676"
}

.mdi-credit-card-refresh:before {
    content: "\F1645"
}

.mdi-credit-card-refresh-outline:before {
    content: "\F1646"
}

.mdi-credit-card-refund:before {
    content: "\F0FF3"
}

.mdi-credit-card-refund-outline:before {
    content: "\F0AA8"
}

.mdi-credit-card-remove:before {
    content: "\F0FAE"
}

.mdi-credit-card-remove-outline:before {
    content: "\F0FAF"
}

.mdi-credit-card-scan:before {
    content: "\F0FF4"
}

.mdi-credit-card-scan-outline:before {
    content: "\F019D"
}

.mdi-credit-card-search:before {
    content: "\F1647"
}

.mdi-credit-card-search-outline:before {
    content: "\F1648"
}

.mdi-credit-card-settings:before {
    content: "\F0FF5"
}

.mdi-credit-card-settings-outline:before {
    content: "\F08D7"
}

.mdi-credit-card-sync:before {
    content: "\F1649"
}

.mdi-credit-card-sync-outline:before {
    content: "\F164A"
}

.mdi-credit-card-wireless:before {
    content: "\F0802"
}

.mdi-credit-card-wireless-off:before {
    content: "\F057A"
}

.mdi-credit-card-wireless-off-outline:before {
    content: "\F057B"
}

.mdi-credit-card-wireless-outline:before {
    content: "\F0D6C"
}

.mdi-cricket:before {
    content: "\F0D6D"
}

.mdi-crop:before {
    content: "\F019E"
}

.mdi-crop-free:before {
    content: "\F019F"
}

.mdi-crop-landscape:before {
    content: "\F01A0"
}

.mdi-crop-portrait:before {
    content: "\F01A1"
}

.mdi-crop-rotate:before {
    content: "\F0696"
}

.mdi-crop-square:before {
    content: "\F01A2"
}

.mdi-crosshairs:before {
    content: "\F01A3"
}

.mdi-crosshairs-gps:before {
    content: "\F01A4"
}

.mdi-crosshairs-off:before {
    content: "\F0F45"
}

.mdi-crosshairs-question:before {
    content: "\F1136"
}

.mdi-crown:before {
    content: "\F01A5"
}

.mdi-crown-outline:before {
    content: "\F11D0"
}

.mdi-cryengine:before {
    content: "\F0959"
}

.mdi-crystal-ball:before {
    content: "\F0B2F"
}

.mdi-cube:before {
    content: "\F01A6"
}

.mdi-cube-off:before {
    content: "\F141C"
}

.mdi-cube-off-outline:before {
    content: "\F141D"
}

.mdi-cube-outline:before {
    content: "\F01A7"
}

.mdi-cube-scan:before {
    content: "\F0B84"
}

.mdi-cube-send:before {
    content: "\F01A8"
}

.mdi-cube-unfolded:before {
    content: "\F01A9"
}

.mdi-cup:before {
    content: "\F01AA"
}

.mdi-cup-off:before {
    content: "\F05E5"
}

.mdi-cup-off-outline:before {
    content: "\F137D"
}

.mdi-cup-outline:before {
    content: "\F130F"
}

.mdi-cup-water:before {
    content: "\F01AB"
}

.mdi-cupboard:before {
    content: "\F0F46"
}

.mdi-cupboard-outline:before {
    content: "\F0F47"
}

.mdi-cupcake:before {
    content: "\F095A"
}

.mdi-curling:before {
    content: "\F0863"
}

.mdi-currency-bdt:before {
    content: "\F0864"
}

.mdi-currency-brl:before {
    content: "\F0B85"
}

.mdi-currency-btc:before {
    content: "\F01AC"
}

.mdi-currency-cny:before {
    content: "\F07BA"
}

.mdi-currency-eth:before {
    content: "\F07BB"
}

.mdi-currency-eur:before {
    content: "\F01AD"
}

.mdi-currency-eur-off:before {
    content: "\F1315"
}

.mdi-currency-gbp:before {
    content: "\F01AE"
}

.mdi-currency-ils:before {
    content: "\F0C61"
}

.mdi-currency-inr:before {
    content: "\F01AF"
}

.mdi-currency-jpy:before {
    content: "\F07BC"
}

.mdi-currency-krw:before {
    content: "\F07BD"
}

.mdi-currency-kzt:before {
    content: "\F0865"
}

.mdi-currency-mnt:before {
    content: "\F1512"
}

.mdi-currency-ngn:before {
    content: "\F01B0"
}

.mdi-currency-php:before {
    content: "\F09E6"
}

.mdi-currency-rial:before {
    content: "\F0E9C"
}

.mdi-currency-rub:before {
    content: "\F01B1"
}

.mdi-currency-sign:before {
    content: "\F07BE"
}

.mdi-currency-try:before {
    content: "\F01B2"
}

.mdi-currency-twd:before {
    content: "\F07BF"
}

.mdi-currency-usd:before {
    content: "\F01C1"
}

.mdi-currency-usd-circle:before {
    content: "\F116B"
}

.mdi-currency-usd-circle-outline:before {
    content: "\F0178"
}

.mdi-currency-usd-off:before {
    content: "\F067A"
}

.mdi-current-ac:before {
    content: "\F1480"
}

.mdi-current-dc:before {
    content: "\F095C"
}

.mdi-cursor-default:before {
    content: "\F01C0"
}

.mdi-cursor-default-click:before {
    content: "\F0CFD"
}

.mdi-cursor-default-click-outline:before {
    content: "\F0CFE"
}

.mdi-cursor-default-gesture:before {
    content: "\F1127"
}

.mdi-cursor-default-gesture-outline:before {
    content: "\F1128"
}

.mdi-cursor-default-outline:before {
    content: "\F01BF"
}

.mdi-cursor-move:before {
    content: "\F01BE"
}

.mdi-cursor-pointer:before {
    content: "\F01BD"
}

.mdi-cursor-text:before {
    content: "\F05E7"
}

.mdi-dance-ballroom:before {
    content: "\F15FB"
}

.mdi-dance-pole:before {
    content: "\F1578"
}

.mdi-data-matrix:before {
    content: "\F153C"
}

.mdi-data-matrix-edit:before {
    content: "\F153D"
}

.mdi-data-matrix-minus:before {
    content: "\F153E"
}

.mdi-data-matrix-plus:before {
    content: "\F153F"
}

.mdi-data-matrix-remove:before {
    content: "\F1540"
}

.mdi-data-matrix-scan:before {
    content: "\F1541"
}

.mdi-database:before {
    content: "\F01BC"
}

.mdi-database-alert:before {
    content: "\F163A"
}

.mdi-database-alert-outline:before {
    content: "\F1624"
}

.mdi-database-arrow-down:before {
    content: "\F163B"
}

.mdi-database-arrow-down-outline:before {
    content: "\F1625"
}

.mdi-database-arrow-left:before {
    content: "\F163C"
}

.mdi-database-arrow-left-outline:before {
    content: "\F1626"
}

.mdi-database-arrow-right:before {
    content: "\F163D"
}

.mdi-database-arrow-right-outline:before {
    content: "\F1627"
}

.mdi-database-arrow-up:before {
    content: "\F163E"
}

.mdi-database-arrow-up-outline:before {
    content: "\F1628"
}

.mdi-database-check:before {
    content: "\F0AA9"
}

.mdi-database-check-outline:before {
    content: "\F1629"
}

.mdi-database-clock:before {
    content: "\F163F"
}

.mdi-database-clock-outline:before {
    content: "\F162A"
}

.mdi-database-cog:before {
    content: "\F164B"
}

.mdi-database-cog-outline:before {
    content: "\F164C"
}

.mdi-database-edit:before {
    content: "\F0B86"
}

.mdi-database-edit-outline:before {
    content: "\F162B"
}

.mdi-database-export:before {
    content: "\F095E"
}

.mdi-database-export-outline:before {
    content: "\F162C"
}

.mdi-database-import:before {
    content: "\F095D"
}

.mdi-database-import-outline:before {
    content: "\F162D"
}

.mdi-database-lock:before {
    content: "\F0AAA"
}

.mdi-database-lock-outline:before {
    content: "\F162E"
}

.mdi-database-marker:before {
    content: "\F12F6"
}

.mdi-database-marker-outline:before {
    content: "\F162F"
}

.mdi-database-minus:before {
    content: "\F01BB"
}

.mdi-database-minus-outline:before {
    content: "\F1630"
}

.mdi-database-off:before {
    content: "\F1640"
}

.mdi-database-off-outline:before {
    content: "\F1631"
}

.mdi-database-outline:before {
    content: "\F1632"
}

.mdi-database-plus:before {
    content: "\F01BA"
}

.mdi-database-plus-outline:before {
    content: "\F1633"
}

.mdi-database-refresh:before {
    content: "\F05C2"
}

.mdi-database-refresh-outline:before {
    content: "\F1634"
}

.mdi-database-remove:before {
    content: "\F0D00"
}

.mdi-database-remove-outline:before {
    content: "\F1635"
}

.mdi-database-search:before {
    content: "\F0866"
}

.mdi-database-search-outline:before {
    content: "\F1636"
}

.mdi-database-settings:before {
    content: "\F0D01"
}

.mdi-database-settings-outline:before {
    content: "\F1637"
}

.mdi-database-sync:before {
    content: "\F0CFF"
}

.mdi-database-sync-outline:before {
    content: "\F1638"
}

.mdi-death-star:before {
    content: "\F08D8"
}

.mdi-death-star-variant:before {
    content: "\F08D9"
}

.mdi-deathly-hallows:before {
    content: "\F0B87"
}

.mdi-debian:before {
    content: "\F08DA"
}

.mdi-debug-step-into:before {
    content: "\F01B9"
}

.mdi-debug-step-out:before {
    content: "\F01B8"
}

.mdi-debug-step-over:before {
    content: "\F01B7"
}

.mdi-decagram:before {
    content: "\F076C"
}

.mdi-decagram-outline:before {
    content: "\F076D"
}

.mdi-decimal:before {
    content: "\F10A1"
}

.mdi-decimal-comma:before {
    content: "\F10A2"
}

.mdi-decimal-comma-decrease:before {
    content: "\F10A3"
}

.mdi-decimal-comma-increase:before {
    content: "\F10A4"
}

.mdi-decimal-decrease:before {
    content: "\F01B6"
}

.mdi-decimal-increase:before {
    content: "\F01B5"
}

.mdi-delete:before {
    content: "\F01B4"
}

.mdi-delete-alert:before {
    content: "\F10A5"
}

.mdi-delete-alert-outline:before {
    content: "\F10A6"
}

.mdi-delete-circle:before {
    content: "\F0683"
}

.mdi-delete-circle-outline:before {
    content: "\F0B88"
}

.mdi-delete-clock:before {
    content: "\F1556"
}

.mdi-delete-clock-outline:before {
    content: "\F1557"
}

.mdi-delete-empty:before {
    content: "\F06CC"
}

.mdi-delete-empty-outline:before {
    content: "\F0E9D"
}

.mdi-delete-forever:before {
    content: "\F05E8"
}

.mdi-delete-forever-outline:before {
    content: "\F0B89"
}

.mdi-delete-off:before {
    content: "\F10A7"
}

.mdi-delete-off-outline:before {
    content: "\F10A8"
}

.mdi-delete-outline:before {
    content: "\F09E7"
}

.mdi-delete-restore:before {
    content: "\F0819"
}

.mdi-delete-sweep:before {
    content: "\F05E9"
}

.mdi-delete-sweep-outline:before {
    content: "\F0C62"
}

.mdi-delete-variant:before {
    content: "\F01B3"
}

.mdi-delta:before {
    content: "\F01C2"
}

.mdi-desk:before {
    content: "\F1239"
}

.mdi-desk-lamp:before {
    content: "\F095F"
}

.mdi-deskphone:before {
    content: "\F01C3"
}

.mdi-desktop-classic:before {
    content: "\F07C0"
}

.mdi-desktop-mac:before {
    content: "\F01C4"
}

.mdi-desktop-mac-dashboard:before {
    content: "\F09E8"
}

.mdi-desktop-tower:before {
    content: "\F01C5"
}

.mdi-desktop-tower-monitor:before {
    content: "\F0AAB"
}

.mdi-details:before {
    content: "\F01C6"
}

.mdi-dev-to:before {
    content: "\F0D6E"
}

.mdi-developer-board:before {
    content: "\F0697"
}

.mdi-deviantart:before {
    content: "\F01C7"
}

.mdi-devices:before {
    content: "\F0FB0"
}

.mdi-diabetes:before {
    content: "\F1126"
}

.mdi-dialpad:before {
    content: "\F061C"
}

.mdi-diameter:before {
    content: "\F0C63"
}

.mdi-diameter-outline:before {
    content: "\F0C64"
}

.mdi-diameter-variant:before {
    content: "\F0C65"
}

.mdi-diamond:before {
    content: "\F0B8A"
}

.mdi-diamond-outline:before {
    content: "\F0B8B"
}

.mdi-diamond-stone:before {
    content: "\F01C8"
}

.mdi-dice-1:before {
    content: "\F01CA"
}

.mdi-dice-1-outline:before {
    content: "\F114A"
}

.mdi-dice-2:before {
    content: "\F01CB"
}

.mdi-dice-2-outline:before {
    content: "\F114B"
}

.mdi-dice-3:before {
    content: "\F01CC"
}

.mdi-dice-3-outline:before {
    content: "\F114C"
}

.mdi-dice-4:before {
    content: "\F01CD"
}

.mdi-dice-4-outline:before {
    content: "\F114D"
}

.mdi-dice-5:before {
    content: "\F01CE"
}

.mdi-dice-5-outline:before {
    content: "\F114E"
}

.mdi-dice-6:before {
    content: "\F01CF"
}

.mdi-dice-6-outline:before {
    content: "\F114F"
}

.mdi-dice-d10:before {
    content: "\F1153"
}

.mdi-dice-d10-outline:before {
    content: "\F076F"
}

.mdi-dice-d12:before {
    content: "\F1154"
}

.mdi-dice-d12-outline:before {
    content: "\F0867"
}

.mdi-dice-d20:before {
    content: "\F1155"
}

.mdi-dice-d20-outline:before {
    content: "\F05EA"
}

.mdi-dice-d4:before {
    content: "\F1150"
}

.mdi-dice-d4-outline:before {
    content: "\F05EB"
}

.mdi-dice-d6:before {
    content: "\F1151"
}

.mdi-dice-d6-outline:before {
    content: "\F05ED"
}

.mdi-dice-d8:before {
    content: "\F1152"
}

.mdi-dice-d8-outline:before {
    content: "\F05EC"
}

.mdi-dice-multiple:before {
    content: "\F076E"
}

.mdi-dice-multiple-outline:before {
    content: "\F1156"
}

.mdi-digital-ocean:before {
    content: "\F1237"
}

.mdi-dip-switch:before {
    content: "\F07C1"
}

.mdi-directions:before {
    content: "\F01D0"
}

.mdi-directions-fork:before {
    content: "\F0641"
}

.mdi-disc:before {
    content: "\F05EE"
}

.mdi-disc-alert:before {
    content: "\F01D1"
}

.mdi-disc-player:before {
    content: "\F0960"
}

.mdi-discord:before {
    content: "\F066F"
}

.mdi-dishwasher:before {
    content: "\F0AAC"
}

.mdi-dishwasher-alert:before {
    content: "\F11B8"
}

.mdi-dishwasher-off:before {
    content: "\F11B9"
}

.mdi-disqus:before {
    content: "\F01D2"
}

.mdi-distribute-horizontal-center:before {
    content: "\F11C9"
}

.mdi-distribute-horizontal-left:before {
    content: "\F11C8"
}

.mdi-distribute-horizontal-right:before {
    content: "\F11CA"
}

.mdi-distribute-vertical-bottom:before {
    content: "\F11CB"
}

.mdi-distribute-vertical-center:before {
    content: "\F11CC"
}

.mdi-distribute-vertical-top:before {
    content: "\F11CD"
}

.mdi-diving-flippers:before {
    content: "\F0DBF"
}

.mdi-diving-helmet:before {
    content: "\F0DC0"
}

.mdi-diving-scuba:before {
    content: "\F0DC1"
}

.mdi-diving-scuba-flag:before {
    content: "\F0DC2"
}

.mdi-diving-scuba-tank:before {
    content: "\F0DC3"
}

.mdi-diving-scuba-tank-multiple:before {
    content: "\F0DC4"
}

.mdi-diving-snorkel:before {
    content: "\F0DC5"
}

.mdi-division:before {
    content: "\F01D4"
}

.mdi-division-box:before {
    content: "\F01D5"
}

.mdi-dlna:before {
    content: "\F0A41"
}

.mdi-dna:before {
    content: "\F0684"
}

.mdi-dns:before {
    content: "\F01D6"
}

.mdi-dns-outline:before {
    content: "\F0B8C"
}

.mdi-do-not-disturb:before {
    content: "\F0698"
}

.mdi-do-not-disturb-off:before {
    content: "\F0699"
}

.mdi-dock-bottom:before {
    content: "\F10A9"
}

.mdi-dock-left:before {
    content: "\F10AA"
}

.mdi-dock-right:before {
    content: "\F10AB"
}

.mdi-dock-top:before {
    content: "\F1513"
}

.mdi-dock-window:before {
    content: "\F10AC"
}

.mdi-docker:before {
    content: "\F0868"
}

.mdi-doctor:before {
    content: "\F0A42"
}

.mdi-dog:before {
    content: "\F0A43"
}

.mdi-dog-service:before {
    content: "\F0AAD"
}

.mdi-dog-side:before {
    content: "\F0A44"
}

.mdi-dolby:before {
    content: "\F06B3"
}

.mdi-dolly:before {
    content: "\F0E9E"
}

.mdi-domain:before {
    content: "\F01D7"
}

.mdi-domain-off:before {
    content: "\F0D6F"
}

.mdi-domain-plus:before {
    content: "\F10AD"
}

.mdi-domain-remove:before {
    content: "\F10AE"
}

.mdi-dome-light:before {
    content: "\F141E"
}

.mdi-domino-mask:before {
    content: "\F1023"
}

.mdi-donkey:before {
    content: "\F07C2"
}

.mdi-door:before {
    content: "\F081A"
}

.mdi-door-closed:before {
    content: "\F081B"
}

.mdi-door-closed-lock:before {
    content: "\F10AF"
}

.mdi-door-open:before {
    content: "\F081C"
}

.mdi-doorbell:before {
    content: "\F12E6"
}

.mdi-doorbell-video:before {
    content: "\F0869"
}

.mdi-dot-net:before {
    content: "\F0AAE"
}

.mdi-dots-grid:before {
    content: "\F15FC"
}

.mdi-dots-hexagon:before {
    content: "\F15FF"
}

.mdi-dots-horizontal:before {
    content: "\F01D8"
}

.mdi-dots-horizontal-circle:before {
    content: "\F07C3"
}

.mdi-dots-horizontal-circle-outline:before {
    content: "\F0B8D"
}

.mdi-dots-square:before {
    content: "\F15FD"
}

.mdi-dots-triangle:before {
    content: "\F15FE"
}

.mdi-dots-vertical:before {
    content: "\F01D9"
}

.mdi-dots-vertical-circle:before {
    content: "\F07C4"
}

.mdi-dots-vertical-circle-outline:before {
    content: "\F0B8E"
}

.mdi-douban:before {
    content: "\F069A"
}

.mdi-download:before {
    content: "\F01DA"
}

.mdi-download-box:before {
    content: "\F1462"
}

.mdi-download-box-outline:before {
    content: "\F1463"
}

.mdi-download-circle:before {
    content: "\F1464"
}

.mdi-download-circle-outline:before {
    content: "\F1465"
}

.mdi-download-lock:before {
    content: "\F1320"
}

.mdi-download-lock-outline:before {
    content: "\F1321"
}

.mdi-download-multiple:before {
    content: "\F09E9"
}

.mdi-download-network:before {
    content: "\F06F4"
}

.mdi-download-network-outline:before {
    content: "\F0C66"
}

.mdi-download-off:before {
    content: "\F10B0"
}

.mdi-download-off-outline:before {
    content: "\F10B1"
}

.mdi-download-outline:before {
    content: "\F0B8F"
}

.mdi-drag:before {
    content: "\F01DB"
}

.mdi-drag-horizontal:before {
    content: "\F01DC"
}

.mdi-drag-horizontal-variant:before {
    content: "\F12F0"
}

.mdi-drag-variant:before {
    content: "\F0B90"
}

.mdi-drag-vertical:before {
    content: "\F01DD"
}

.mdi-drag-vertical-variant:before {
    content: "\F12F1"
}

.mdi-drama-masks:before {
    content: "\F0D02"
}

.mdi-draw:before {
    content: "\F0F49"
}

.mdi-drawing:before {
    content: "\F01DE"
}

.mdi-drawing-box:before {
    content: "\F01DF"
}

.mdi-dresser:before {
    content: "\F0F4A"
}

.mdi-dresser-outline:before {
    content: "\F0F4B"
}

.mdi-drone:before {
    content: "\F01E2"
}

.mdi-dropbox:before {
    content: "\F01E3"
}

.mdi-drupal:before {
    content: "\F01E4"
}

.mdi-duck:before {
    content: "\F01E5"
}

.mdi-dumbbell:before {
    content: "\F01E6"
}

.mdi-dump-truck:before {
    content: "\F0C67"
}

.mdi-ear-hearing:before {
    content: "\F07C5"
}

.mdi-ear-hearing-off:before {
    content: "\F0A45"
}

.mdi-earth:before {
    content: "\F01E7"
}

.mdi-earth-arrow-right:before {
    content: "\F1311"
}

.mdi-earth-box:before {
    content: "\F06CD"
}

.mdi-earth-box-minus:before {
    content: "\F1407"
}

.mdi-earth-box-off:before {
    content: "\F06CE"
}

.mdi-earth-box-plus:before {
    content: "\F1406"
}

.mdi-earth-box-remove:before {
    content: "\F1408"
}

.mdi-earth-minus:before {
    content: "\F1404"
}

.mdi-earth-off:before {
    content: "\F01E8"
}

.mdi-earth-plus:before {
    content: "\F1403"
}

.mdi-earth-remove:before {
    content: "\F1405"
}

.mdi-egg:before {
    content: "\F0AAF"
}

.mdi-egg-easter:before {
    content: "\F0AB0"
}

.mdi-egg-off:before {
    content: "\F13F0"
}

.mdi-egg-off-outline:before {
    content: "\F13F1"
}

.mdi-egg-outline:before {
    content: "\F13F2"
}

.mdi-eiffel-tower:before {
    content: "\F156B"
}

.mdi-eight-track:before {
    content: "\F09EA"
}

.mdi-eject:before {
    content: "\F01EA"
}

.mdi-eject-outline:before {
    content: "\F0B91"
}

.mdi-electric-switch:before {
    content: "\F0E9F"
}

.mdi-electric-switch-closed:before {
    content: "\F10D9"
}

.mdi-electron-framework:before {
    content: "\F1024"
}

.mdi-elephant:before {
    content: "\F07C6"
}

.mdi-elevation-decline:before {
    content: "\F01EB"
}

.mdi-elevation-rise:before {
    content: "\F01EC"
}

.mdi-elevator:before {
    content: "\F01ED"
}

.mdi-elevator-down:before {
    content: "\F12C2"
}

.mdi-elevator-passenger:before {
    content: "\F1381"
}

.mdi-elevator-up:before {
    content: "\F12C1"
}

.mdi-ellipse:before {
    content: "\F0EA0"
}

.mdi-ellipse-outline:before {
    content: "\F0EA1"
}

.mdi-email:before {
    content: "\F01EE"
}

.mdi-email-alert:before {
    content: "\F06CF"
}

.mdi-email-alert-outline:before {
    content: "\F0D42"
}

.mdi-email-box:before {
    content: "\F0D03"
}

.mdi-email-check:before {
    content: "\F0AB1"
}

.mdi-email-check-outline:before {
    content: "\F0AB2"
}

.mdi-email-edit:before {
    content: "\F0EE3"
}

.mdi-email-edit-outline:before {
    content: "\F0EE4"
}

.mdi-email-lock:before {
    content: "\F01F1"
}

.mdi-email-mark-as-unread:before {
    content: "\F0B92"
}

.mdi-email-minus:before {
    content: "\F0EE5"
}

.mdi-email-minus-outline:before {
    content: "\F0EE6"
}

.mdi-email-multiple:before {
    content: "\F0EE7"
}

.mdi-email-multiple-outline:before {
    content: "\F0EE8"
}

.mdi-email-newsletter:before {
    content: "\F0FB1"
}

.mdi-email-off:before {
    content: "\F13E3"
}

.mdi-email-off-outline:before {
    content: "\F13E4"
}

.mdi-email-open:before {
    content: "\F01EF"
}

.mdi-email-open-multiple:before {
    content: "\F0EE9"
}

.mdi-email-open-multiple-outline:before {
    content: "\F0EEA"
}

.mdi-email-open-outline:before {
    content: "\F05EF"
}

.mdi-email-outline:before {
    content: "\F01F0"
}

.mdi-email-plus:before {
    content: "\F09EB"
}

.mdi-email-plus-outline:before {
    content: "\F09EC"
}

.mdi-email-receive:before {
    content: "\F10DA"
}

.mdi-email-receive-outline:before {
    content: "\F10DB"
}

.mdi-email-remove:before {
    content: "\F1661"
}

.mdi-email-remove-outline:before {
    content: "\F1662"
}

.mdi-email-search:before {
    content: "\F0961"
}

.mdi-email-search-outline:before {
    content: "\F0962"
}

.mdi-email-send:before {
    content: "\F10DC"
}

.mdi-email-send-outline:before {
    content: "\F10DD"
}

.mdi-email-sync:before {
    content: "\F12C7"
}

.mdi-email-sync-outline:before {
    content: "\F12C8"
}

.mdi-email-variant:before {
    content: "\F05F0"
}

.mdi-ember:before {
    content: "\F0B30"
}

.mdi-emby:before {
    content: "\F06B4"
}

.mdi-emoticon:before {
    content: "\F0C68"
}

.mdi-emoticon-angry:before {
    content: "\F0C69"
}

.mdi-emoticon-angry-outline:before {
    content: "\F0C6A"
}

.mdi-emoticon-confused:before {
    content: "\F10DE"
}

.mdi-emoticon-confused-outline:before {
    content: "\F10DF"
}

.mdi-emoticon-cool:before {
    content: "\F0C6B"
}

.mdi-emoticon-cool-outline:before {
    content: "\F01F3"
}

.mdi-emoticon-cry:before {
    content: "\F0C6C"
}

.mdi-emoticon-cry-outline:before {
    content: "\F0C6D"
}

.mdi-emoticon-dead:before {
    content: "\F0C6E"
}

.mdi-emoticon-dead-outline:before {
    content: "\F069B"
}

.mdi-emoticon-devil:before {
    content: "\F0C6F"
}

.mdi-emoticon-devil-outline:before {
    content: "\F01F4"
}

.mdi-emoticon-excited:before {
    content: "\F0C70"
}

.mdi-emoticon-excited-outline:before {
    content: "\F069C"
}

.mdi-emoticon-frown:before {
    content: "\F0F4C"
}

.mdi-emoticon-frown-outline:before {
    content: "\F0F4D"
}

.mdi-emoticon-happy:before {
    content: "\F0C71"
}

.mdi-emoticon-happy-outline:before {
    content: "\F01F5"
}

.mdi-emoticon-kiss:before {
    content: "\F0C72"
}

.mdi-emoticon-kiss-outline:before {
    content: "\F0C73"
}

.mdi-emoticon-lol:before {
    content: "\F1214"
}

.mdi-emoticon-lol-outline:before {
    content: "\F1215"
}

.mdi-emoticon-neutral:before {
    content: "\F0C74"
}

.mdi-emoticon-neutral-outline:before {
    content: "\F01F6"
}

.mdi-emoticon-outline:before {
    content: "\F01F2"
}

.mdi-emoticon-poop:before {
    content: "\F01F7"
}

.mdi-emoticon-poop-outline:before {
    content: "\F0C75"
}

.mdi-emoticon-sad:before {
    content: "\F0C76"
}

.mdi-emoticon-sad-outline:before {
    content: "\F01F8"
}

.mdi-emoticon-sick:before {
    content: "\F157C"
}

.mdi-emoticon-sick-outline:before {
    content: "\F157D"
}

.mdi-emoticon-tongue:before {
    content: "\F01F9"
}

.mdi-emoticon-tongue-outline:before {
    content: "\F0C77"
}

.mdi-emoticon-wink:before {
    content: "\F0C78"
}

.mdi-emoticon-wink-outline:before {
    content: "\F0C79"
}

.mdi-engine:before {
    content: "\F01FA"
}

.mdi-engine-off:before {
    content: "\F0A46"
}

.mdi-engine-off-outline:before {
    content: "\F0A47"
}

.mdi-engine-outline:before {
    content: "\F01FB"
}

.mdi-epsilon:before {
    content: "\F10E0"
}

.mdi-equal:before {
    content: "\F01FC"
}

.mdi-equal-box:before {
    content: "\F01FD"
}

.mdi-equalizer:before {
    content: "\F0EA2"
}

.mdi-equalizer-outline:before {
    content: "\F0EA3"
}

.mdi-eraser:before {
    content: "\F01FE"
}

.mdi-eraser-variant:before {
    content: "\F0642"
}

.mdi-escalator:before {
    content: "\F01FF"
}

.mdi-escalator-box:before {
    content: "\F1399"
}

.mdi-escalator-down:before {
    content: "\F12C0"
}

.mdi-escalator-up:before {
    content: "\F12BF"
}

.mdi-eslint:before {
    content: "\F0C7A"
}

.mdi-et:before {
    content: "\F0AB3"
}

.mdi-ethereum:before {
    content: "\F086A"
}

.mdi-ethernet:before {
    content: "\F0200"
}

.mdi-ethernet-cable:before {
    content: "\F0201"
}

.mdi-ethernet-cable-off:before {
    content: "\F0202"
}

.mdi-ev-plug-ccs1:before {
    content: "\F1519"
}

.mdi-ev-plug-ccs2:before {
    content: "\F151A"
}

.mdi-ev-plug-chademo:before {
    content: "\F151B"
}

.mdi-ev-plug-tesla:before {
    content: "\F151C"
}

.mdi-ev-plug-type1:before {
    content: "\F151D"
}

.mdi-ev-plug-type2:before {
    content: "\F151E"
}

.mdi-ev-station:before {
    content: "\F05F1"
}

.mdi-evernote:before {
    content: "\F0204"
}

.mdi-excavator:before {
    content: "\F1025"
}

.mdi-exclamation:before {
    content: "\F0205"
}

.mdi-exclamation-thick:before {
    content: "\F1238"
}

.mdi-exit-run:before {
    content: "\F0A48"
}

.mdi-exit-to-app:before {
    content: "\F0206"
}

.mdi-expand-all:before {
    content: "\F0AB4"
}

.mdi-expand-all-outline:before {
    content: "\F0AB5"
}

.mdi-expansion-card:before {
    content: "\F08AE"
}

.mdi-expansion-card-variant:before {
    content: "\F0FB2"
}

.mdi-exponent:before {
    content: "\F0963"
}

.mdi-exponent-box:before {
    content: "\F0964"
}

.mdi-export:before {
    content: "\F0207"
}

.mdi-export-variant:before {
    content: "\F0B93"
}

.mdi-eye:before {
    content: "\F0208"
}

.mdi-eye-check:before {
    content: "\F0D04"
}

.mdi-eye-check-outline:before {
    content: "\F0D05"
}

.mdi-eye-circle:before {
    content: "\F0B94"
}

.mdi-eye-circle-outline:before {
    content: "\F0B95"
}

.mdi-eye-minus:before {
    content: "\F1026"
}

.mdi-eye-minus-outline:before {
    content: "\F1027"
}

.mdi-eye-off:before {
    content: "\F0209"
}

.mdi-eye-off-outline:before {
    content: "\F06D1"
}

.mdi-eye-outline:before {
    content: "\F06D0"
}

.mdi-eye-plus:before {
    content: "\F086B"
}

.mdi-eye-plus-outline:before {
    content: "\F086C"
}

.mdi-eye-remove:before {
    content: "\F15E3"
}

.mdi-eye-remove-outline:before {
    content: "\F15E4"
}

.mdi-eye-settings:before {
    content: "\F086D"
}

.mdi-eye-settings-outline:before {
    content: "\F086E"
}

.mdi-eyedropper:before {
    content: "\F020A"
}

.mdi-eyedropper-minus:before {
    content: "\F13DD"
}

.mdi-eyedropper-off:before {
    content: "\F13DF"
}

.mdi-eyedropper-plus:before {
    content: "\F13DC"
}

.mdi-eyedropper-remove:before {
    content: "\F13DE"
}

.mdi-eyedropper-variant:before {
    content: "\F020B"
}

.mdi-face:before {
    content: "\F0643"
}

.mdi-face-agent:before {
    content: "\F0D70"
}

.mdi-face-mask:before {
    content: "\F1586"
}

.mdi-face-mask-outline:before {
    content: "\F1587"
}

.mdi-face-outline:before {
    content: "\F0B96"
}

.mdi-face-profile:before {
    content: "\F0644"
}

.mdi-face-profile-woman:before {
    content: "\F1076"
}

.mdi-face-recognition:before {
    content: "\F0C7B"
}

.mdi-face-shimmer:before {
    content: "\F15CC"
}

.mdi-face-shimmer-outline:before {
    content: "\F15CD"
}

.mdi-face-woman:before {
    content: "\F1077"
}

.mdi-face-woman-outline:before {
    content: "\F1078"
}

.mdi-face-woman-shimmer:before {
    content: "\F15CE"
}

.mdi-face-woman-shimmer-outline:before {
    content: "\F15CF"
}

.mdi-facebook:before {
    content: "\F020C"
}

.mdi-facebook-gaming:before {
    content: "\F07DD"
}

.mdi-facebook-messenger:before {
    content: "\F020E"
}

.mdi-facebook-workplace:before {
    content: "\F0B31"
}

.mdi-factory:before {
    content: "\F020F"
}

.mdi-family-tree:before {
    content: "\F160E"
}

.mdi-fan:before {
    content: "\F0210"
}

.mdi-fan-alert:before {
    content: "\F146C"
}

.mdi-fan-chevron-down:before {
    content: "\F146D"
}

.mdi-fan-chevron-up:before {
    content: "\F146E"
}

.mdi-fan-minus:before {
    content: "\F1470"
}

.mdi-fan-off:before {
    content: "\F081D"
}

.mdi-fan-plus:before {
    content: "\F146F"
}

.mdi-fan-remove:before {
    content: "\F1471"
}

.mdi-fan-speed-1:before {
    content: "\F1472"
}

.mdi-fan-speed-2:before {
    content: "\F1473"
}

.mdi-fan-speed-3:before {
    content: "\F1474"
}

.mdi-fast-forward:before {
    content: "\F0211"
}

.mdi-fast-forward-10:before {
    content: "\F0D71"
}

.mdi-fast-forward-30:before {
    content: "\F0D06"
}

.mdi-fast-forward-5:before {
    content: "\F11F8"
}

.mdi-fast-forward-60:before {
    content: "\F160B"
}

.mdi-fast-forward-outline:before {
    content: "\F06D2"
}

.mdi-fax:before {
    content: "\F0212"
}

.mdi-feather:before {
    content: "\F06D3"
}

.mdi-feature-search:before {
    content: "\F0A49"
}

.mdi-feature-search-outline:before {
    content: "\F0A4A"
}

.mdi-fedora:before {
    content: "\F08DB"
}

.mdi-fencing:before {
    content: "\F14C1"
}

.mdi-ferris-wheel:before {
    content: "\F0EA4"
}

.mdi-ferry:before {
    content: "\F0213"
}

.mdi-file:before {
    content: "\F0214"
}

.mdi-file-account:before {
    content: "\F073B"
}

.mdi-file-account-outline:before {
    content: "\F1028"
}

.mdi-file-alert:before {
    content: "\F0A4B"
}

.mdi-file-alert-outline:before {
    content: "\F0A4C"
}

.mdi-file-cabinet:before {
    content: "\F0AB6"
}

.mdi-file-cad:before {
    content: "\F0EEB"
}

.mdi-file-cad-box:before {
    content: "\F0EEC"
}

.mdi-file-cancel:before {
    content: "\F0DC6"
}

.mdi-file-cancel-outline:before {
    content: "\F0DC7"
}

.mdi-file-certificate:before {
    content: "\F1186"
}

.mdi-file-certificate-outline:before {
    content: "\F1187"
}

.mdi-file-chart:before {
    content: "\F0215"
}

.mdi-file-chart-outline:before {
    content: "\F1029"
}

.mdi-file-check:before {
    content: "\F0216"
}

.mdi-file-check-outline:before {
    content: "\F0E29"
}

.mdi-file-clock:before {
    content: "\F12E1"
}

.mdi-file-clock-outline:before {
    content: "\F12E2"
}

.mdi-file-cloud:before {
    content: "\F0217"
}

.mdi-file-cloud-outline:before {
    content: "\F102A"
}

.mdi-file-code:before {
    content: "\F022E"
}

.mdi-file-code-outline:before {
    content: "\F102B"
}

.mdi-file-cog:before {
    content: "\F107B"
}

.mdi-file-cog-outline:before {
    content: "\F107C"
}

.mdi-file-compare:before {
    content: "\F08AA"
}

.mdi-file-delimited:before {
    content: "\F0218"
}

.mdi-file-delimited-outline:before {
    content: "\F0EA5"
}

.mdi-file-document:before {
    content: "\F0219"
}

.mdi-file-document-edit:before {
    content: "\F0DC8"
}

.mdi-file-document-edit-outline:before {
    content: "\F0DC9"
}

.mdi-file-document-multiple:before {
    content: "\F1517"
}

.mdi-file-document-multiple-outline:before {
    content: "\F1518"
}

.mdi-file-document-outline:before {
    content: "\F09EE"
}

.mdi-file-download:before {
    content: "\F0965"
}

.mdi-file-download-outline:before {
    content: "\F0966"
}

.mdi-file-edit:before {
    content: "\F11E7"
}

.mdi-file-edit-outline:before {
    content: "\F11E8"
}

.mdi-file-excel:before {
    content: "\F021B"
}

.mdi-file-excel-box:before {
    content: "\F021C"
}

.mdi-file-excel-box-outline:before {
    content: "\F102C"
}

.mdi-file-excel-outline:before {
    content: "\F102D"
}

.mdi-file-export:before {
    content: "\F021D"
}

.mdi-file-export-outline:before {
    content: "\F102E"
}

.mdi-file-eye:before {
    content: "\F0DCA"
}

.mdi-file-eye-outline:before {
    content: "\F0DCB"
}

.mdi-file-find:before {
    content: "\F021E"
}

.mdi-file-find-outline:before {
    content: "\F0B97"
}

.mdi-file-hidden:before {
    content: "\F0613"
}

.mdi-file-image:before {
    content: "\F021F"
}

.mdi-file-image-outline:before {
    content: "\F0EB0"
}

.mdi-file-import:before {
    content: "\F0220"
}

.mdi-file-import-outline:before {
    content: "\F102F"
}

.mdi-file-key:before {
    content: "\F1184"
}

.mdi-file-key-outline:before {
    content: "\F1185"
}

.mdi-file-link:before {
    content: "\F1177"
}

.mdi-file-link-outline:before {
    content: "\F1178"
}

.mdi-file-lock:before {
    content: "\F0221"
}

.mdi-file-lock-outline:before {
    content: "\F1030"
}

.mdi-file-move:before {
    content: "\F0AB9"
}

.mdi-file-move-outline:before {
    content: "\F1031"
}

.mdi-file-multiple:before {
    content: "\F0222"
}

.mdi-file-multiple-outline:before {
    content: "\F1032"
}

.mdi-file-music:before {
    content: "\F0223"
}

.mdi-file-music-outline:before {
    content: "\F0E2A"
}

.mdi-file-outline:before {
    content: "\F0224"
}

.mdi-file-pdf:before {
    content: "\F0225"
}

.mdi-file-pdf-box:before {
    content: "\F0226"
}

.mdi-file-pdf-box-outline:before {
    content: "\F0FB3"
}

.mdi-file-pdf-outline:before {
    content: "\F0E2D"
}

.mdi-file-percent:before {
    content: "\F081E"
}

.mdi-file-percent-outline:before {
    content: "\F1033"
}

.mdi-file-phone:before {
    content: "\F1179"
}

.mdi-file-phone-outline:before {
    content: "\F117A"
}

.mdi-file-plus:before {
    content: "\F0752"
}

.mdi-file-plus-outline:before {
    content: "\F0EED"
}

.mdi-file-powerpoint:before {
    content: "\F0227"
}

.mdi-file-powerpoint-box:before {
    content: "\F0228"
}

.mdi-file-powerpoint-box-outline:before {
    content: "\F1034"
}

.mdi-file-powerpoint-outline:before {
    content: "\F1035"
}

.mdi-file-presentation-box:before {
    content: "\F0229"
}

.mdi-file-question:before {
    content: "\F086F"
}

.mdi-file-question-outline:before {
    content: "\F1036"
}

.mdi-file-refresh:before {
    content: "\F0918"
}

.mdi-file-refresh-outline:before {
    content: "\F0541"
}

.mdi-file-remove:before {
    content: "\F0B98"
}

.mdi-file-remove-outline:before {
    content: "\F1037"
}

.mdi-file-replace:before {
    content: "\F0B32"
}

.mdi-file-replace-outline:before {
    content: "\F0B33"
}

.mdi-file-restore:before {
    content: "\F0670"
}

.mdi-file-restore-outline:before {
    content: "\F1038"
}

.mdi-file-search:before {
    content: "\F0C7C"
}

.mdi-file-search-outline:before {
    content: "\F0C7D"
}

.mdi-file-send:before {
    content: "\F022A"
}

.mdi-file-send-outline:before {
    content: "\F1039"
}

.mdi-file-settings:before {
    content: "\F1079"
}

.mdi-file-settings-outline:before {
    content: "\F107A"
}

.mdi-file-star:before {
    content: "\F103A"
}

.mdi-file-star-outline:before {
    content: "\F103B"
}

.mdi-file-swap:before {
    content: "\F0FB4"
}

.mdi-file-swap-outline:before {
    content: "\F0FB5"
}

.mdi-file-sync:before {
    content: "\F1216"
}

.mdi-file-sync-outline:before {
    content: "\F1217"
}

.mdi-file-table:before {
    content: "\F0C7E"
}

.mdi-file-table-box:before {
    content: "\F10E1"
}

.mdi-file-table-box-multiple:before {
    content: "\F10E2"
}

.mdi-file-table-box-multiple-outline:before {
    content: "\F10E3"
}

.mdi-file-table-box-outline:before {
    content: "\F10E4"
}

.mdi-file-table-outline:before {
    content: "\F0C7F"
}

.mdi-file-tree:before {
    content: "\F0645"
}

.mdi-file-tree-outline:before {
    content: "\F13D2"
}

.mdi-file-undo:before {
    content: "\F08DC"
}

.mdi-file-undo-outline:before {
    content: "\F103C"
}

.mdi-file-upload:before {
    content: "\F0A4D"
}

.mdi-file-upload-outline:before {
    content: "\F0A4E"
}

.mdi-file-video:before {
    content: "\F022B"
}

.mdi-file-video-outline:before {
    content: "\F0E2C"
}

.mdi-file-word:before {
    content: "\F022C"
}

.mdi-file-word-box:before {
    content: "\F022D"
}

.mdi-file-word-box-outline:before {
    content: "\F103D"
}

.mdi-file-word-outline:before {
    content: "\F103E"
}

.mdi-film:before {
    content: "\F022F"
}

.mdi-filmstrip:before {
    content: "\F0230"
}

.mdi-filmstrip-box:before {
    content: "\F0332"
}

.mdi-filmstrip-box-multiple:before {
    content: "\F0D18"
}

.mdi-filmstrip-off:before {
    content: "\F0231"
}

.mdi-filter:before {
    content: "\F0232"
}

.mdi-filter-menu:before {
    content: "\F10E5"
}

.mdi-filter-menu-outline:before {
    content: "\F10E6"
}

.mdi-filter-minus:before {
    content: "\F0EEE"
}

.mdi-filter-minus-outline:before {
    content: "\F0EEF"
}

.mdi-filter-off:before {
    content: "\F14EF"
}

.mdi-filter-off-outline:before {
    content: "\F14F0"
}

.mdi-filter-outline:before {
    content: "\F0233"
}

.mdi-filter-plus:before {
    content: "\F0EF0"
}

.mdi-filter-plus-outline:before {
    content: "\F0EF1"
}

.mdi-filter-remove:before {
    content: "\F0234"
}

.mdi-filter-remove-outline:before {
    content: "\F0235"
}

.mdi-filter-variant:before {
    content: "\F0236"
}

.mdi-filter-variant-minus:before {
    content: "\F1112"
}

.mdi-filter-variant-plus:before {
    content: "\F1113"
}

.mdi-filter-variant-remove:before {
    content: "\F103F"
}

.mdi-finance:before {
    content: "\F081F"
}

.mdi-find-replace:before {
    content: "\F06D4"
}

.mdi-fingerprint:before {
    content: "\F0237"
}

.mdi-fingerprint-off:before {
    content: "\F0EB1"
}

.mdi-fire:before {
    content: "\F0238"
}

.mdi-fire-alert:before {
    content: "\F15D7"
}

.mdi-fire-extinguisher:before {
    content: "\F0EF2"
}

.mdi-fire-hydrant:before {
    content: "\F1137"
}

.mdi-fire-hydrant-alert:before {
    content: "\F1138"
}

.mdi-fire-hydrant-off:before {
    content: "\F1139"
}

.mdi-fire-truck:before {
    content: "\F08AB"
}

.mdi-firebase:before {
    content: "\F0967"
}

.mdi-firefox:before {
    content: "\F0239"
}

.mdi-fireplace:before {
    content: "\F0E2E"
}

.mdi-fireplace-off:before {
    content: "\F0E2F"
}

.mdi-firework:before {
    content: "\F0E30"
}

.mdi-fish:before {
    content: "\F023A"
}

.mdi-fish-off:before {
    content: "\F13F3"
}

.mdi-fishbowl:before {
    content: "\F0EF3"
}

.mdi-fishbowl-outline:before {
    content: "\F0EF4"
}

.mdi-fit-to-page:before {
    content: "\F0EF5"
}

.mdi-fit-to-page-outline:before {
    content: "\F0EF6"
}

.mdi-flag:before {
    content: "\F023B"
}

.mdi-flag-checkered:before {
    content: "\F023C"
}

.mdi-flag-minus:before {
    content: "\F0B99"
}

.mdi-flag-minus-outline:before {
    content: "\F10B2"
}

.mdi-flag-outline:before {
    content: "\F023D"
}

.mdi-flag-plus:before {
    content: "\F0B9A"
}

.mdi-flag-plus-outline:before {
    content: "\F10B3"
}

.mdi-flag-remove:before {
    content: "\F0B9B"
}

.mdi-flag-remove-outline:before {
    content: "\F10B4"
}

.mdi-flag-triangle:before {
    content: "\F023F"
}

.mdi-flag-variant:before {
    content: "\F0240"
}

.mdi-flag-variant-outline:before {
    content: "\F023E"
}

.mdi-flare:before {
    content: "\F0D72"
}

.mdi-flash:before {
    content: "\F0241"
}

.mdi-flash-alert:before {
    content: "\F0EF7"
}

.mdi-flash-alert-outline:before {
    content: "\F0EF8"
}

.mdi-flash-auto:before {
    content: "\F0242"
}

.mdi-flash-circle:before {
    content: "\F0820"
}

.mdi-flash-off:before {
    content: "\F0243"
}

.mdi-flash-outline:before {
    content: "\F06D5"
}

.mdi-flash-red-eye:before {
    content: "\F067B"
}

.mdi-flashlight:before {
    content: "\F0244"
}

.mdi-flashlight-off:before {
    content: "\F0245"
}

.mdi-flask:before {
    content: "\F0093"
}

.mdi-flask-empty:before {
    content: "\F0094"
}

.mdi-flask-empty-minus:before {
    content: "\F123A"
}

.mdi-flask-empty-minus-outline:before {
    content: "\F123B"
}

.mdi-flask-empty-off:before {
    content: "\F13F4"
}

.mdi-flask-empty-off-outline:before {
    content: "\F13F5"
}

.mdi-flask-empty-outline:before {
    content: "\F0095"
}

.mdi-flask-empty-plus:before {
    content: "\F123C"
}

.mdi-flask-empty-plus-outline:before {
    content: "\F123D"
}

.mdi-flask-empty-remove:before {
    content: "\F123E"
}

.mdi-flask-empty-remove-outline:before {
    content: "\F123F"
}

.mdi-flask-minus:before {
    content: "\F1240"
}

.mdi-flask-minus-outline:before {
    content: "\F1241"
}

.mdi-flask-off:before {
    content: "\F13F6"
}

.mdi-flask-off-outline:before {
    content: "\F13F7"
}

.mdi-flask-outline:before {
    content: "\F0096"
}

.mdi-flask-plus:before {
    content: "\F1242"
}

.mdi-flask-plus-outline:before {
    content: "\F1243"
}

.mdi-flask-remove:before {
    content: "\F1244"
}

.mdi-flask-remove-outline:before {
    content: "\F1245"
}

.mdi-flask-round-bottom:before {
    content: "\F124B"
}

.mdi-flask-round-bottom-empty:before {
    content: "\F124C"
}

.mdi-flask-round-bottom-empty-outline:before {
    content: "\F124D"
}

.mdi-flask-round-bottom-outline:before {
    content: "\F124E"
}

.mdi-fleur-de-lis:before {
    content: "\F1303"
}

.mdi-flip-horizontal:before {
    content: "\F10E7"
}

.mdi-flip-to-back:before {
    content: "\F0247"
}

.mdi-flip-to-front:before {
    content: "\F0248"
}

.mdi-flip-vertical:before {
    content: "\F10E8"
}

.mdi-floor-lamp:before {
    content: "\F08DD"
}

.mdi-floor-lamp-dual:before {
    content: "\F1040"
}

.mdi-floor-lamp-variant:before {
    content: "\F1041"
}

.mdi-floor-plan:before {
    content: "\F0821"
}

.mdi-floppy:before {
    content: "\F0249"
}

.mdi-floppy-variant:before {
    content: "\F09EF"
}

.mdi-flower:before {
    content: "\F024A"
}

.mdi-flower-outline:before {
    content: "\F09F0"
}

.mdi-flower-poppy:before {
    content: "\F0D08"
}

.mdi-flower-tulip:before {
    content: "\F09F1"
}

.mdi-flower-tulip-outline:before {
    content: "\F09F2"
}

.mdi-focus-auto:before {
    content: "\F0F4E"
}

.mdi-focus-field:before {
    content: "\F0F4F"
}

.mdi-focus-field-horizontal:before {
    content: "\F0F50"
}

.mdi-focus-field-vertical:before {
    content: "\F0F51"
}

.mdi-folder:before {
    content: "\F024B"
}

.mdi-folder-account:before {
    content: "\F024C"
}

.mdi-folder-account-outline:before {
    content: "\F0B9C"
}

.mdi-folder-alert:before {
    content: "\F0DCC"
}

.mdi-folder-alert-outline:before {
    content: "\F0DCD"
}

.mdi-folder-clock:before {
    content: "\F0ABA"
}

.mdi-folder-clock-outline:before {
    content: "\F0ABB"
}

.mdi-folder-cog:before {
    content: "\F107F"
}

.mdi-folder-cog-outline:before {
    content: "\F1080"
}

.mdi-folder-download:before {
    content: "\F024D"
}

.mdi-folder-download-outline:before {
    content: "\F10E9"
}

.mdi-folder-edit:before {
    content: "\F08DE"
}

.mdi-folder-edit-outline:before {
    content: "\F0DCE"
}

.mdi-folder-google-drive:before {
    content: "\F024E"
}

.mdi-folder-heart:before {
    content: "\F10EA"
}

.mdi-folder-heart-outline:before {
    content: "\F10EB"
}

.mdi-folder-home:before {
    content: "\F10B5"
}

.mdi-folder-home-outline:before {
    content: "\F10B6"
}

.mdi-folder-image:before {
    content: "\F024F"
}

.mdi-folder-information:before {
    content: "\F10B7"
}

.mdi-folder-information-outline:before {
    content: "\F10B8"
}

.mdi-folder-key:before {
    content: "\F08AC"
}

.mdi-folder-key-network:before {
    content: "\F08AD"
}

.mdi-folder-key-network-outline:before {
    content: "\F0C80"
}

.mdi-folder-key-outline:before {
    content: "\F10EC"
}

.mdi-folder-lock:before {
    content: "\F0250"
}

.mdi-folder-lock-open:before {
    content: "\F0251"
}

.mdi-folder-marker:before {
    content: "\F126D"
}

.mdi-folder-marker-outline:before {
    content: "\F126E"
}

.mdi-folder-move:before {
    content: "\F0252"
}

.mdi-folder-move-outline:before {
    content: "\F1246"
}

.mdi-folder-multiple:before {
    content: "\F0253"
}

.mdi-folder-multiple-image:before {
    content: "\F0254"
}

.mdi-folder-multiple-outline:before {
    content: "\F0255"
}

.mdi-folder-multiple-plus:before {
    content: "\F147E"
}

.mdi-folder-multiple-plus-outline:before {
    content: "\F147F"
}

.mdi-folder-music:before {
    content: "\F1359"
}

.mdi-folder-music-outline:before {
    content: "\F135A"
}

.mdi-folder-network:before {
    content: "\F0870"
}

.mdi-folder-network-outline:before {
    content: "\F0C81"
}

.mdi-folder-open:before {
    content: "\F0770"
}

.mdi-folder-open-outline:before {
    content: "\F0DCF"
}

.mdi-folder-outline:before {
    content: "\F0256"
}

.mdi-folder-plus:before {
    content: "\F0257"
}

.mdi-folder-plus-outline:before {
    content: "\F0B9D"
}

.mdi-folder-pound:before {
    content: "\F0D09"
}

.mdi-folder-pound-outline:before {
    content: "\F0D0A"
}

.mdi-folder-refresh:before {
    content: "\F0749"
}

.mdi-folder-refresh-outline:before {
    content: "\F0542"
}

.mdi-folder-remove:before {
    content: "\F0258"
}

.mdi-folder-remove-outline:before {
    content: "\F0B9E"
}

.mdi-folder-search:before {
    content: "\F0968"
}

.mdi-folder-search-outline:before {
    content: "\F0969"
}

.mdi-folder-settings:before {
    content: "\F107D"
}

.mdi-folder-settings-outline:before {
    content: "\F107E"
}

.mdi-folder-star:before {
    content: "\F069D"
}

.mdi-folder-star-multiple:before {
    content: "\F13D3"
}

.mdi-folder-star-multiple-outline:before {
    content: "\F13D4"
}

.mdi-folder-star-outline:before {
    content: "\F0B9F"
}

.mdi-folder-swap:before {
    content: "\F0FB6"
}

.mdi-folder-swap-outline:before {
    content: "\F0FB7"
}

.mdi-folder-sync:before {
    content: "\F0D0B"
}

.mdi-folder-sync-outline:before {
    content: "\F0D0C"
}

.mdi-folder-table:before {
    content: "\F12E3"
}

.mdi-folder-table-outline:before {
    content: "\F12E4"
}

.mdi-folder-text:before {
    content: "\F0C82"
}

.mdi-folder-text-outline:before {
    content: "\F0C83"
}

.mdi-folder-upload:before {
    content: "\F0259"
}

.mdi-folder-upload-outline:before {
    content: "\F10ED"
}

.mdi-folder-zip:before {
    content: "\F06EB"
}

.mdi-folder-zip-outline:before {
    content: "\F07B9"
}

.mdi-font-awesome:before {
    content: "\F003A"
}

.mdi-food:before {
    content: "\F025A"
}

.mdi-food-apple:before {
    content: "\F025B"
}

.mdi-food-apple-outline:before {
    content: "\F0C84"
}

.mdi-food-croissant:before {
    content: "\F07C8"
}

.mdi-food-drumstick:before {
    content: "\F141F"
}

.mdi-food-drumstick-off:before {
    content: "\F1468"
}

.mdi-food-drumstick-off-outline:before {
    content: "\F1469"
}

.mdi-food-drumstick-outline:before {
    content: "\F1420"
}

.mdi-food-fork-drink:before {
    content: "\F05F2"
}

.mdi-food-halal:before {
    content: "\F1572"
}

.mdi-food-kosher:before {
    content: "\F1573"
}

.mdi-food-off:before {
    content: "\F05F3"
}

.mdi-food-steak:before {
    content: "\F146A"
}

.mdi-food-steak-off:before {
    content: "\F146B"
}

.mdi-food-variant:before {
    content: "\F025C"
}

.mdi-food-variant-off:before {
    content: "\F13E5"
}

.mdi-foot-print:before {
    content: "\F0F52"
}

.mdi-football:before {
    content: "\F025D"
}

.mdi-football-australian:before {
    content: "\F025E"
}

.mdi-football-helmet:before {
    content: "\F025F"
}

.mdi-forklift:before {
    content: "\F07C9"
}

.mdi-form-dropdown:before {
    content: "\F1400"
}

.mdi-form-select:before {
    content: "\F1401"
}

.mdi-form-textarea:before {
    content: "\F1095"
}

.mdi-form-textbox:before {
    content: "\F060E"
}

.mdi-form-textbox-lock:before {
    content: "\F135D"
}

.mdi-form-textbox-password:before {
    content: "\F07F5"
}

.mdi-format-align-bottom:before {
    content: "\F0753"
}

.mdi-format-align-center:before {
    content: "\F0260"
}

.mdi-format-align-justify:before {
    content: "\F0261"
}

.mdi-format-align-left:before {
    content: "\F0262"
}

.mdi-format-align-middle:before {
    content: "\F0754"
}

.mdi-format-align-right:before {
    content: "\F0263"
}

.mdi-format-align-top:before {
    content: "\F0755"
}

.mdi-format-annotation-minus:before {
    content: "\F0ABC"
}

.mdi-format-annotation-plus:before {
    content: "\F0646"
}

.mdi-format-bold:before {
    content: "\F0264"
}

.mdi-format-clear:before {
    content: "\F0265"
}

.mdi-format-color-fill:before {
    content: "\F0266"
}

.mdi-format-color-highlight:before {
    content: "\F0E31"
}

.mdi-format-color-marker-cancel:before {
    content: "\F1313"
}

.mdi-format-color-text:before {
    content: "\F069E"
}

.mdi-format-columns:before {
    content: "\F08DF"
}

.mdi-format-float-center:before {
    content: "\F0267"
}

.mdi-format-float-left:before {
    content: "\F0268"
}

.mdi-format-float-none:before {
    content: "\F0269"
}

.mdi-format-float-right:before {
    content: "\F026A"
}

.mdi-format-font:before {
    content: "\F06D6"
}

.mdi-format-font-size-decrease:before {
    content: "\F09F3"
}

.mdi-format-font-size-increase:before {
    content: "\F09F4"
}

.mdi-format-header-1:before {
    content: "\F026B"
}

.mdi-format-header-2:before {
    content: "\F026C"
}

.mdi-format-header-3:before {
    content: "\F026D"
}

.mdi-format-header-4:before {
    content: "\F026E"
}

.mdi-format-header-5:before {
    content: "\F026F"
}

.mdi-format-header-6:before {
    content: "\F0270"
}

.mdi-format-header-decrease:before {
    content: "\F0271"
}

.mdi-format-header-equal:before {
    content: "\F0272"
}

.mdi-format-header-increase:before {
    content: "\F0273"
}

.mdi-format-header-pound:before {
    content: "\F0274"
}

.mdi-format-horizontal-align-center:before {
    content: "\F061E"
}

.mdi-format-horizontal-align-left:before {
    content: "\F061F"
}

.mdi-format-horizontal-align-right:before {
    content: "\F0620"
}

.mdi-format-indent-decrease:before {
    content: "\F0275"
}

.mdi-format-indent-increase:before {
    content: "\F0276"
}

.mdi-format-italic:before {
    content: "\F0277"
}

.mdi-format-letter-case:before {
    content: "\F0B34"
}

.mdi-format-letter-case-lower:before {
    content: "\F0B35"
}

.mdi-format-letter-case-upper:before {
    content: "\F0B36"
}

.mdi-format-letter-ends-with:before {
    content: "\F0FB8"
}

.mdi-format-letter-matches:before {
    content: "\F0FB9"
}

.mdi-format-letter-starts-with:before {
    content: "\F0FBA"
}

.mdi-format-line-spacing:before {
    content: "\F0278"
}

.mdi-format-line-style:before {
    content: "\F05C8"
}

.mdi-format-line-weight:before {
    content: "\F05C9"
}

.mdi-format-list-bulleted:before {
    content: "\F0279"
}

.mdi-format-list-bulleted-square:before {
    content: "\F0DD0"
}

.mdi-format-list-bulleted-triangle:before {
    content: "\F0EB2"
}

.mdi-format-list-bulleted-type:before {
    content: "\F027A"
}

.mdi-format-list-checkbox:before {
    content: "\F096A"
}

.mdi-format-list-checks:before {
    content: "\F0756"
}

.mdi-format-list-numbered:before {
    content: "\F027B"
}

.mdi-format-list-numbered-rtl:before {
    content: "\F0D0D"
}

.mdi-format-list-text:before {
    content: "\F126F"
}

.mdi-format-overline:before {
    content: "\F0EB3"
}

.mdi-format-page-break:before {
    content: "\F06D7"
}

.mdi-format-paint:before {
    content: "\F027C"
}

.mdi-format-paragraph:before {
    content: "\F027D"
}

.mdi-format-pilcrow:before {
    content: "\F06D8"
}

.mdi-format-quote-close:before {
    content: "\F027E"
}

.mdi-format-quote-close-outline:before {
    content: "\F11A8"
}

.mdi-format-quote-open:before {
    content: "\F0757"
}

.mdi-format-quote-open-outline:before {
    content: "\F11A7"
}

.mdi-format-rotate-90:before {
    content: "\F06AA"
}

.mdi-format-section:before {
    content: "\F069F"
}

.mdi-format-size:before {
    content: "\F027F"
}

.mdi-format-strikethrough:before {
    content: "\F0280"
}

.mdi-format-strikethrough-variant:before {
    content: "\F0281"
}

.mdi-format-subscript:before {
    content: "\F0282"
}

.mdi-format-superscript:before {
    content: "\F0283"
}

.mdi-format-text:before {
    content: "\F0284"
}

.mdi-format-text-rotation-angle-down:before {
    content: "\F0FBB"
}

.mdi-format-text-rotation-angle-up:before {
    content: "\F0FBC"
}

.mdi-format-text-rotation-down:before {
    content: "\F0D73"
}

.mdi-format-text-rotation-down-vertical:before {
    content: "\F0FBD"
}

.mdi-format-text-rotation-none:before {
    content: "\F0D74"
}

.mdi-format-text-rotation-up:before {
    content: "\F0FBE"
}

.mdi-format-text-rotation-vertical:before {
    content: "\F0FBF"
}

.mdi-format-text-variant:before {
    content: "\F0E32"
}

.mdi-format-text-variant-outline:before {
    content: "\F150F"
}

.mdi-format-text-wrapping-clip:before {
    content: "\F0D0E"
}

.mdi-format-text-wrapping-overflow:before {
    content: "\F0D0F"
}

.mdi-format-text-wrapping-wrap:before {
    content: "\F0D10"
}

.mdi-format-textbox:before {
    content: "\F0D11"
}

.mdi-format-textdirection-l-to-r:before {
    content: "\F0285"
}

.mdi-format-textdirection-r-to-l:before {
    content: "\F0286"
}

.mdi-format-title:before {
    content: "\F05F4"
}

.mdi-format-underline:before {
    content: "\F0287"
}

.mdi-format-vertical-align-bottom:before {
    content: "\F0621"
}

.mdi-format-vertical-align-center:before {
    content: "\F0622"
}

.mdi-format-vertical-align-top:before {
    content: "\F0623"
}

.mdi-format-wrap-inline:before {
    content: "\F0288"
}

.mdi-format-wrap-square:before {
    content: "\F0289"
}

.mdi-format-wrap-tight:before {
    content: "\F028A"
}

.mdi-format-wrap-top-bottom:before {
    content: "\F028B"
}

.mdi-forum:before {
    content: "\F028C"
}

.mdi-forum-outline:before {
    content: "\F0822"
}

.mdi-forward:before {
    content: "\F028D"
}

.mdi-forwardburger:before {
    content: "\F0D75"
}

.mdi-fountain:before {
    content: "\F096B"
}

.mdi-fountain-pen:before {
    content: "\F0D12"
}

.mdi-fountain-pen-tip:before {
    content: "\F0D13"
}

.mdi-freebsd:before {
    content: "\F08E0"
}

.mdi-frequently-asked-questions:before {
    content: "\F0EB4"
}

.mdi-fridge:before {
    content: "\F0290"
}

.mdi-fridge-alert:before {
    content: "\F11B1"
}

.mdi-fridge-alert-outline:before {
    content: "\F11B2"
}

.mdi-fridge-bottom:before {
    content: "\F0292"
}

.mdi-fridge-industrial:before {
    content: "\F15EE"
}

.mdi-fridge-industrial-alert:before {
    content: "\F15EF"
}

.mdi-fridge-industrial-alert-outline:before {
    content: "\F15F0"
}

.mdi-fridge-industrial-off:before {
    content: "\F15F1"
}

.mdi-fridge-industrial-off-outline:before {
    content: "\F15F2"
}

.mdi-fridge-industrial-outline:before {
    content: "\F15F3"
}

.mdi-fridge-off:before {
    content: "\F11AF"
}

.mdi-fridge-off-outline:before {
    content: "\F11B0"
}

.mdi-fridge-outline:before {
    content: "\F028F"
}

.mdi-fridge-top:before {
    content: "\F0291"
}

.mdi-fridge-variant:before {
    content: "\F15F4"
}

.mdi-fridge-variant-alert:before {
    content: "\F15F5"
}

.mdi-fridge-variant-alert-outline:before {
    content: "\F15F6"
}

.mdi-fridge-variant-off:before {
    content: "\F15F7"
}

.mdi-fridge-variant-off-outline:before {
    content: "\F15F8"
}

.mdi-fridge-variant-outline:before {
    content: "\F15F9"
}

.mdi-fruit-cherries:before {
    content: "\F1042"
}

.mdi-fruit-cherries-off:before {
    content: "\F13F8"
}

.mdi-fruit-citrus:before {
    content: "\F1043"
}

.mdi-fruit-citrus-off:before {
    content: "\F13F9"
}

.mdi-fruit-grapes:before {
    content: "\F1044"
}

.mdi-fruit-grapes-outline:before {
    content: "\F1045"
}

.mdi-fruit-pineapple:before {
    content: "\F1046"
}

.mdi-fruit-watermelon:before {
    content: "\F1047"
}

.mdi-fuel:before {
    content: "\F07CA"
}

.mdi-fullscreen:before {
    content: "\F0293"
}

.mdi-fullscreen-exit:before {
    content: "\F0294"
}

.mdi-function:before {
    content: "\F0295"
}

.mdi-function-variant:before {
    content: "\F0871"
}

.mdi-furigana-horizontal:before {
    content: "\F1081"
}

.mdi-furigana-vertical:before {
    content: "\F1082"
}

.mdi-fuse:before {
    content: "\F0C85"
}

.mdi-fuse-alert:before {
    content: "\F142D"
}

.mdi-fuse-blade:before {
    content: "\F0C86"
}

.mdi-fuse-off:before {
    content: "\F142C"
}

.mdi-gamepad:before {
    content: "\F0296"
}

.mdi-gamepad-circle:before {
    content: "\F0E33"
}

.mdi-gamepad-circle-down:before {
    content: "\F0E34"
}

.mdi-gamepad-circle-left:before {
    content: "\F0E35"
}

.mdi-gamepad-circle-outline:before {
    content: "\F0E36"
}

.mdi-gamepad-circle-right:before {
    content: "\F0E37"
}

.mdi-gamepad-circle-up:before {
    content: "\F0E38"
}

.mdi-gamepad-down:before {
    content: "\F0E39"
}

.mdi-gamepad-left:before {
    content: "\F0E3A"
}

.mdi-gamepad-right:before {
    content: "\F0E3B"
}

.mdi-gamepad-round:before {
    content: "\F0E3C"
}

.mdi-gamepad-round-down:before {
    content: "\F0E3D"
}

.mdi-gamepad-round-left:before {
    content: "\F0E3E"
}

.mdi-gamepad-round-outline:before {
    content: "\F0E3F"
}

.mdi-gamepad-round-right:before {
    content: "\F0E40"
}

.mdi-gamepad-round-up:before {
    content: "\F0E41"
}

.mdi-gamepad-square:before {
    content: "\F0EB5"
}

.mdi-gamepad-square-outline:before {
    content: "\F0EB6"
}

.mdi-gamepad-up:before {
    content: "\F0E42"
}

.mdi-gamepad-variant:before {
    content: "\F0297"
}

.mdi-gamepad-variant-outline:before {
    content: "\F0EB7"
}

.mdi-gamma:before {
    content: "\F10EE"
}

.mdi-gantry-crane:before {
    content: "\F0DD1"
}

.mdi-garage:before {
    content: "\F06D9"
}

.mdi-garage-alert:before {
    content: "\F0872"
}

.mdi-garage-alert-variant:before {
    content: "\F12D5"
}

.mdi-garage-open:before {
    content: "\F06DA"
}

.mdi-garage-open-variant:before {
    content: "\F12D4"
}

.mdi-garage-variant:before {
    content: "\F12D3"
}

.mdi-gas-cylinder:before {
    content: "\F0647"
}

.mdi-gas-station:before {
    content: "\F0298"
}

.mdi-gas-station-off:before {
    content: "\F1409"
}

.mdi-gas-station-off-outline:before {
    content: "\F140A"
}

.mdi-gas-station-outline:before {
    content: "\F0EB8"
}

.mdi-gate:before {
    content: "\F0299"
}

.mdi-gate-and:before {
    content: "\F08E1"
}

.mdi-gate-arrow-right:before {
    content: "\F1169"
}

.mdi-gate-nand:before {
    content: "\F08E2"
}

.mdi-gate-nor:before {
    content: "\F08E3"
}

.mdi-gate-not:before {
    content: "\F08E4"
}

.mdi-gate-open:before {
    content: "\F116A"
}

.mdi-gate-or:before {
    content: "\F08E5"
}

.mdi-gate-xnor:before {
    content: "\F08E6"
}

.mdi-gate-xor:before {
    content: "\F08E7"
}

.mdi-gatsby:before {
    content: "\F0E43"
}

.mdi-gauge:before {
    content: "\F029A"
}

.mdi-gauge-empty:before {
    content: "\F0873"
}

.mdi-gauge-full:before {
    content: "\F0874"
}

.mdi-gauge-low:before {
    content: "\F0875"
}

.mdi-gavel:before {
    content: "\F029B"
}

.mdi-gender-female:before {
    content: "\F029C"
}

.mdi-gender-male:before {
    content: "\F029D"
}

.mdi-gender-male-female:before {
    content: "\F029E"
}

.mdi-gender-male-female-variant:before {
    content: "\F113F"
}

.mdi-gender-non-binary:before {
    content: "\F1140"
}

.mdi-gender-transgender:before {
    content: "\F029F"
}

.mdi-gentoo:before {
    content: "\F08E8"
}

.mdi-gesture:before {
    content: "\F07CB"
}

.mdi-gesture-double-tap:before {
    content: "\F073C"
}

.mdi-gesture-pinch:before {
    content: "\F0ABD"
}

.mdi-gesture-spread:before {
    content: "\F0ABE"
}

.mdi-gesture-swipe:before {
    content: "\F0D76"
}

.mdi-gesture-swipe-down:before {
    content: "\F073D"
}

.mdi-gesture-swipe-horizontal:before {
    content: "\F0ABF"
}

.mdi-gesture-swipe-left:before {
    content: "\F073E"
}

.mdi-gesture-swipe-right:before {
    content: "\F073F"
}

.mdi-gesture-swipe-up:before {
    content: "\F0740"
}

.mdi-gesture-swipe-vertical:before {
    content: "\F0AC0"
}

.mdi-gesture-tap:before {
    content: "\F0741"
}

.mdi-gesture-tap-box:before {
    content: "\F12A9"
}

.mdi-gesture-tap-button:before {
    content: "\F12A8"
}

.mdi-gesture-tap-hold:before {
    content: "\F0D77"
}

.mdi-gesture-two-double-tap:before {
    content: "\F0742"
}

.mdi-gesture-two-tap:before {
    content: "\F0743"
}

.mdi-ghost:before {
    content: "\F02A0"
}

.mdi-ghost-off:before {
    content: "\F09F5"
}

.mdi-ghost-off-outline:before {
    content: "\F165C"
}

.mdi-ghost-outline:before {
    content: "\F165D"
}

.mdi-gif:before {
    content: "\F0D78"
}

.mdi-gift:before {
    content: "\F0E44"
}

.mdi-gift-outline:before {
    content: "\F02A1"
}

.mdi-git:before {
    content: "\F02A2"
}

.mdi-github:before {
    content: "\F02A4"
}

.mdi-gitlab:before {
    content: "\F0BA0"
}

.mdi-glass-cocktail:before {
    content: "\F0356"
}

.mdi-glass-cocktail-off:before {
    content: "\F15E6"
}

.mdi-glass-flute:before {
    content: "\F02A5"
}

.mdi-glass-mug:before {
    content: "\F02A6"
}

.mdi-glass-mug-off:before {
    content: "\F15E7"
}

.mdi-glass-mug-variant:before {
    content: "\F1116"
}

.mdi-glass-mug-variant-off:before {
    content: "\F15E8"
}

.mdi-glass-pint-outline:before {
    content: "\F130D"
}

.mdi-glass-stange:before {
    content: "\F02A7"
}

.mdi-glass-tulip:before {
    content: "\F02A8"
}

.mdi-glass-wine:before {
    content: "\F0876"
}

.mdi-glasses:before {
    content: "\F02AA"
}

.mdi-globe-light:before {
    content: "\F12D7"
}

.mdi-globe-model:before {
    content: "\F08E9"
}

.mdi-gmail:before {
    content: "\F02AB"
}

.mdi-gnome:before {
    content: "\F02AC"
}

.mdi-go-kart:before {
    content: "\F0D79"
}

.mdi-go-kart-track:before {
    content: "\F0D7A"
}

.mdi-gog:before {
    content: "\F0BA1"
}

.mdi-gold:before {
    content: "\F124F"
}

.mdi-golf:before {
    content: "\F0823"
}

.mdi-golf-cart:before {
    content: "\F11A4"
}

.mdi-golf-tee:before {
    content: "\F1083"
}

.mdi-gondola:before {
    content: "\F0686"
}

.mdi-goodreads:before {
    content: "\F0D7B"
}

.mdi-google:before {
    content: "\F02AD"
}

.mdi-google-ads:before {
    content: "\F0C87"
}

.mdi-google-analytics:before {
    content: "\F07CC"
}

.mdi-google-assistant:before {
    content: "\F07CD"
}

.mdi-google-cardboard:before {
    content: "\F02AE"
}

.mdi-google-chrome:before {
    content: "\F02AF"
}

.mdi-google-circles:before {
    content: "\F02B0"
}

.mdi-google-circles-communities:before {
    content: "\F02B1"
}

.mdi-google-circles-extended:before {
    content: "\F02B2"
}

.mdi-google-circles-group:before {
    content: "\F02B3"
}

.mdi-google-classroom:before {
    content: "\F02C0"
}

.mdi-google-cloud:before {
    content: "\F11F6"
}

.mdi-google-controller:before {
    content: "\F02B4"
}

.mdi-google-controller-off:before {
    content: "\F02B5"
}

.mdi-google-downasaur:before {
    content: "\F1362"
}

.mdi-google-drive:before {
    content: "\F02B6"
}

.mdi-google-earth:before {
    content: "\F02B7"
}

.mdi-google-fit:before {
    content: "\F096C"
}

.mdi-google-glass:before {
    content: "\F02B8"
}

.mdi-google-hangouts:before {
    content: "\F02C9"
}

.mdi-google-home:before {
    content: "\F0824"
}

.mdi-google-keep:before {
    content: "\F06DC"
}

.mdi-google-lens:before {
    content: "\F09F6"
}

.mdi-google-maps:before {
    content: "\F05F5"
}

.mdi-google-my-business:before {
    content: "\F1048"
}

.mdi-google-nearby:before {
    content: "\F02B9"
}

.mdi-google-photos:before {
    content: "\F06DD"
}

.mdi-google-play:before {
    content: "\F02BC"
}

.mdi-google-plus:before {
    content: "\F02BD"
}

.mdi-google-podcast:before {
    content: "\F0EB9"
}

.mdi-google-spreadsheet:before {
    content: "\F09F7"
}

.mdi-google-street-view:before {
    content: "\F0C88"
}

.mdi-google-translate:before {
    content: "\F02BF"
}

.mdi-gradient:before {
    content: "\F06A0"
}

.mdi-grain:before {
    content: "\F0D7C"
}

.mdi-graph:before {
    content: "\F1049"
}

.mdi-graph-outline:before {
    content: "\F104A"
}

.mdi-graphql:before {
    content: "\F0877"
}

.mdi-grass:before {
    content: "\F1510"
}

.mdi-grave-stone:before {
    content: "\F0BA2"
}

.mdi-grease-pencil:before {
    content: "\F0648"
}

.mdi-greater-than:before {
    content: "\F096D"
}

.mdi-greater-than-or-equal:before {
    content: "\F096E"
}

.mdi-grid:before {
    content: "\F02C1"
}

.mdi-grid-large:before {
    content: "\F0758"
}

.mdi-grid-off:before {
    content: "\F02C2"
}

.mdi-grill:before {
    content: "\F0E45"
}

.mdi-grill-outline:before {
    content: "\F118A"
}

.mdi-group:before {
    content: "\F02C3"
}

.mdi-guitar-acoustic:before {
    content: "\F0771"
}

.mdi-guitar-electric:before {
    content: "\F02C4"
}

.mdi-guitar-pick:before {
    content: "\F02C5"
}

.mdi-guitar-pick-outline:before {
    content: "\F02C6"
}

.mdi-guy-fawkes-mask:before {
    content: "\F0825"
}

.mdi-hail:before {
    content: "\F0AC1"
}

.mdi-hair-dryer:before {
    content: "\F10EF"
}

.mdi-hair-dryer-outline:before {
    content: "\F10F0"
}

.mdi-halloween:before {
    content: "\F0BA3"
}

.mdi-hamburger:before {
    content: "\F0685"
}

.mdi-hammer:before {
    content: "\F08EA"
}

.mdi-hammer-screwdriver:before {
    content: "\F1322"
}

.mdi-hammer-wrench:before {
    content: "\F1323"
}

.mdi-hand:before {
    content: "\F0A4F"
}

.mdi-hand-heart:before {
    content: "\F10F1"
}

.mdi-hand-heart-outline:before {
    content: "\F157E"
}

.mdi-hand-left:before {
    content: "\F0E46"
}

.mdi-hand-okay:before {
    content: "\F0A50"
}

.mdi-hand-peace:before {
    content: "\F0A51"
}

.mdi-hand-peace-variant:before {
    content: "\F0A52"
}

.mdi-hand-pointing-down:before {
    content: "\F0A53"
}

.mdi-hand-pointing-left:before {
    content: "\F0A54"
}

.mdi-hand-pointing-right:before {
    content: "\F02C7"
}

.mdi-hand-pointing-up:before {
    content: "\F0A55"
}

.mdi-hand-right:before {
    content: "\F0E47"
}

.mdi-hand-saw:before {
    content: "\F0E48"
}

.mdi-hand-wash:before {
    content: "\F157F"
}

.mdi-hand-wash-outline:before {
    content: "\F1580"
}

.mdi-hand-water:before {
    content: "\F139F"
}

.mdi-handball:before {
    content: "\F0F53"
}

.mdi-handcuffs:before {
    content: "\F113E"
}

.mdi-handshake:before {
    content: "\F1218"
}

.mdi-handshake-outline:before {
    content: "\F15A1"
}

.mdi-hanger:before {
    content: "\F02C8"
}

.mdi-hard-hat:before {
    content: "\F096F"
}

.mdi-harddisk:before {
    content: "\F02CA"
}

.mdi-harddisk-plus:before {
    content: "\F104B"
}

.mdi-harddisk-remove:before {
    content: "\F104C"
}

.mdi-hat-fedora:before {
    content: "\F0BA4"
}

.mdi-hazard-lights:before {
    content: "\F0C89"
}

.mdi-hdr:before {
    content: "\F0D7D"
}

.mdi-hdr-off:before {
    content: "\F0D7E"
}

.mdi-head:before {
    content: "\F135E"
}

.mdi-head-alert:before {
    content: "\F1338"
}

.mdi-head-alert-outline:before {
    content: "\F1339"
}

.mdi-head-check:before {
    content: "\F133A"
}

.mdi-head-check-outline:before {
    content: "\F133B"
}

.mdi-head-cog:before {
    content: "\F133C"
}

.mdi-head-cog-outline:before {
    content: "\F133D"
}

.mdi-head-dots-horizontal:before {
    content: "\F133E"
}

.mdi-head-dots-horizontal-outline:before {
    content: "\F133F"
}

.mdi-head-flash:before {
    content: "\F1340"
}

.mdi-head-flash-outline:before {
    content: "\F1341"
}

.mdi-head-heart:before {
    content: "\F1342"
}

.mdi-head-heart-outline:before {
    content: "\F1343"
}

.mdi-head-lightbulb:before {
    content: "\F1344"
}

.mdi-head-lightbulb-outline:before {
    content: "\F1345"
}

.mdi-head-minus:before {
    content: "\F1346"
}

.mdi-head-minus-outline:before {
    content: "\F1347"
}

.mdi-head-outline:before {
    content: "\F135F"
}

.mdi-head-plus:before {
    content: "\F1348"
}

.mdi-head-plus-outline:before {
    content: "\F1349"
}

.mdi-head-question:before {
    content: "\F134A"
}

.mdi-head-question-outline:before {
    content: "\F134B"
}

.mdi-head-remove:before {
    content: "\F134C"
}

.mdi-head-remove-outline:before {
    content: "\F134D"
}

.mdi-head-snowflake:before {
    content: "\F134E"
}

.mdi-head-snowflake-outline:before {
    content: "\F134F"
}

.mdi-head-sync:before {
    content: "\F1350"
}

.mdi-head-sync-outline:before {
    content: "\F1351"
}

.mdi-headphones:before {
    content: "\F02CB"
}

.mdi-headphones-bluetooth:before {
    content: "\F0970"
}

.mdi-headphones-box:before {
    content: "\F02CC"
}

.mdi-headphones-off:before {
    content: "\F07CE"
}

.mdi-headphones-settings:before {
    content: "\F02CD"
}

.mdi-headset:before {
    content: "\F02CE"
}

.mdi-headset-dock:before {
    content: "\F02CF"
}

.mdi-headset-off:before {
    content: "\F02D0"
}

.mdi-heart:before {
    content: "\F02D1"
}

.mdi-heart-box:before {
    content: "\F02D2"
}

.mdi-heart-box-outline:before {
    content: "\F02D3"
}

.mdi-heart-broken:before {
    content: "\F02D4"
}

.mdi-heart-broken-outline:before {
    content: "\F0D14"
}

.mdi-heart-circle:before {
    content: "\F0971"
}

.mdi-heart-circle-outline:before {
    content: "\F0972"
}

.mdi-heart-cog:before {
    content: "\F1663"
}

.mdi-heart-cog-outline:before {
    content: "\F1664"
}

.mdi-heart-flash:before {
    content: "\F0EF9"
}

.mdi-heart-half:before {
    content: "\F06DF"
}

.mdi-heart-half-full:before {
    content: "\F06DE"
}

.mdi-heart-half-outline:before {
    content: "\F06E0"
}

.mdi-heart-minus:before {
    content: "\F142F"
}

.mdi-heart-minus-outline:before {
    content: "\F1432"
}

.mdi-heart-multiple:before {
    content: "\F0A56"
}

.mdi-heart-multiple-outline:before {
    content: "\F0A57"
}

.mdi-heart-off:before {
    content: "\F0759"
}

.mdi-heart-off-outline:before {
    content: "\F1434"
}

.mdi-heart-outline:before {
    content: "\F02D5"
}

.mdi-heart-plus:before {
    content: "\F142E"
}

.mdi-heart-plus-outline:before {
    content: "\F1431"
}

.mdi-heart-pulse:before {
    content: "\F05F6"
}

.mdi-heart-remove:before {
    content: "\F1430"
}

.mdi-heart-remove-outline:before {
    content: "\F1433"
}

.mdi-heart-settings:before {
    content: "\F1665"
}

.mdi-heart-settings-outline:before {
    content: "\F1666"
}

.mdi-helicopter:before {
    content: "\F0AC2"
}

.mdi-help:before {
    content: "\F02D6"
}

.mdi-help-box:before {
    content: "\F078B"
}

.mdi-help-circle:before {
    content: "\F02D7"
}

.mdi-help-circle-outline:before {
    content: "\F0625"
}

.mdi-help-network:before {
    content: "\F06F5"
}

.mdi-help-network-outline:before {
    content: "\F0C8A"
}

.mdi-help-rhombus:before {
    content: "\F0BA5"
}

.mdi-help-rhombus-outline:before {
    content: "\F0BA6"
}

.mdi-hexadecimal:before {
    content: "\F12A7"
}

.mdi-hexagon:before {
    content: "\F02D8"
}

.mdi-hexagon-multiple:before {
    content: "\F06E1"
}

.mdi-hexagon-multiple-outline:before {
    content: "\F10F2"
}

.mdi-hexagon-outline:before {
    content: "\F02D9"
}

.mdi-hexagon-slice-1:before {
    content: "\F0AC3"
}

.mdi-hexagon-slice-2:before {
    content: "\F0AC4"
}

.mdi-hexagon-slice-3:before {
    content: "\F0AC5"
}

.mdi-hexagon-slice-4:before {
    content: "\F0AC6"
}

.mdi-hexagon-slice-5:before {
    content: "\F0AC7"
}

.mdi-hexagon-slice-6:before {
    content: "\F0AC8"
}

.mdi-hexagram:before {
    content: "\F0AC9"
}

.mdi-hexagram-outline:before {
    content: "\F0ACA"
}

.mdi-high-definition:before {
    content: "\F07CF"
}

.mdi-high-definition-box:before {
    content: "\F0878"
}

.mdi-highway:before {
    content: "\F05F7"
}

.mdi-hiking:before {
    content: "\F0D7F"
}

.mdi-hinduism:before {
    content: "\F0973"
}

.mdi-history:before {
    content: "\F02DA"
}

.mdi-hockey-puck:before {
    content: "\F0879"
}

.mdi-hockey-sticks:before {
    content: "\F087A"
}

.mdi-hololens:before {
    content: "\F02DB"
}

.mdi-home:before {
    content: "\F02DC"
}

.mdi-home-account:before {
    content: "\F0826"
}

.mdi-home-alert:before {
    content: "\F087B"
}

.mdi-home-alert-outline:before {
    content: "\F15D0"
}

.mdi-home-analytics:before {
    content: "\F0EBA"
}

.mdi-home-assistant:before {
    content: "\F07D0"
}

.mdi-home-automation:before {
    content: "\F07D1"
}

.mdi-home-circle:before {
    content: "\F07D2"
}

.mdi-home-circle-outline:before {
    content: "\F104D"
}

.mdi-home-city:before {
    content: "\F0D15"
}

.mdi-home-city-outline:before {
    content: "\F0D16"
}

.mdi-home-currency-usd:before {
    content: "\F08AF"
}

.mdi-home-edit:before {
    content: "\F1159"
}

.mdi-home-edit-outline:before {
    content: "\F115A"
}

.mdi-home-export-outline:before {
    content: "\F0F9B"
}

.mdi-home-flood:before {
    content: "\F0EFA"
}

.mdi-home-floor-0:before {
    content: "\F0DD2"
}

.mdi-home-floor-1:before {
    content: "\F0D80"
}

.mdi-home-floor-2:before {
    content: "\F0D81"
}

.mdi-home-floor-3:before {
    content: "\F0D82"
}

.mdi-home-floor-a:before {
    content: "\F0D83"
}

.mdi-home-floor-b:before {
    content: "\F0D84"
}

.mdi-home-floor-g:before {
    content: "\F0D85"
}

.mdi-home-floor-l:before {
    content: "\F0D86"
}

.mdi-home-floor-negative-1:before {
    content: "\F0DD3"
}

.mdi-home-group:before {
    content: "\F0DD4"
}

.mdi-home-heart:before {
    content: "\F0827"
}

.mdi-home-import-outline:before {
    content: "\F0F9C"
}

.mdi-home-lightbulb:before {
    content: "\F1251"
}

.mdi-home-lightbulb-outline:before {
    content: "\F1252"
}

.mdi-home-lock:before {
    content: "\F08EB"
}

.mdi-home-lock-open:before {
    content: "\F08EC"
}

.mdi-home-map-marker:before {
    content: "\F05F8"
}

.mdi-home-minus:before {
    content: "\F0974"
}

.mdi-home-minus-outline:before {
    content: "\F13D5"
}

.mdi-home-modern:before {
    content: "\F02DD"
}

.mdi-home-outline:before {
    content: "\F06A1"
}

.mdi-home-plus:before {
    content: "\F0975"
}

.mdi-home-plus-outline:before {
    content: "\F13D6"
}

.mdi-home-remove:before {
    content: "\F1247"
}

.mdi-home-remove-outline:before {
    content: "\F13D7"
}

.mdi-home-roof:before {
    content: "\F112B"
}

.mdi-home-search:before {
    content: "\F13B0"
}

.mdi-home-search-outline:before {
    content: "\F13B1"
}

.mdi-home-thermometer:before {
    content: "\F0F54"
}

.mdi-home-thermometer-outline:before {
    content: "\F0F55"
}

.mdi-home-variant:before {
    content: "\F02DE"
}

.mdi-home-variant-outline:before {
    content: "\F0BA7"
}

.mdi-hook:before {
    content: "\F06E2"
}

.mdi-hook-off:before {
    content: "\F06E3"
}

.mdi-hops:before {
    content: "\F02DF"
}

.mdi-horizontal-rotate-clockwise:before {
    content: "\F10F3"
}

.mdi-horizontal-rotate-counterclockwise:before {
    content: "\F10F4"
}

.mdi-horse:before {
    content: "\F15BF"
}

.mdi-horse-human:before {
    content: "\F15C0"
}

.mdi-horse-variant:before {
    content: "\F15C1"
}

.mdi-horseshoe:before {
    content: "\F0A58"
}

.mdi-hospital:before {
    content: "\F0FF6"
}

.mdi-hospital-box:before {
    content: "\F02E0"
}

.mdi-hospital-box-outline:before {
    content: "\F0FF7"
}

.mdi-hospital-building:before {
    content: "\F02E1"
}

.mdi-hospital-marker:before {
    content: "\F02E2"
}

.mdi-hot-tub:before {
    content: "\F0828"
}

.mdi-hours-24:before {
    content: "\F1478"
}

.mdi-hubspot:before {
    content: "\F0D17"
}

.mdi-hulu:before {
    content: "\F0829"
}

.mdi-human:before {
    content: "\F02E6"
}

.mdi-human-baby-changing-table:before {
    content: "\F138B"
}

.mdi-human-cane:before {
    content: "\F1581"
}

.mdi-human-capacity-decrease:before {
    content: "\F159B"
}

.mdi-human-capacity-increase:before {
    content: "\F159C"
}

.mdi-human-child:before {
    content: "\F02E7"
}

.mdi-human-edit:before {
    content: "\F14E8"
}

.mdi-human-female:before {
    content: "\F0649"
}

.mdi-human-female-boy:before {
    content: "\F0A59"
}

.mdi-human-female-dance:before {
    content: "\F15C9"
}

.mdi-human-female-female:before {
    content: "\F0A5A"
}

.mdi-human-female-girl:before {
    content: "\F0A5B"
}

.mdi-human-greeting:before {
    content: "\F064A"
}

.mdi-human-greeting-proximity:before {
    content: "\F159D"
}

.mdi-human-handsdown:before {
    content: "\F064B"
}

.mdi-human-handsup:before {
    content: "\F064C"
}

.mdi-human-male:before {
    content: "\F064D"
}

.mdi-human-male-boy:before {
    content: "\F0A5C"
}

.mdi-human-male-child:before {
    content: "\F138C"
}

.mdi-human-male-female:before {
    content: "\F02E8"
}

.mdi-human-male-girl:before {
    content: "\F0A5D"
}

.mdi-human-male-height:before {
    content: "\F0EFB"
}

.mdi-human-male-height-variant:before {
    content: "\F0EFC"
}

.mdi-human-male-male:before {
    content: "\F0A5E"
}

.mdi-human-pregnant:before {
    content: "\F05CF"
}

.mdi-human-queue:before {
    content: "\F1571"
}

.mdi-human-scooter:before {
    content: "\F11E9"
}

.mdi-human-wheelchair:before {
    content: "\F138D"
}

.mdi-humble-bundle:before {
    content: "\F0744"
}

.mdi-hvac:before {
    content: "\F1352"
}

.mdi-hvac-off:before {
    content: "\F159E"
}

.mdi-hydraulic-oil-level:before {
    content: "\F1324"
}

.mdi-hydraulic-oil-temperature:before {
    content: "\F1325"
}

.mdi-hydro-power:before {
    content: "\F12E5"
}

.mdi-ice-cream:before {
    content: "\F082A"
}

.mdi-ice-cream-off:before {
    content: "\F0E52"
}

.mdi-ice-pop:before {
    content: "\F0EFD"
}

.mdi-id-card:before {
    content: "\F0FC0"
}

.mdi-identifier:before {
    content: "\F0EFE"
}

.mdi-ideogram-cjk:before {
    content: "\F1331"
}

.mdi-ideogram-cjk-variant:before {
    content: "\F1332"
}

.mdi-iframe:before {
    content: "\F0C8B"
}

.mdi-iframe-array:before {
    content: "\F10F5"
}

.mdi-iframe-array-outline:before {
    content: "\F10F6"
}

.mdi-iframe-braces:before {
    content: "\F10F7"
}

.mdi-iframe-braces-outline:before {
    content: "\F10F8"
}

.mdi-iframe-outline:before {
    content: "\F0C8C"
}

.mdi-iframe-parentheses:before {
    content: "\F10F9"
}

.mdi-iframe-parentheses-outline:before {
    content: "\F10FA"
}

.mdi-iframe-variable:before {
    content: "\F10FB"
}

.mdi-iframe-variable-outline:before {
    content: "\F10FC"
}

.mdi-image:before {
    content: "\F02E9"
}

.mdi-image-album:before {
    content: "\F02EA"
}

.mdi-image-area:before {
    content: "\F02EB"
}

.mdi-image-area-close:before {
    content: "\F02EC"
}

.mdi-image-auto-adjust:before {
    content: "\F0FC1"
}

.mdi-image-broken:before {
    content: "\F02ED"
}

.mdi-image-broken-variant:before {
    content: "\F02EE"
}

.mdi-image-edit:before {
    content: "\F11E3"
}

.mdi-image-edit-outline:before {
    content: "\F11E4"
}

.mdi-image-filter-black-white:before {
    content: "\F02F0"
}

.mdi-image-filter-center-focus:before {
    content: "\F02F1"
}

.mdi-image-filter-center-focus-strong:before {
    content: "\F0EFF"
}

.mdi-image-filter-center-focus-strong-outline:before {
    content: "\F0F00"
}

.mdi-image-filter-center-focus-weak:before {
    content: "\F02F2"
}

.mdi-image-filter-drama:before {
    content: "\F02F3"
}

.mdi-image-filter-frames:before {
    content: "\F02F4"
}

.mdi-image-filter-hdr:before {
    content: "\F02F5"
}

.mdi-image-filter-none:before {
    content: "\F02F6"
}

.mdi-image-filter-tilt-shift:before {
    content: "\F02F7"
}

.mdi-image-filter-vintage:before {
    content: "\F02F8"
}

.mdi-image-frame:before {
    content: "\F0E49"
}

.mdi-image-minus:before {
    content: "\F1419"
}

.mdi-image-move:before {
    content: "\F09F8"
}

.mdi-image-multiple:before {
    content: "\F02F9"
}

.mdi-image-multiple-outline:before {
    content: "\F02EF"
}

.mdi-image-off:before {
    content: "\F082B"
}

.mdi-image-off-outline:before {
    content: "\F11D1"
}

.mdi-image-outline:before {
    content: "\F0976"
}

.mdi-image-plus:before {
    content: "\F087C"
}

.mdi-image-remove:before {
    content: "\F1418"
}

.mdi-image-search:before {
    content: "\F0977"
}

.mdi-image-search-outline:before {
    content: "\F0978"
}

.mdi-image-size-select-actual:before {
    content: "\F0C8D"
}

.mdi-image-size-select-large:before {
    content: "\F0C8E"
}

.mdi-image-size-select-small:before {
    content: "\F0C8F"
}

.mdi-image-text:before {
    content: "\F160D"
}

.mdi-import:before {
    content: "\F02FA"
}

.mdi-inbox:before {
    content: "\F0687"
}

.mdi-inbox-arrow-down:before {
    content: "\F02FB"
}

.mdi-inbox-arrow-down-outline:before {
    content: "\F1270"
}

.mdi-inbox-arrow-up:before {
    content: "\F03D1"
}

.mdi-inbox-arrow-up-outline:before {
    content: "\F1271"
}

.mdi-inbox-full:before {
    content: "\F1272"
}

.mdi-inbox-full-outline:before {
    content: "\F1273"
}

.mdi-inbox-multiple:before {
    content: "\F08B0"
}

.mdi-inbox-multiple-outline:before {
    content: "\F0BA8"
}

.mdi-inbox-outline:before {
    content: "\F1274"
}

.mdi-inbox-remove:before {
    content: "\F159F"
}

.mdi-inbox-remove-outline:before {
    content: "\F15A0"
}

.mdi-incognito:before {
    content: "\F05F9"
}

.mdi-incognito-circle:before {
    content: "\F1421"
}

.mdi-incognito-circle-off:before {
    content: "\F1422"
}

.mdi-incognito-off:before {
    content: "\F0075"
}

.mdi-infinity:before {
    content: "\F06E4"
}

.mdi-information:before {
    content: "\F02FC"
}

.mdi-information-outline:before {
    content: "\F02FD"
}

.mdi-information-variant:before {
    content: "\F064E"
}

.mdi-instagram:before {
    content: "\F02FE"
}

.mdi-instrument-triangle:before {
    content: "\F104E"
}

.mdi-invert-colors:before {
    content: "\F0301"
}

.mdi-invert-colors-off:before {
    content: "\F0E4A"
}

.mdi-iobroker:before {
    content: "\F12E8"
}

.mdi-ip:before {
    content: "\F0A5F"
}

.mdi-ip-network:before {
    content: "\F0A60"
}

.mdi-ip-network-outline:before {
    content: "\F0C90"
}

.mdi-ipod:before {
    content: "\F0C91"
}

.mdi-islam:before {
    content: "\F0979"
}

.mdi-island:before {
    content: "\F104F"
}

.mdi-iv-bag:before {
    content: "\F10B9"
}

.mdi-jabber:before {
    content: "\F0DD5"
}

.mdi-jeepney:before {
    content: "\F0302"
}

.mdi-jellyfish:before {
    content: "\F0F01"
}

.mdi-jellyfish-outline:before {
    content: "\F0F02"
}

.mdi-jira:before {
    content: "\F0303"
}

.mdi-jquery:before {
    content: "\F087D"
}

.mdi-jsfiddle:before {
    content: "\F0304"
}

.mdi-judaism:before {
    content: "\F097A"
}

.mdi-jump-rope:before {
    content: "\F12FF"
}

.mdi-kabaddi:before {
    content: "\F0D87"
}

.mdi-kangaroo:before {
    content: "\F1558"
}

.mdi-karate:before {
    content: "\F082C"
}

.mdi-keg:before {
    content: "\F0305"
}

.mdi-kettle:before {
    content: "\F05FA"
}

.mdi-kettle-alert:before {
    content: "\F1317"
}

.mdi-kettle-alert-outline:before {
    content: "\F1318"
}

.mdi-kettle-off:before {
    content: "\F131B"
}

.mdi-kettle-off-outline:before {
    content: "\F131C"
}

.mdi-kettle-outline:before {
    content: "\F0F56"
}

.mdi-kettle-steam:before {
    content: "\F1319"
}

.mdi-kettle-steam-outline:before {
    content: "\F131A"
}

.mdi-kettlebell:before {
    content: "\F1300"
}

.mdi-key:before {
    content: "\F0306"
}

.mdi-key-arrow-right:before {
    content: "\F1312"
}

.mdi-key-chain:before {
    content: "\F1574"
}

.mdi-key-chain-variant:before {
    content: "\F1575"
}

.mdi-key-change:before {
    content: "\F0307"
}

.mdi-key-link:before {
    content: "\F119F"
}

.mdi-key-minus:before {
    content: "\F0308"
}

.mdi-key-outline:before {
    content: "\F0DD6"
}

.mdi-key-plus:before {
    content: "\F0309"
}

.mdi-key-remove:before {
    content: "\F030A"
}

.mdi-key-star:before {
    content: "\F119E"
}

.mdi-key-variant:before {
    content: "\F030B"
}

.mdi-key-wireless:before {
    content: "\F0FC2"
}

.mdi-keyboard:before {
    content: "\F030C"
}

.mdi-keyboard-backspace:before {
    content: "\F030D"
}

.mdi-keyboard-caps:before {
    content: "\F030E"
}

.mdi-keyboard-close:before {
    content: "\F030F"
}

.mdi-keyboard-esc:before {
    content: "\F12B7"
}

.mdi-keyboard-f1:before {
    content: "\F12AB"
}

.mdi-keyboard-f10:before {
    content: "\F12B4"
}

.mdi-keyboard-f11:before {
    content: "\F12B5"
}

.mdi-keyboard-f12:before {
    content: "\F12B6"
}

.mdi-keyboard-f2:before {
    content: "\F12AC"
}

.mdi-keyboard-f3:before {
    content: "\F12AD"
}

.mdi-keyboard-f4:before {
    content: "\F12AE"
}

.mdi-keyboard-f5:before {
    content: "\F12AF"
}

.mdi-keyboard-f6:before {
    content: "\F12B0"
}

.mdi-keyboard-f7:before {
    content: "\F12B1"
}

.mdi-keyboard-f8:before {
    content: "\F12B2"
}

.mdi-keyboard-f9:before {
    content: "\F12B3"
}

.mdi-keyboard-off:before {
    content: "\F0310"
}

.mdi-keyboard-off-outline:before {
    content: "\F0E4B"
}

.mdi-keyboard-outline:before {
    content: "\F097B"
}

.mdi-keyboard-return:before {
    content: "\F0311"
}

.mdi-keyboard-settings:before {
    content: "\F09F9"
}

.mdi-keyboard-settings-outline:before {
    content: "\F09FA"
}

.mdi-keyboard-space:before {
    content: "\F1050"
}

.mdi-keyboard-tab:before {
    content: "\F0312"
}

.mdi-keyboard-variant:before {
    content: "\F0313"
}

.mdi-khanda:before {
    content: "\F10FD"
}

.mdi-kickstarter:before {
    content: "\F0745"
}

.mdi-klingon:before {
    content: "\F135B"
}

.mdi-knife:before {
    content: "\F09FB"
}

.mdi-knife-military:before {
    content: "\F09FC"
}

.mdi-kodi:before {
    content: "\F0314"
}

.mdi-kubernetes:before {
    content: "\F10FE"
}

.mdi-label:before {
    content: "\F0315"
}

.mdi-label-multiple:before {
    content: "\F1375"
}

.mdi-label-multiple-outline:before {
    content: "\F1376"
}

.mdi-label-off:before {
    content: "\F0ACB"
}

.mdi-label-off-outline:before {
    content: "\F0ACC"
}

.mdi-label-outline:before {
    content: "\F0316"
}

.mdi-label-percent:before {
    content: "\F12EA"
}

.mdi-label-percent-outline:before {
    content: "\F12EB"
}

.mdi-label-variant:before {
    content: "\F0ACD"
}

.mdi-label-variant-outline:before {
    content: "\F0ACE"
}

.mdi-ladder:before {
    content: "\F15A2"
}

.mdi-ladybug:before {
    content: "\F082D"
}

.mdi-lambda:before {
    content: "\F0627"
}

.mdi-lamp:before {
    content: "\F06B5"
}

.mdi-lamps:before {
    content: "\F1576"
}

.mdi-lan:before {
    content: "\F0317"
}

.mdi-lan-check:before {
    content: "\F12AA"
}

.mdi-lan-connect:before {
    content: "\F0318"
}

.mdi-lan-disconnect:before {
    content: "\F0319"
}

.mdi-lan-pending:before {
    content: "\F031A"
}

.mdi-language-c:before {
    content: "\F0671"
}

.mdi-language-cpp:before {
    content: "\F0672"
}

.mdi-language-csharp:before {
    content: "\F031B"
}

.mdi-language-css3:before {
    content: "\F031C"
}

.mdi-language-fortran:before {
    content: "\F121A"
}

.mdi-language-go:before {
    content: "\F07D3"
}

.mdi-language-haskell:before {
    content: "\F0C92"
}

.mdi-language-html5:before {
    content: "\F031D"
}

.mdi-language-java:before {
    content: "\F0B37"
}

.mdi-language-javascript:before {
    content: "\F031E"
}

.mdi-language-kotlin:before {
    content: "\F1219"
}

.mdi-language-lua:before {
    content: "\F08B1"
}

.mdi-language-markdown:before {
    content: "\F0354"
}

.mdi-language-markdown-outline:before {
    content: "\F0F5B"
}

.mdi-language-php:before {
    content: "\F031F"
}

.mdi-language-python:before {
    content: "\F0320"
}

.mdi-language-r:before {
    content: "\F07D4"
}

.mdi-language-ruby:before {
    content: "\F0D2D"
}

.mdi-language-ruby-on-rails:before {
    content: "\F0ACF"
}

.mdi-language-rust:before {
    content: "\F1617"
}

.mdi-language-swift:before {
    content: "\F06E5"
}

.mdi-language-typescript:before {
    content: "\F06E6"
}

.mdi-language-xaml:before {
    content: "\F0673"
}

.mdi-laptop:before {
    content: "\F0322"
}

.mdi-laptop-chromebook:before {
    content: "\F0323"
}

.mdi-laptop-mac:before {
    content: "\F0324"
}

.mdi-laptop-off:before {
    content: "\F06E7"
}

.mdi-laptop-windows:before {
    content: "\F0325"
}

.mdi-laravel:before {
    content: "\F0AD0"
}

.mdi-laser-pointer:before {
    content: "\F1484"
}

.mdi-lasso:before {
    content: "\F0F03"
}

.mdi-lastpass:before {
    content: "\F0446"
}

.mdi-latitude:before {
    content: "\F0F57"
}

.mdi-launch:before {
    content: "\F0327"
}

.mdi-lava-lamp:before {
    content: "\F07D5"
}

.mdi-layers:before {
    content: "\F0328"
}

.mdi-layers-minus:before {
    content: "\F0E4C"
}

.mdi-layers-off:before {
    content: "\F0329"
}

.mdi-layers-off-outline:before {
    content: "\F09FD"
}

.mdi-layers-outline:before {
    content: "\F09FE"
}

.mdi-layers-plus:before {
    content: "\F0E4D"
}

.mdi-layers-remove:before {
    content: "\F0E4E"
}

.mdi-layers-search:before {
    content: "\F1206"
}

.mdi-layers-search-outline:before {
    content: "\F1207"
}

.mdi-layers-triple:before {
    content: "\F0F58"
}

.mdi-layers-triple-outline:before {
    content: "\F0F59"
}

.mdi-lead-pencil:before {
    content: "\F064F"
}

.mdi-leaf:before {
    content: "\F032A"
}

.mdi-leaf-maple:before {
    content: "\F0C93"
}

.mdi-leaf-maple-off:before {
    content: "\F12DA"
}

.mdi-leaf-off:before {
    content: "\F12D9"
}

.mdi-leak:before {
    content: "\F0DD7"
}

.mdi-leak-off:before {
    content: "\F0DD8"
}

.mdi-led-off:before {
    content: "\F032B"
}

.mdi-led-on:before {
    content: "\F032C"
}

.mdi-led-outline:before {
    content: "\F032D"
}

.mdi-led-strip:before {
    content: "\F07D6"
}

.mdi-led-strip-variant:before {
    content: "\F1051"
}

.mdi-led-variant-off:before {
    content: "\F032E"
}

.mdi-led-variant-on:before {
    content: "\F032F"
}

.mdi-led-variant-outline:before {
    content: "\F0330"
}

.mdi-leek:before {
    content: "\F117D"
}

.mdi-less-than:before {
    content: "\F097C"
}

.mdi-less-than-or-equal:before {
    content: "\F097D"
}

.mdi-library:before {
    content: "\F0331"
}

.mdi-library-shelves:before {
    content: "\F0BA9"
}

.mdi-license:before {
    content: "\F0FC3"
}

.mdi-lifebuoy:before {
    content: "\F087E"
}

.mdi-light-switch:before {
    content: "\F097E"
}

.mdi-lightbulb:before {
    content: "\F0335"
}

.mdi-lightbulb-cfl:before {
    content: "\F1208"
}

.mdi-lightbulb-cfl-off:before {
    content: "\F1209"
}

.mdi-lightbulb-cfl-spiral:before {
    content: "\F1275"
}

.mdi-lightbulb-cfl-spiral-off:before {
    content: "\F12C3"
}

.mdi-lightbulb-group:before {
    content: "\F1253"
}

.mdi-lightbulb-group-off:before {
    content: "\F12CD"
}

.mdi-lightbulb-group-off-outline:before {
    content: "\F12CE"
}

.mdi-lightbulb-group-outline:before {
    content: "\F1254"
}

.mdi-lightbulb-multiple:before {
    content: "\F1255"
}

.mdi-lightbulb-multiple-off:before {
    content: "\F12CF"
}

.mdi-lightbulb-multiple-off-outline:before {
    content: "\F12D0"
}

.mdi-lightbulb-multiple-outline:before {
    content: "\F1256"
}

.mdi-lightbulb-off:before {
    content: "\F0E4F"
}

.mdi-lightbulb-off-outline:before {
    content: "\F0E50"
}

.mdi-lightbulb-on:before {
    content: "\F06E8"
}

.mdi-lightbulb-on-outline:before {
    content: "\F06E9"
}

.mdi-lightbulb-outline:before {
    content: "\F0336"
}

.mdi-lighthouse:before {
    content: "\F09FF"
}

.mdi-lighthouse-on:before {
    content: "\F0A00"
}

.mdi-lightning-bolt:before {
    content: "\F140B"
}

.mdi-lightning-bolt-outline:before {
    content: "\F140C"
}

.mdi-lingerie:before {
    content: "\F1476"
}

.mdi-link:before {
    content: "\F0337"
}

.mdi-link-box:before {
    content: "\F0D1A"
}

.mdi-link-box-outline:before {
    content: "\F0D1B"
}

.mdi-link-box-variant:before {
    content: "\F0D1C"
}

.mdi-link-box-variant-outline:before {
    content: "\F0D1D"
}

.mdi-link-lock:before {
    content: "\F10BA"
}

.mdi-link-off:before {
    content: "\F0338"
}

.mdi-link-plus:before {
    content: "\F0C94"
}

.mdi-link-variant:before {
    content: "\F0339"
}

.mdi-link-variant-minus:before {
    content: "\F10FF"
}

.mdi-link-variant-off:before {
    content: "\F033A"
}

.mdi-link-variant-plus:before {
    content: "\F1100"
}

.mdi-link-variant-remove:before {
    content: "\F1101"
}

.mdi-linkedin:before {
    content: "\F033B"
}

.mdi-linux:before {
    content: "\F033D"
}

.mdi-linux-mint:before {
    content: "\F08ED"
}

.mdi-lipstick:before {
    content: "\F13B5"
}

.mdi-list-status:before {
    content: "\F15AB"
}

.mdi-litecoin:before {
    content: "\F0A61"
}

.mdi-loading:before {
    content: "\F0772"
}

.mdi-location-enter:before {
    content: "\F0FC4"
}

.mdi-location-exit:before {
    content: "\F0FC5"
}

.mdi-lock:before {
    content: "\F033E"
}

.mdi-lock-alert:before {
    content: "\F08EE"
}

.mdi-lock-alert-outline:before {
    content: "\F15D1"
}

.mdi-lock-check:before {
    content: "\F139A"
}

.mdi-lock-check-outline:before {
    content: "\F16A8"
}

.mdi-lock-clock:before {
    content: "\F097F"
}

.mdi-lock-minus:before {
    content: "\F16A9"
}

.mdi-lock-minus-outline:before {
    content: "\F16AA"
}

.mdi-lock-off:before {
    content: "\F1671"
}

.mdi-lock-off-outline:before {
    content: "\F1672"
}

.mdi-lock-open:before {
    content: "\F033F"
}

.mdi-lock-open-alert:before {
    content: "\F139B"
}

.mdi-lock-open-alert-outline:before {
    content: "\F15D2"
}

.mdi-lock-open-check:before {
    content: "\F139C"
}

.mdi-lock-open-check-outline:before {
    content: "\F16AB"
}

.mdi-lock-open-minus:before {
    content: "\F16AC"
}

.mdi-lock-open-minus-outline:before {
    content: "\F16AD"
}

.mdi-lock-open-outline:before {
    content: "\F0340"
}

.mdi-lock-open-plus:before {
    content: "\F16AE"
}

.mdi-lock-open-plus-outline:before {
    content: "\F16AF"
}

.mdi-lock-open-remove:before {
    content: "\F16B0"
}

.mdi-lock-open-remove-outline:before {
    content: "\F16B1"
}

.mdi-lock-open-variant:before {
    content: "\F0FC6"
}

.mdi-lock-open-variant-outline:before {
    content: "\F0FC7"
}

.mdi-lock-outline:before {
    content: "\F0341"
}

.mdi-lock-pattern:before {
    content: "\F06EA"
}

.mdi-lock-plus:before {
    content: "\F05FB"
}

.mdi-lock-plus-outline:before {
    content: "\F16B2"
}

.mdi-lock-question:before {
    content: "\F08EF"
}

.mdi-lock-remove:before {
    content: "\F16B3"
}

.mdi-lock-remove-outline:before {
    content: "\F16B4"
}

.mdi-lock-reset:before {
    content: "\F0773"
}

.mdi-lock-smart:before {
    content: "\F08B2"
}

.mdi-locker:before {
    content: "\F07D7"
}

.mdi-locker-multiple:before {
    content: "\F07D8"
}

.mdi-login:before {
    content: "\F0342"
}

.mdi-login-variant:before {
    content: "\F05FC"
}

.mdi-logout:before {
    content: "\F0343"
}

.mdi-logout-variant:before {
    content: "\F05FD"
}

.mdi-longitude:before {
    content: "\F0F5A"
}

.mdi-looks:before {
    content: "\F0344"
}

.mdi-lotion:before {
    content: "\F1582"
}

.mdi-lotion-outline:before {
    content: "\F1583"
}

.mdi-lotion-plus:before {
    content: "\F1584"
}

.mdi-lotion-plus-outline:before {
    content: "\F1585"
}

.mdi-loupe:before {
    content: "\F0345"
}

.mdi-lumx:before {
    content: "\F0346"
}

.mdi-lungs:before {
    content: "\F1084"
}

.mdi-magnet:before {
    content: "\F0347"
}

.mdi-magnet-on:before {
    content: "\F0348"
}

.mdi-magnify:before {
    content: "\F0349"
}

.mdi-magnify-close:before {
    content: "\F0980"
}

.mdi-magnify-minus:before {
    content: "\F034A"
}

.mdi-magnify-minus-cursor:before {
    content: "\F0A62"
}

.mdi-magnify-minus-outline:before {
    content: "\F06EC"
}

.mdi-magnify-plus:before {
    content: "\F034B"
}

.mdi-magnify-plus-cursor:before {
    content: "\F0A63"
}

.mdi-magnify-plus-outline:before {
    content: "\F06ED"
}

.mdi-magnify-remove-cursor:before {
    content: "\F120C"
}

.mdi-magnify-remove-outline:before {
    content: "\F120D"
}

.mdi-magnify-scan:before {
    content: "\F1276"
}

.mdi-mail:before {
    content: "\F0EBB"
}

.mdi-mailbox:before {
    content: "\F06EE"
}

.mdi-mailbox-open:before {
    content: "\F0D88"
}

.mdi-mailbox-open-outline:before {
    content: "\F0D89"
}

.mdi-mailbox-open-up:before {
    content: "\F0D8A"
}

.mdi-mailbox-open-up-outline:before {
    content: "\F0D8B"
}

.mdi-mailbox-outline:before {
    content: "\F0D8C"
}

.mdi-mailbox-up:before {
    content: "\F0D8D"
}

.mdi-mailbox-up-outline:before {
    content: "\F0D8E"
}

.mdi-manjaro:before {
    content: "\F160A"
}

.mdi-map:before {
    content: "\F034D"
}

.mdi-map-check:before {
    content: "\F0EBC"
}

.mdi-map-check-outline:before {
    content: "\F0EBD"
}

.mdi-map-clock:before {
    content: "\F0D1E"
}

.mdi-map-clock-outline:before {
    content: "\F0D1F"
}

.mdi-map-legend:before {
    content: "\F0A01"
}

.mdi-map-marker:before {
    content: "\F034E"
}

.mdi-map-marker-alert:before {
    content: "\F0F05"
}

.mdi-map-marker-alert-outline:before {
    content: "\F0F06"
}

.mdi-map-marker-check:before {
    content: "\F0C95"
}

.mdi-map-marker-check-outline:before {
    content: "\F12FB"
}

.mdi-map-marker-circle:before {
    content: "\F034F"
}

.mdi-map-marker-distance:before {
    content: "\F08F0"
}

.mdi-map-marker-down:before {
    content: "\F1102"
}

.mdi-map-marker-left:before {
    content: "\F12DB"
}

.mdi-map-marker-left-outline:before {
    content: "\F12DD"
}

.mdi-map-marker-minus:before {
    content: "\F0650"
}

.mdi-map-marker-minus-outline:before {
    content: "\F12F9"
}

.mdi-map-marker-multiple:before {
    content: "\F0350"
}

.mdi-map-marker-multiple-outline:before {
    content: "\F1277"
}

.mdi-map-marker-off:before {
    content: "\F0351"
}

.mdi-map-marker-off-outline:before {
    content: "\F12FD"
}

.mdi-map-marker-outline:before {
    content: "\F07D9"
}

.mdi-map-marker-path:before {
    content: "\F0D20"
}

.mdi-map-marker-plus:before {
    content: "\F0651"
}

.mdi-map-marker-plus-outline:before {
    content: "\F12F8"
}

.mdi-map-marker-question:before {
    content: "\F0F07"
}

.mdi-map-marker-question-outline:before {
    content: "\F0F08"
}

.mdi-map-marker-radius:before {
    content: "\F0352"
}

.mdi-map-marker-radius-outline:before {
    content: "\F12FC"
}

.mdi-map-marker-remove:before {
    content: "\F0F09"
}

.mdi-map-marker-remove-outline:before {
    content: "\F12FA"
}

.mdi-map-marker-remove-variant:before {
    content: "\F0F0A"
}

.mdi-map-marker-right:before {
    content: "\F12DC"
}

.mdi-map-marker-right-outline:before {
    content: "\F12DE"
}

.mdi-map-marker-star:before {
    content: "\F1608"
}

.mdi-map-marker-star-outline:before {
    content: "\F1609"
}

.mdi-map-marker-up:before {
    content: "\F1103"
}

.mdi-map-minus:before {
    content: "\F0981"
}

.mdi-map-outline:before {
    content: "\F0982"
}

.mdi-map-plus:before {
    content: "\F0983"
}

.mdi-map-search:before {
    content: "\F0984"
}

.mdi-map-search-outline:before {
    content: "\F0985"
}

.mdi-mapbox:before {
    content: "\F0BAA"
}

.mdi-margin:before {
    content: "\F0353"
}

.mdi-marker:before {
    content: "\F0652"
}

.mdi-marker-cancel:before {
    content: "\F0DD9"
}

.mdi-marker-check:before {
    content: "\F0355"
}

.mdi-mastodon:before {
    content: "\F0AD1"
}

.mdi-material-design:before {
    content: "\F0986"
}

.mdi-material-ui:before {
    content: "\F0357"
}

.mdi-math-compass:before {
    content: "\F0358"
}

.mdi-math-cos:before {
    content: "\F0C96"
}

.mdi-math-integral:before {
    content: "\F0FC8"
}

.mdi-math-integral-box:before {
    content: "\F0FC9"
}

.mdi-math-log:before {
    content: "\F1085"
}

.mdi-math-norm:before {
    content: "\F0FCA"
}

.mdi-math-norm-box:before {
    content: "\F0FCB"
}

.mdi-math-sin:before {
    content: "\F0C97"
}

.mdi-math-tan:before {
    content: "\F0C98"
}

.mdi-matrix:before {
    content: "\F0628"
}

.mdi-medal:before {
    content: "\F0987"
}

.mdi-medal-outline:before {
    content: "\F1326"
}

.mdi-medical-bag:before {
    content: "\F06EF"
}

.mdi-meditation:before {
    content: "\F117B"
}

.mdi-memory:before {
    content: "\F035B"
}

.mdi-menu:before {
    content: "\F035C"
}

.mdi-menu-down:before {
    content: "\F035D"
}

.mdi-menu-down-outline:before {
    content: "\F06B6"
}

.mdi-menu-left:before {
    content: "\F035E"
}

.mdi-menu-left-outline:before {
    content: "\F0A02"
}

.mdi-menu-open:before {
    content: "\F0BAB"
}

.mdi-menu-right:before {
    content: "\F035F"
}

.mdi-menu-right-outline:before {
    content: "\F0A03"
}

.mdi-menu-swap:before {
    content: "\F0A64"
}

.mdi-menu-swap-outline:before {
    content: "\F0A65"
}

.mdi-menu-up:before {
    content: "\F0360"
}

.mdi-menu-up-outline:before {
    content: "\F06B7"
}

.mdi-merge:before {
    content: "\F0F5C"
}

.mdi-message:before {
    content: "\F0361"
}

.mdi-message-alert:before {
    content: "\F0362"
}

.mdi-message-alert-outline:before {
    content: "\F0A04"
}

.mdi-message-arrow-left:before {
    content: "\F12F2"
}

.mdi-message-arrow-left-outline:before {
    content: "\F12F3"
}

.mdi-message-arrow-right:before {
    content: "\F12F4"
}

.mdi-message-arrow-right-outline:before {
    content: "\F12F5"
}

.mdi-message-bookmark:before {
    content: "\F15AC"
}

.mdi-message-bookmark-outline:before {
    content: "\F15AD"
}

.mdi-message-bulleted:before {
    content: "\F06A2"
}

.mdi-message-bulleted-off:before {
    content: "\F06A3"
}

.mdi-message-cog:before {
    content: "\F06F1"
}

.mdi-message-cog-outline:before {
    content: "\F1172"
}

.mdi-message-draw:before {
    content: "\F0363"
}

.mdi-message-flash:before {
    content: "\F15A9"
}

.mdi-message-flash-outline:before {
    content: "\F15AA"
}

.mdi-message-image:before {
    content: "\F0364"
}

.mdi-message-image-outline:before {
    content: "\F116C"
}

.mdi-message-lock:before {
    content: "\F0FCC"
}

.mdi-message-lock-outline:before {
    content: "\F116D"
}

.mdi-message-minus:before {
    content: "\F116E"
}

.mdi-message-minus-outline:before {
    content: "\F116F"
}

.mdi-message-off:before {
    content: "\F164D"
}

.mdi-message-off-outline:before {
    content: "\F164E"
}

.mdi-message-outline:before {
    content: "\F0365"
}

.mdi-message-plus:before {
    content: "\F0653"
}

.mdi-message-plus-outline:before {
    content: "\F10BB"
}

.mdi-message-processing:before {
    content: "\F0366"
}

.mdi-message-processing-outline:before {
    content: "\F1170"
}

.mdi-message-reply:before {
    content: "\F0367"
}

.mdi-message-reply-text:before {
    content: "\F0368"
}

.mdi-message-settings:before {
    content: "\F06F0"
}

.mdi-message-settings-outline:before {
    content: "\F1171"
}

.mdi-message-text:before {
    content: "\F0369"
}

.mdi-message-text-clock:before {
    content: "\F1173"
}

.mdi-message-text-clock-outline:before {
    content: "\F1174"
}

.mdi-message-text-lock:before {
    content: "\F0FCD"
}

.mdi-message-text-lock-outline:before {
    content: "\F1175"
}

.mdi-message-text-outline:before {
    content: "\F036A"
}

.mdi-message-video:before {
    content: "\F036B"
}

.mdi-meteor:before {
    content: "\F0629"
}

.mdi-metronome:before {
    content: "\F07DA"
}

.mdi-metronome-tick:before {
    content: "\F07DB"
}

.mdi-micro-sd:before {
    content: "\F07DC"
}

.mdi-microphone:before {
    content: "\F036C"
}

.mdi-microphone-minus:before {
    content: "\F08B3"
}

.mdi-microphone-off:before {
    content: "\F036D"
}

.mdi-microphone-outline:before {
    content: "\F036E"
}

.mdi-microphone-plus:before {
    content: "\F08B4"
}

.mdi-microphone-settings:before {
    content: "\F036F"
}

.mdi-microphone-variant:before {
    content: "\F0370"
}

.mdi-microphone-variant-off:before {
    content: "\F0371"
}

.mdi-microscope:before {
    content: "\F0654"
}

.mdi-microsoft:before {
    content: "\F0372"
}

.mdi-microsoft-access:before {
    content: "\F138E"
}

.mdi-microsoft-azure:before {
    content: "\F0805"
}

.mdi-microsoft-azure-devops:before {
    content: "\F0FD5"
}

.mdi-microsoft-bing:before {
    content: "\F00A4"
}

.mdi-microsoft-dynamics-365:before {
    content: "\F0988"
}

.mdi-microsoft-edge:before {
    content: "\F01E9"
}

.mdi-microsoft-edge-legacy:before {
    content: "\F1250"
}

.mdi-microsoft-excel:before {
    content: "\F138F"
}

.mdi-microsoft-internet-explorer:before {
    content: "\F0300"
}

.mdi-microsoft-office:before {
    content: "\F03C6"
}

.mdi-microsoft-onedrive:before {
    content: "\F03CA"
}

.mdi-microsoft-onenote:before {
    content: "\F0747"
}

.mdi-microsoft-outlook:before {
    content: "\F0D22"
}

.mdi-microsoft-powerpoint:before {
    content: "\F1390"
}

.mdi-microsoft-sharepoint:before {
    content: "\F1391"
}

.mdi-microsoft-teams:before {
    content: "\F02BB"
}

.mdi-microsoft-visual-studio:before {
    content: "\F0610"
}

.mdi-microsoft-visual-studio-code:before {
    content: "\F0A1E"
}

.mdi-microsoft-windows:before {
    content: "\F05B3"
}

.mdi-microsoft-windows-classic:before {
    content: "\F0A21"
}

.mdi-microsoft-word:before {
    content: "\F1392"
}

.mdi-microsoft-xbox:before {
    content: "\F05B9"
}

.mdi-microsoft-xbox-controller:before {
    content: "\F05BA"
}

.mdi-microsoft-xbox-controller-battery-alert:before {
    content: "\F074B"
}

.mdi-microsoft-xbox-controller-battery-charging:before {
    content: "\F0A22"
}

.mdi-microsoft-xbox-controller-battery-empty:before {
    content: "\F074C"
}

.mdi-microsoft-xbox-controller-battery-full:before {
    content: "\F074D"
}

.mdi-microsoft-xbox-controller-battery-low:before {
    content: "\F074E"
}

.mdi-microsoft-xbox-controller-battery-medium:before {
    content: "\F074F"
}

.mdi-microsoft-xbox-controller-battery-unknown:before {
    content: "\F0750"
}

.mdi-microsoft-xbox-controller-menu:before {
    content: "\F0E6F"
}

.mdi-microsoft-xbox-controller-off:before {
    content: "\F05BB"
}

.mdi-microsoft-xbox-controller-view:before {
    content: "\F0E70"
}

.mdi-microsoft-yammer:before {
    content: "\F0789"
}

.mdi-microwave:before {
    content: "\F0C99"
}

.mdi-microwave-off:before {
    content: "\F1423"
}

.mdi-middleware:before {
    content: "\F0F5D"
}

.mdi-middleware-outline:before {
    content: "\F0F5E"
}

.mdi-midi:before {
    content: "\F08F1"
}

.mdi-midi-port:before {
    content: "\F08F2"
}

.mdi-mine:before {
    content: "\F0DDA"
}

.mdi-minecraft:before {
    content: "\F0373"
}

.mdi-mini-sd:before {
    content: "\F0A05"
}

.mdi-minidisc:before {
    content: "\F0A06"
}

.mdi-minus:before {
    content: "\F0374"
}

.mdi-minus-box:before {
    content: "\F0375"
}

.mdi-minus-box-multiple:before {
    content: "\F1141"
}

.mdi-minus-box-multiple-outline:before {
    content: "\F1142"
}

.mdi-minus-box-outline:before {
    content: "\F06F2"
}

.mdi-minus-circle:before {
    content: "\F0376"
}

.mdi-minus-circle-multiple:before {
    content: "\F035A"
}

.mdi-minus-circle-multiple-outline:before {
    content: "\F0AD3"
}

.mdi-minus-circle-off:before {
    content: "\F1459"
}

.mdi-minus-circle-off-outline:before {
    content: "\F145A"
}

.mdi-minus-circle-outline:before {
    content: "\F0377"
}

.mdi-minus-network:before {
    content: "\F0378"
}

.mdi-minus-network-outline:before {
    content: "\F0C9A"
}

.mdi-minus-thick:before {
    content: "\F1639"
}

.mdi-mirror:before {
    content: "\F11FD"
}

.mdi-mixed-martial-arts:before {
    content: "\F0D8F"
}

.mdi-mixed-reality:before {
    content: "\F087F"
}

.mdi-molecule:before {
    content: "\F0BAC"
}

.mdi-molecule-co:before {
    content: "\F12FE"
}

.mdi-molecule-co2:before {
    content: "\F07E4"
}

.mdi-monitor:before {
    content: "\F0379"
}

.mdi-monitor-cellphone:before {
    content: "\F0989"
}

.mdi-monitor-cellphone-star:before {
    content: "\F098A"
}

.mdi-monitor-clean:before {
    content: "\F1104"
}

.mdi-monitor-dashboard:before {
    content: "\F0A07"
}

.mdi-monitor-edit:before {
    content: "\F12C6"
}

.mdi-monitor-eye:before {
    content: "\F13B4"
}

.mdi-monitor-lock:before {
    content: "\F0DDB"
}

.mdi-monitor-multiple:before {
    content: "\F037A"
}

.mdi-monitor-off:before {
    content: "\F0D90"
}

.mdi-monitor-screenshot:before {
    content: "\F0E51"
}

.mdi-monitor-share:before {
    content: "\F1483"
}

.mdi-monitor-speaker:before {
    content: "\F0F5F"
}

.mdi-monitor-speaker-off:before {
    content: "\F0F60"
}

.mdi-monitor-star:before {
    content: "\F0DDC"
}

.mdi-moon-first-quarter:before {
    content: "\F0F61"
}

.mdi-moon-full:before {
    content: "\F0F62"
}

.mdi-moon-last-quarter:before {
    content: "\F0F63"
}

.mdi-moon-new:before {
    content: "\F0F64"
}

.mdi-moon-waning-crescent:before {
    content: "\F0F65"
}

.mdi-moon-waning-gibbous:before {
    content: "\F0F66"
}

.mdi-moon-waxing-crescent:before {
    content: "\F0F67"
}

.mdi-moon-waxing-gibbous:before {
    content: "\F0F68"
}

.mdi-moped:before {
    content: "\F1086"
}

.mdi-moped-electric:before {
    content: "\F15B7"
}

.mdi-moped-electric-outline:before {
    content: "\F15B8"
}

.mdi-moped-outline:before {
    content: "\F15B9"
}

.mdi-more:before {
    content: "\F037B"
}

.mdi-mother-heart:before {
    content: "\F1314"
}

.mdi-mother-nurse:before {
    content: "\F0D21"
}

.mdi-motion:before {
    content: "\F15B2"
}

.mdi-motion-outline:before {
    content: "\F15B3"
}

.mdi-motion-pause:before {
    content: "\F1590"
}

.mdi-motion-pause-outline:before {
    content: "\F1592"
}

.mdi-motion-play:before {
    content: "\F158F"
}

.mdi-motion-play-outline:before {
    content: "\F1591"
}

.mdi-motion-sensor:before {
    content: "\F0D91"
}

.mdi-motion-sensor-off:before {
    content: "\F1435"
}

.mdi-motorbike:before {
    content: "\F037C"
}

.mdi-motorbike-electric:before {
    content: "\F15BA"
}

.mdi-mouse:before {
    content: "\F037D"
}

.mdi-mouse-bluetooth:before {
    content: "\F098B"
}

.mdi-mouse-move-down:before {
    content: "\F1550"
}

.mdi-mouse-move-up:before {
    content: "\F1551"
}

.mdi-mouse-move-vertical:before {
    content: "\F1552"
}

.mdi-mouse-off:before {
    content: "\F037E"
}

.mdi-mouse-variant:before {
    content: "\F037F"
}

.mdi-mouse-variant-off:before {
    content: "\F0380"
}

.mdi-move-resize:before {
    content: "\F0655"
}

.mdi-move-resize-variant:before {
    content: "\F0656"
}

.mdi-movie:before {
    content: "\F0381"
}

.mdi-movie-edit:before {
    content: "\F1122"
}

.mdi-movie-edit-outline:before {
    content: "\F1123"
}

.mdi-movie-filter:before {
    content: "\F1124"
}

.mdi-movie-filter-outline:before {
    content: "\F1125"
}

.mdi-movie-open:before {
    content: "\F0FCE"
}

.mdi-movie-open-outline:before {
    content: "\F0FCF"
}

.mdi-movie-outline:before {
    content: "\F0DDD"
}

.mdi-movie-roll:before {
    content: "\F07DE"
}

.mdi-movie-search:before {
    content: "\F11D2"
}

.mdi-movie-search-outline:before {
    content: "\F11D3"
}

.mdi-mower:before {
    content: "\F166F"
}

.mdi-mower-bag:before {
    content: "\F1670"
}

.mdi-muffin:before {
    content: "\F098C"
}

.mdi-multiplication:before {
    content: "\F0382"
}

.mdi-multiplication-box:before {
    content: "\F0383"
}

.mdi-mushroom:before {
    content: "\F07DF"
}

.mdi-mushroom-off:before {
    content: "\F13FA"
}

.mdi-mushroom-off-outline:before {
    content: "\F13FB"
}

.mdi-mushroom-outline:before {
    content: "\F07E0"
}

.mdi-music:before {
    content: "\F075A"
}

.mdi-music-accidental-double-flat:before {
    content: "\F0F69"
}

.mdi-music-accidental-double-sharp:before {
    content: "\F0F6A"
}

.mdi-music-accidental-flat:before {
    content: "\F0F6B"
}

.mdi-music-accidental-natural:before {
    content: "\F0F6C"
}

.mdi-music-accidental-sharp:before {
    content: "\F0F6D"
}

.mdi-music-box:before {
    content: "\F0384"
}

.mdi-music-box-multiple:before {
    content: "\F0333"
}

.mdi-music-box-multiple-outline:before {
    content: "\F0F04"
}

.mdi-music-box-outline:before {
    content: "\F0385"
}

.mdi-music-circle:before {
    content: "\F0386"
}

.mdi-music-circle-outline:before {
    content: "\F0AD4"
}

.mdi-music-clef-alto:before {
    content: "\F0F6E"
}

.mdi-music-clef-bass:before {
    content: "\F0F6F"
}

.mdi-music-clef-treble:before {
    content: "\F0F70"
}

.mdi-music-note:before {
    content: "\F0387"
}

.mdi-music-note-bluetooth:before {
    content: "\F05FE"
}

.mdi-music-note-bluetooth-off:before {
    content: "\F05FF"
}

.mdi-music-note-eighth:before {
    content: "\F0388"
}

.mdi-music-note-eighth-dotted:before {
    content: "\F0F71"
}

.mdi-music-note-half:before {
    content: "\F0389"
}

.mdi-music-note-half-dotted:before {
    content: "\F0F72"
}

.mdi-music-note-off:before {
    content: "\F038A"
}

.mdi-music-note-off-outline:before {
    content: "\F0F73"
}

.mdi-music-note-outline:before {
    content: "\F0F74"
}

.mdi-music-note-plus:before {
    content: "\F0DDE"
}

.mdi-music-note-quarter:before {
    content: "\F038B"
}

.mdi-music-note-quarter-dotted:before {
    content: "\F0F75"
}

.mdi-music-note-sixteenth:before {
    content: "\F038C"
}

.mdi-music-note-sixteenth-dotted:before {
    content: "\F0F76"
}

.mdi-music-note-whole:before {
    content: "\F038D"
}

.mdi-music-note-whole-dotted:before {
    content: "\F0F77"
}

.mdi-music-off:before {
    content: "\F075B"
}

.mdi-music-rest-eighth:before {
    content: "\F0F78"
}

.mdi-music-rest-half:before {
    content: "\F0F79"
}

.mdi-music-rest-quarter:before {
    content: "\F0F7A"
}

.mdi-music-rest-sixteenth:before {
    content: "\F0F7B"
}

.mdi-music-rest-whole:before {
    content: "\F0F7C"
}

.mdi-mustache:before {
    content: "\F15DE"
}

.mdi-nail:before {
    content: "\F0DDF"
}

.mdi-nas:before {
    content: "\F08F3"
}

.mdi-nativescript:before {
    content: "\F0880"
}

.mdi-nature:before {
    content: "\F038E"
}

.mdi-nature-people:before {
    content: "\F038F"
}

.mdi-navigation:before {
    content: "\F0390"
}

.mdi-navigation-outline:before {
    content: "\F1607"
}

.mdi-near-me:before {
    content: "\F05CD"
}

.mdi-necklace:before {
    content: "\F0F0B"
}

.mdi-needle:before {
    content: "\F0391"
}

.mdi-netflix:before {
    content: "\F0746"
}

.mdi-network:before {
    content: "\F06F3"
}

.mdi-network-off:before {
    content: "\F0C9B"
}

.mdi-network-off-outline:before {
    content: "\F0C9C"
}

.mdi-network-outline:before {
    content: "\F0C9D"
}

.mdi-network-strength-1:before {
    content: "\F08F4"
}

.mdi-network-strength-1-alert:before {
    content: "\F08F5"
}

.mdi-network-strength-2:before {
    content: "\F08F6"
}

.mdi-network-strength-2-alert:before {
    content: "\F08F7"
}

.mdi-network-strength-3:before {
    content: "\F08F8"
}

.mdi-network-strength-3-alert:before {
    content: "\F08F9"
}

.mdi-network-strength-4:before {
    content: "\F08FA"
}

.mdi-network-strength-4-alert:before {
    content: "\F08FB"
}

.mdi-network-strength-off:before {
    content: "\F08FC"
}

.mdi-network-strength-off-outline:before {
    content: "\F08FD"
}

.mdi-network-strength-outline:before {
    content: "\F08FE"
}

.mdi-new-box:before {
    content: "\F0394"
}

.mdi-newspaper:before {
    content: "\F0395"
}

.mdi-newspaper-minus:before {
    content: "\F0F0C"
}

.mdi-newspaper-plus:before {
    content: "\F0F0D"
}

.mdi-newspaper-variant:before {
    content: "\F1001"
}

.mdi-newspaper-variant-multiple:before {
    content: "\F1002"
}

.mdi-newspaper-variant-multiple-outline:before {
    content: "\F1003"
}

.mdi-newspaper-variant-outline:before {
    content: "\F1004"
}

.mdi-nfc:before {
    content: "\F0396"
}

.mdi-nfc-search-variant:before {
    content: "\F0E53"
}

.mdi-nfc-tap:before {
    content: "\F0397"
}

.mdi-nfc-variant:before {
    content: "\F0398"
}

.mdi-nfc-variant-off:before {
    content: "\F0E54"
}

.mdi-ninja:before {
    content: "\F0774"
}

.mdi-nintendo-game-boy:before {
    content: "\F1393"
}

.mdi-nintendo-switch:before {
    content: "\F07E1"
}

.mdi-nintendo-wii:before {
    content: "\F05AB"
}

.mdi-nintendo-wiiu:before {
    content: "\F072D"
}

.mdi-nix:before {
    content: "\F1105"
}

.mdi-nodejs:before {
    content: "\F0399"
}

.mdi-noodles:before {
    content: "\F117E"
}

.mdi-not-equal:before {
    content: "\F098D"
}

.mdi-not-equal-variant:before {
    content: "\F098E"
}

.mdi-note:before {
    content: "\F039A"
}

.mdi-note-minus:before {
    content: "\F164F"
}

.mdi-note-minus-outline:before {
    content: "\F1650"
}

.mdi-note-multiple:before {
    content: "\F06B8"
}

.mdi-note-multiple-outline:before {
    content: "\F06B9"
}

.mdi-note-outline:before {
    content: "\F039B"
}

.mdi-note-plus:before {
    content: "\F039C"
}

.mdi-note-plus-outline:before {
    content: "\F039D"
}

.mdi-note-remove:before {
    content: "\F1651"
}

.mdi-note-remove-outline:before {
    content: "\F1652"
}

.mdi-note-search:before {
    content: "\F1653"
}

.mdi-note-search-outline:before {
    content: "\F1654"
}

.mdi-note-text:before {
    content: "\F039E"
}

.mdi-note-text-outline:before {
    content: "\F11D7"
}

.mdi-notebook:before {
    content: "\F082E"
}

.mdi-notebook-check:before {
    content: "\F14F5"
}

.mdi-notebook-check-outline:before {
    content: "\F14F6"
}

.mdi-notebook-edit:before {
    content: "\F14E7"
}

.mdi-notebook-edit-outline:before {
    content: "\F14E9"
}

.mdi-notebook-minus:before {
    content: "\F1610"
}

.mdi-notebook-minus-outline:before {
    content: "\F1611"
}

.mdi-notebook-multiple:before {
    content: "\F0E55"
}

.mdi-notebook-outline:before {
    content: "\F0EBF"
}

.mdi-notebook-plus:before {
    content: "\F1612"
}

.mdi-notebook-plus-outline:before {
    content: "\F1613"
}

.mdi-notebook-remove:before {
    content: "\F1614"
}

.mdi-notebook-remove-outline:before {
    content: "\F1615"
}

.mdi-notification-clear-all:before {
    content: "\F039F"
}

.mdi-npm:before {
    content: "\F06F7"
}

.mdi-nuke:before {
    content: "\F06A4"
}

.mdi-null:before {
    content: "\F07E2"
}

.mdi-numeric:before {
    content: "\F03A0"
}

.mdi-numeric-0:before {
    content: "\F0B39"
}

.mdi-numeric-0-box:before {
    content: "\F03A1"
}

.mdi-numeric-0-box-multiple:before {
    content: "\F0F0E"
}

.mdi-numeric-0-box-multiple-outline:before {
    content: "\F03A2"
}

.mdi-numeric-0-box-outline:before {
    content: "\F03A3"
}

.mdi-numeric-0-circle:before {
    content: "\F0C9E"
}

.mdi-numeric-0-circle-outline:before {
    content: "\F0C9F"
}

.mdi-numeric-1:before {
    content: "\F0B3A"
}

.mdi-numeric-1-box:before {
    content: "\F03A4"
}

.mdi-numeric-1-box-multiple:before {
    content: "\F0F0F"
}

.mdi-numeric-1-box-multiple-outline:before {
    content: "\F03A5"
}

.mdi-numeric-1-box-outline:before {
    content: "\F03A6"
}

.mdi-numeric-1-circle:before {
    content: "\F0CA0"
}

.mdi-numeric-1-circle-outline:before {
    content: "\F0CA1"
}

.mdi-numeric-10:before {
    content: "\F0FE9"
}

.mdi-numeric-10-box:before {
    content: "\F0F7D"
}

.mdi-numeric-10-box-multiple:before {
    content: "\F0FEA"
}

.mdi-numeric-10-box-multiple-outline:before {
    content: "\F0FEB"
}

.mdi-numeric-10-box-outline:before {
    content: "\F0F7E"
}

.mdi-numeric-10-circle:before {
    content: "\F0FEC"
}

.mdi-numeric-10-circle-outline:before {
    content: "\F0FED"
}

.mdi-numeric-2:before {
    content: "\F0B3B"
}

.mdi-numeric-2-box:before {
    content: "\F03A7"
}

.mdi-numeric-2-box-multiple:before {
    content: "\F0F10"
}

.mdi-numeric-2-box-multiple-outline:before {
    content: "\F03A8"
}

.mdi-numeric-2-box-outline:before {
    content: "\F03A9"
}

.mdi-numeric-2-circle:before {
    content: "\F0CA2"
}

.mdi-numeric-2-circle-outline:before {
    content: "\F0CA3"
}

.mdi-numeric-3:before {
    content: "\F0B3C"
}

.mdi-numeric-3-box:before {
    content: "\F03AA"
}

.mdi-numeric-3-box-multiple:before {
    content: "\F0F11"
}

.mdi-numeric-3-box-multiple-outline:before {
    content: "\F03AB"
}

.mdi-numeric-3-box-outline:before {
    content: "\F03AC"
}

.mdi-numeric-3-circle:before {
    content: "\F0CA4"
}

.mdi-numeric-3-circle-outline:before {
    content: "\F0CA5"
}

.mdi-numeric-4:before {
    content: "\F0B3D"
}

.mdi-numeric-4-box:before {
    content: "\F03AD"
}

.mdi-numeric-4-box-multiple:before {
    content: "\F0F12"
}

.mdi-numeric-4-box-multiple-outline:before {
    content: "\F03B2"
}

.mdi-numeric-4-box-outline:before {
    content: "\F03AE"
}

.mdi-numeric-4-circle:before {
    content: "\F0CA6"
}

.mdi-numeric-4-circle-outline:before {
    content: "\F0CA7"
}

.mdi-numeric-5:before {
    content: "\F0B3E"
}

.mdi-numeric-5-box:before {
    content: "\F03B1"
}

.mdi-numeric-5-box-multiple:before {
    content: "\F0F13"
}

.mdi-numeric-5-box-multiple-outline:before {
    content: "\F03AF"
}

.mdi-numeric-5-box-outline:before {
    content: "\F03B0"
}

.mdi-numeric-5-circle:before {
    content: "\F0CA8"
}

.mdi-numeric-5-circle-outline:before {
    content: "\F0CA9"
}

.mdi-numeric-6:before {
    content: "\F0B3F"
}

.mdi-numeric-6-box:before {
    content: "\F03B3"
}

.mdi-numeric-6-box-multiple:before {
    content: "\F0F14"
}

.mdi-numeric-6-box-multiple-outline:before {
    content: "\F03B4"
}

.mdi-numeric-6-box-outline:before {
    content: "\F03B5"
}

.mdi-numeric-6-circle:before {
    content: "\F0CAA"
}

.mdi-numeric-6-circle-outline:before {
    content: "\F0CAB"
}

.mdi-numeric-7:before {
    content: "\F0B40"
}

.mdi-numeric-7-box:before {
    content: "\F03B6"
}

.mdi-numeric-7-box-multiple:before {
    content: "\F0F15"
}

.mdi-numeric-7-box-multiple-outline:before {
    content: "\F03B7"
}

.mdi-numeric-7-box-outline:before {
    content: "\F03B8"
}

.mdi-numeric-7-circle:before {
    content: "\F0CAC"
}

.mdi-numeric-7-circle-outline:before {
    content: "\F0CAD"
}

.mdi-numeric-8:before {
    content: "\F0B41"
}

.mdi-numeric-8-box:before {
    content: "\F03B9"
}

.mdi-numeric-8-box-multiple:before {
    content: "\F0F16"
}

.mdi-numeric-8-box-multiple-outline:before {
    content: "\F03BA"
}

.mdi-numeric-8-box-outline:before {
    content: "\F03BB"
}

.mdi-numeric-8-circle:before {
    content: "\F0CAE"
}

.mdi-numeric-8-circle-outline:before {
    content: "\F0CAF"
}

.mdi-numeric-9:before {
    content: "\F0B42"
}

.mdi-numeric-9-box:before {
    content: "\F03BC"
}

.mdi-numeric-9-box-multiple:before {
    content: "\F0F17"
}

.mdi-numeric-9-box-multiple-outline:before {
    content: "\F03BD"
}

.mdi-numeric-9-box-outline:before {
    content: "\F03BE"
}

.mdi-numeric-9-circle:before {
    content: "\F0CB0"
}

.mdi-numeric-9-circle-outline:before {
    content: "\F0CB1"
}

.mdi-numeric-9-plus:before {
    content: "\F0FEE"
}

.mdi-numeric-9-plus-box:before {
    content: "\F03BF"
}

.mdi-numeric-9-plus-box-multiple:before {
    content: "\F0F18"
}

.mdi-numeric-9-plus-box-multiple-outline:before {
    content: "\F03C0"
}

.mdi-numeric-9-plus-box-outline:before {
    content: "\F03C1"
}

.mdi-numeric-9-plus-circle:before {
    content: "\F0CB2"
}

.mdi-numeric-9-plus-circle-outline:before {
    content: "\F0CB3"
}

.mdi-numeric-negative-1:before {
    content: "\F1052"
}

.mdi-numeric-positive-1:before {
    content: "\F15CB"
}

.mdi-nut:before {
    content: "\F06F8"
}

.mdi-nutrition:before {
    content: "\F03C2"
}

.mdi-nuxt:before {
    content: "\F1106"
}

.mdi-oar:before {
    content: "\F067C"
}

.mdi-ocarina:before {
    content: "\F0DE0"
}

.mdi-oci:before {
    content: "\F12E9"
}

.mdi-ocr:before {
    content: "\F113A"
}

.mdi-octagon:before {
    content: "\F03C3"
}

.mdi-octagon-outline:before {
    content: "\F03C4"
}

.mdi-octagram:before {
    content: "\F06F9"
}

.mdi-octagram-outline:before {
    content: "\F0775"
}

.mdi-odnoklassniki:before {
    content: "\F03C5"
}

.mdi-offer:before {
    content: "\F121B"
}

.mdi-office-building:before {
    content: "\F0991"
}

.mdi-office-building-marker:before {
    content: "\F1520"
}

.mdi-office-building-marker-outline:before {
    content: "\F1521"
}

.mdi-office-building-outline:before {
    content: "\F151F"
}

.mdi-oil:before {
    content: "\F03C7"
}

.mdi-oil-lamp:before {
    content: "\F0F19"
}

.mdi-oil-level:before {
    content: "\F1053"
}

.mdi-oil-temperature:before {
    content: "\F0FF8"
}

.mdi-omega:before {
    content: "\F03C9"
}

.mdi-one-up:before {
    content: "\F0BAD"
}

.mdi-onepassword:before {
    content: "\F0881"
}

.mdi-opacity:before {
    content: "\F05CC"
}

.mdi-open-in-app:before {
    content: "\F03CB"
}

.mdi-open-in-new:before {
    content: "\F03CC"
}

.mdi-open-source-initiative:before {
    content: "\F0BAE"
}

.mdi-openid:before {
    content: "\F03CD"
}

.mdi-opera:before {
    content: "\F03CE"
}

.mdi-orbit:before {
    content: "\F0018"
}

.mdi-orbit-variant:before {
    content: "\F15DB"
}

.mdi-order-alphabetical-ascending:before {
    content: "\F020D"
}

.mdi-order-alphabetical-descending:before {
    content: "\F0D07"
}

.mdi-order-bool-ascending:before {
    content: "\F02BE"
}

.mdi-order-bool-ascending-variant:before {
    content: "\F098F"
}

.mdi-order-bool-descending:before {
    content: "\F1384"
}

.mdi-order-bool-descending-variant:before {
    content: "\F0990"
}

.mdi-order-numeric-ascending:before {
    content: "\F0545"
}

.mdi-order-numeric-descending:before {
    content: "\F0546"
}

.mdi-origin:before {
    content: "\F0B43"
}

.mdi-ornament:before {
    content: "\F03CF"
}

.mdi-ornament-variant:before {
    content: "\F03D0"
}

.mdi-outdoor-lamp:before {
    content: "\F1054"
}

.mdi-overscan:before {
    content: "\F1005"
}

.mdi-owl:before {
    content: "\F03D2"
}

.mdi-pac-man:before {
    content: "\F0BAF"
}

.mdi-package:before {
    content: "\F03D3"
}

.mdi-package-down:before {
    content: "\F03D4"
}

.mdi-package-up:before {
    content: "\F03D5"
}

.mdi-package-variant:before {
    content: "\F03D6"
}

.mdi-package-variant-closed:before {
    content: "\F03D7"
}

.mdi-page-first:before {
    content: "\F0600"
}

.mdi-page-last:before {
    content: "\F0601"
}

.mdi-page-layout-body:before {
    content: "\F06FA"
}

.mdi-page-layout-footer:before {
    content: "\F06FB"
}

.mdi-page-layout-header:before {
    content: "\F06FC"
}

.mdi-page-layout-header-footer:before {
    content: "\F0F7F"
}

.mdi-page-layout-sidebar-left:before {
    content: "\F06FD"
}

.mdi-page-layout-sidebar-right:before {
    content: "\F06FE"
}

.mdi-page-next:before {
    content: "\F0BB0"
}

.mdi-page-next-outline:before {
    content: "\F0BB1"
}

.mdi-page-previous:before {
    content: "\F0BB2"
}

.mdi-page-previous-outline:before {
    content: "\F0BB3"
}

.mdi-pail:before {
    content: "\F1417"
}

.mdi-pail-minus:before {
    content: "\F1437"
}

.mdi-pail-minus-outline:before {
    content: "\F143C"
}

.mdi-pail-off:before {
    content: "\F1439"
}

.mdi-pail-off-outline:before {
    content: "\F143E"
}

.mdi-pail-outline:before {
    content: "\F143A"
}

.mdi-pail-plus:before {
    content: "\F1436"
}

.mdi-pail-plus-outline:before {
    content: "\F143B"
}

.mdi-pail-remove:before {
    content: "\F1438"
}

.mdi-pail-remove-outline:before {
    content: "\F143D"
}

.mdi-palette:before {
    content: "\F03D8"
}

.mdi-palette-advanced:before {
    content: "\F03D9"
}

.mdi-palette-outline:before {
    content: "\F0E0C"
}

.mdi-palette-swatch:before {
    content: "\F08B5"
}

.mdi-palette-swatch-outline:before {
    content: "\F135C"
}

.mdi-palm-tree:before {
    content: "\F1055"
}

.mdi-pan:before {
    content: "\F0BB4"
}

.mdi-pan-bottom-left:before {
    content: "\F0BB5"
}

.mdi-pan-bottom-right:before {
    content: "\F0BB6"
}

.mdi-pan-down:before {
    content: "\F0BB7"
}

.mdi-pan-horizontal:before {
    content: "\F0BB8"
}

.mdi-pan-left:before {
    content: "\F0BB9"
}

.mdi-pan-right:before {
    content: "\F0BBA"
}

.mdi-pan-top-left:before {
    content: "\F0BBB"
}

.mdi-pan-top-right:before {
    content: "\F0BBC"
}

.mdi-pan-up:before {
    content: "\F0BBD"
}

.mdi-pan-vertical:before {
    content: "\F0BBE"
}

.mdi-panda:before {
    content: "\F03DA"
}

.mdi-pandora:before {
    content: "\F03DB"
}

.mdi-panorama:before {
    content: "\F03DC"
}

.mdi-panorama-fisheye:before {
    content: "\F03DD"
}

.mdi-panorama-horizontal:before {
    content: "\F03DE"
}

.mdi-panorama-vertical:before {
    content: "\F03DF"
}

.mdi-panorama-wide-angle:before {
    content: "\F03E0"
}

.mdi-paper-cut-vertical:before {
    content: "\F03E1"
}

.mdi-paper-roll:before {
    content: "\F1157"
}

.mdi-paper-roll-outline:before {
    content: "\F1158"
}

.mdi-paperclip:before {
    content: "\F03E2"
}

.mdi-parachute:before {
    content: "\F0CB4"
}

.mdi-parachute-outline:before {
    content: "\F0CB5"
}

.mdi-parking:before {
    content: "\F03E3"
}

.mdi-party-popper:before {
    content: "\F1056"
}

.mdi-passport:before {
    content: "\F07E3"
}

.mdi-passport-biometric:before {
    content: "\F0DE1"
}

.mdi-pasta:before {
    content: "\F1160"
}

.mdi-patio-heater:before {
    content: "\F0F80"
}

.mdi-patreon:before {
    content: "\F0882"
}

.mdi-pause:before {
    content: "\F03E4"
}

.mdi-pause-circle:before {
    content: "\F03E5"
}

.mdi-pause-circle-outline:before {
    content: "\F03E6"
}

.mdi-pause-octagon:before {
    content: "\F03E7"
}

.mdi-pause-octagon-outline:before {
    content: "\F03E8"
}

.mdi-paw:before {
    content: "\F03E9"
}

.mdi-paw-off:before {
    content: "\F0657"
}

.mdi-paw-off-outline:before {
    content: "\F1676"
}

.mdi-paw-outline:before {
    content: "\F1675"
}

.mdi-pdf-box:before {
    content: "\F0E56"
}

.mdi-peace:before {
    content: "\F0884"
}

.mdi-peanut:before {
    content: "\F0FFC"
}

.mdi-peanut-off:before {
    content: "\F0FFD"
}

.mdi-peanut-off-outline:before {
    content: "\F0FFF"
}

.mdi-peanut-outline:before {
    content: "\F0FFE"
}

.mdi-pen:before {
    content: "\F03EA"
}

.mdi-pen-lock:before {
    content: "\F0DE2"
}

.mdi-pen-minus:before {
    content: "\F0DE3"
}

.mdi-pen-off:before {
    content: "\F0DE4"
}

.mdi-pen-plus:before {
    content: "\F0DE5"
}

.mdi-pen-remove:before {
    content: "\F0DE6"
}

.mdi-pencil:before {
    content: "\F03EB"
}

.mdi-pencil-box:before {
    content: "\F03EC"
}

.mdi-pencil-box-multiple:before {
    content: "\F1144"
}

.mdi-pencil-box-multiple-outline:before {
    content: "\F1145"
}

.mdi-pencil-box-outline:before {
    content: "\F03ED"
}

.mdi-pencil-circle:before {
    content: "\F06FF"
}

.mdi-pencil-circle-outline:before {
    content: "\F0776"
}

.mdi-pencil-lock:before {
    content: "\F03EE"
}

.mdi-pencil-lock-outline:before {
    content: "\F0DE7"
}

.mdi-pencil-minus:before {
    content: "\F0DE8"
}

.mdi-pencil-minus-outline:before {
    content: "\F0DE9"
}

.mdi-pencil-off:before {
    content: "\F03EF"
}

.mdi-pencil-off-outline:before {
    content: "\F0DEA"
}

.mdi-pencil-outline:before {
    content: "\F0CB6"
}

.mdi-pencil-plus:before {
    content: "\F0DEB"
}

.mdi-pencil-plus-outline:before {
    content: "\F0DEC"
}

.mdi-pencil-remove:before {
    content: "\F0DED"
}

.mdi-pencil-remove-outline:before {
    content: "\F0DEE"
}

.mdi-pencil-ruler:before {
    content: "\F1353"
}

.mdi-penguin:before {
    content: "\F0EC0"
}

.mdi-pentagon:before {
    content: "\F0701"
}

.mdi-pentagon-outline:before {
    content: "\F0700"
}

.mdi-pentagram:before {
    content: "\F1667"
}

.mdi-percent:before {
    content: "\F03F0"
}

.mdi-percent-outline:before {
    content: "\F1278"
}

.mdi-periodic-table:before {
    content: "\F08B6"
}

.mdi-perspective-less:before {
    content: "\F0D23"
}

.mdi-perspective-more:before {
    content: "\F0D24"
}

.mdi-pharmacy:before {
    content: "\F03F1"
}

.mdi-phone:before {
    content: "\F03F2"
}

.mdi-phone-alert:before {
    content: "\F0F1A"
}

.mdi-phone-alert-outline:before {
    content: "\F118E"
}

.mdi-phone-bluetooth:before {
    content: "\F03F3"
}

.mdi-phone-bluetooth-outline:before {
    content: "\F118F"
}

.mdi-phone-cancel:before {
    content: "\F10BC"
}

.mdi-phone-cancel-outline:before {
    content: "\F1190"
}

.mdi-phone-check:before {
    content: "\F11A9"
}

.mdi-phone-check-outline:before {
    content: "\F11AA"
}

.mdi-phone-classic:before {
    content: "\F0602"
}

.mdi-phone-classic-off:before {
    content: "\F1279"
}

.mdi-phone-dial:before {
    content: "\F1559"
}

.mdi-phone-dial-outline:before {
    content: "\F155A"
}

.mdi-phone-forward:before {
    content: "\F03F4"
}

.mdi-phone-forward-outline:before {
    content: "\F1191"
}

.mdi-phone-hangup:before {
    content: "\F03F5"
}

.mdi-phone-hangup-outline:before {
    content: "\F1192"
}

.mdi-phone-in-talk:before {
    content: "\F03F6"
}

.mdi-phone-in-talk-outline:before {
    content: "\F1182"
}

.mdi-phone-incoming:before {
    content: "\F03F7"
}

.mdi-phone-incoming-outline:before {
    content: "\F1193"
}

.mdi-phone-lock:before {
    content: "\F03F8"
}

.mdi-phone-lock-outline:before {
    content: "\F1194"
}

.mdi-phone-log:before {
    content: "\F03F9"
}

.mdi-phone-log-outline:before {
    content: "\F1195"
}

.mdi-phone-message:before {
    content: "\F1196"
}

.mdi-phone-message-outline:before {
    content: "\F1197"
}

.mdi-phone-minus:before {
    content: "\F0658"
}

.mdi-phone-minus-outline:before {
    content: "\F1198"
}

.mdi-phone-missed:before {
    content: "\F03FA"
}

.mdi-phone-missed-outline:before {
    content: "\F11A5"
}

.mdi-phone-off:before {
    content: "\F0DEF"
}

.mdi-phone-off-outline:before {
    content: "\F11A6"
}

.mdi-phone-outgoing:before {
    content: "\F03FB"
}

.mdi-phone-outgoing-outline:before {
    content: "\F1199"
}

.mdi-phone-outline:before {
    content: "\F0DF0"
}

.mdi-phone-paused:before {
    content: "\F03FC"
}

.mdi-phone-paused-outline:before {
    content: "\F119A"
}

.mdi-phone-plus:before {
    content: "\F0659"
}

.mdi-phone-plus-outline:before {
    content: "\F119B"
}

.mdi-phone-remove:before {
    content: "\F152F"
}

.mdi-phone-remove-outline:before {
    content: "\F1530"
}

.mdi-phone-return:before {
    content: "\F082F"
}

.mdi-phone-return-outline:before {
    content: "\F119C"
}

.mdi-phone-ring:before {
    content: "\F11AB"
}

.mdi-phone-ring-outline:before {
    content: "\F11AC"
}

.mdi-phone-rotate-landscape:before {
    content: "\F0885"
}

.mdi-phone-rotate-portrait:before {
    content: "\F0886"
}

.mdi-phone-settings:before {
    content: "\F03FD"
}

.mdi-phone-settings-outline:before {
    content: "\F119D"
}

.mdi-phone-voip:before {
    content: "\F03FE"
}

.mdi-pi:before {
    content: "\F03FF"
}

.mdi-pi-box:before {
    content: "\F0400"
}

.mdi-pi-hole:before {
    content: "\F0DF1"
}

.mdi-piano:before {
    content: "\F067D"
}

.mdi-pickaxe:before {
    content: "\F08B7"
}

.mdi-picture-in-picture-bottom-right:before {
    content: "\F0E57"
}

.mdi-picture-in-picture-bottom-right-outline:before {
    content: "\F0E58"
}

.mdi-picture-in-picture-top-right:before {
    content: "\F0E59"
}

.mdi-picture-in-picture-top-right-outline:before {
    content: "\F0E5A"
}

.mdi-pier:before {
    content: "\F0887"
}

.mdi-pier-crane:before {
    content: "\F0888"
}

.mdi-pig:before {
    content: "\F0401"
}

.mdi-pig-variant:before {
    content: "\F1006"
}

.mdi-pig-variant-outline:before {
    content: "\F1678"
}

.mdi-piggy-bank:before {
    content: "\F1007"
}

.mdi-piggy-bank-outline:before {
    content: "\F1679"
}

.mdi-pill:before {
    content: "\F0402"
}

.mdi-pillar:before {
    content: "\F0702"
}

.mdi-pin:before {
    content: "\F0403"
}

.mdi-pin-off:before {
    content: "\F0404"
}

.mdi-pin-off-outline:before {
    content: "\F0930"
}

.mdi-pin-outline:before {
    content: "\F0931"
}

.mdi-pine-tree:before {
    content: "\F0405"
}

.mdi-pine-tree-box:before {
    content: "\F0406"
}

.mdi-pine-tree-fire:before {
    content: "\F141A"
}

.mdi-pinterest:before {
    content: "\F0407"
}

.mdi-pinwheel:before {
    content: "\F0AD5"
}

.mdi-pinwheel-outline:before {
    content: "\F0AD6"
}

.mdi-pipe:before {
    content: "\F07E5"
}

.mdi-pipe-disconnected:before {
    content: "\F07E6"
}

.mdi-pipe-leak:before {
    content: "\F0889"
}

.mdi-pipe-wrench:before {
    content: "\F1354"
}

.mdi-pirate:before {
    content: "\F0A08"
}

.mdi-pistol:before {
    content: "\F0703"
}

.mdi-piston:before {
    content: "\F088A"
}

.mdi-pitchfork:before {
    content: "\F1553"
}

.mdi-pizza:before {
    content: "\F0409"
}

.mdi-play:before {
    content: "\F040A"
}

.mdi-play-box:before {
    content: "\F127A"
}

.mdi-play-box-multiple:before {
    content: "\F0D19"
}

.mdi-play-box-multiple-outline:before {
    content: "\F13E6"
}

.mdi-play-box-outline:before {
    content: "\F040B"
}

.mdi-play-circle:before {
    content: "\F040C"
}

.mdi-play-circle-outline:before {
    content: "\F040D"
}

.mdi-play-network:before {
    content: "\F088B"
}

.mdi-play-network-outline:before {
    content: "\F0CB7"
}

.mdi-play-outline:before {
    content: "\F0F1B"
}

.mdi-play-pause:before {
    content: "\F040E"
}

.mdi-play-protected-content:before {
    content: "\F040F"
}

.mdi-play-speed:before {
    content: "\F08FF"
}

.mdi-playlist-check:before {
    content: "\F05C7"
}

.mdi-playlist-edit:before {
    content: "\F0900"
}

.mdi-playlist-minus:before {
    content: "\F0410"
}

.mdi-playlist-music:before {
    content: "\F0CB8"
}

.mdi-playlist-music-outline:before {
    content: "\F0CB9"
}

.mdi-playlist-play:before {
    content: "\F0411"
}

.mdi-playlist-plus:before {
    content: "\F0412"
}

.mdi-playlist-remove:before {
    content: "\F0413"
}

.mdi-playlist-star:before {
    content: "\F0DF2"
}

.mdi-plex:before {
    content: "\F06BA"
}

.mdi-plus:before {
    content: "\F0415"
}

.mdi-plus-box:before {
    content: "\F0416"
}

.mdi-plus-box-multiple:before {
    content: "\F0334"
}

.mdi-plus-box-multiple-outline:before {
    content: "\F1143"
}

.mdi-plus-box-outline:before {
    content: "\F0704"
}

.mdi-plus-circle:before {
    content: "\F0417"
}

.mdi-plus-circle-multiple:before {
    content: "\F034C"
}

.mdi-plus-circle-multiple-outline:before {
    content: "\F0418"
}

.mdi-plus-circle-outline:before {
    content: "\F0419"
}

.mdi-plus-minus:before {
    content: "\F0992"
}

.mdi-plus-minus-box:before {
    content: "\F0993"
}

.mdi-plus-minus-variant:before {
    content: "\F14C9"
}

.mdi-plus-network:before {
    content: "\F041A"
}

.mdi-plus-network-outline:before {
    content: "\F0CBA"
}

.mdi-plus-one:before {
    content: "\F041B"
}

.mdi-plus-outline:before {
    content: "\F0705"
}

.mdi-plus-thick:before {
    content: "\F11EC"
}

.mdi-podcast:before {
    content: "\F0994"
}

.mdi-podium:before {
    content: "\F0D25"
}

.mdi-podium-bronze:before {
    content: "\F0D26"
}

.mdi-podium-gold:before {
    content: "\F0D27"
}

.mdi-podium-silver:before {
    content: "\F0D28"
}

.mdi-point-of-sale:before {
    content: "\F0D92"
}

.mdi-pokeball:before {
    content: "\F041D"
}

.mdi-pokemon-go:before {
    content: "\F0A09"
}

.mdi-poker-chip:before {
    content: "\F0830"
}

.mdi-polaroid:before {
    content: "\F041E"
}

.mdi-police-badge:before {
    content: "\F1167"
}

.mdi-police-badge-outline:before {
    content: "\F1168"
}

.mdi-poll:before {
    content: "\F041F"
}

.mdi-poll-box:before {
    content: "\F0420"
}

.mdi-poll-box-outline:before {
    content: "\F127B"
}

.mdi-polo:before {
    content: "\F14C3"
}

.mdi-polymer:before {
    content: "\F0421"
}

.mdi-pool:before {
    content: "\F0606"
}

.mdi-popcorn:before {
    content: "\F0422"
}

.mdi-post:before {
    content: "\F1008"
}

.mdi-post-outline:before {
    content: "\F1009"
}

.mdi-postage-stamp:before {
    content: "\F0CBB"
}

.mdi-pot:before {
    content: "\F02E5"
}

.mdi-pot-mix:before {
    content: "\F065B"
}

.mdi-pot-mix-outline:before {
    content: "\F0677"
}

.mdi-pot-outline:before {
    content: "\F02FF"
}

.mdi-pot-steam:before {
    content: "\F065A"
}

.mdi-pot-steam-outline:before {
    content: "\F0326"
}

.mdi-pound:before {
    content: "\F0423"
}

.mdi-pound-box:before {
    content: "\F0424"
}

.mdi-pound-box-outline:before {
    content: "\F117F"
}

.mdi-power:before {
    content: "\F0425"
}

.mdi-power-cycle:before {
    content: "\F0901"
}

.mdi-power-off:before {
    content: "\F0902"
}

.mdi-power-on:before {
    content: "\F0903"
}

.mdi-power-plug:before {
    content: "\F06A5"
}

.mdi-power-plug-off:before {
    content: "\F06A6"
}

.mdi-power-plug-off-outline:before {
    content: "\F1424"
}

.mdi-power-plug-outline:before {
    content: "\F1425"
}

.mdi-power-settings:before {
    content: "\F0426"
}

.mdi-power-sleep:before {
    content: "\F0904"
}

.mdi-power-socket:before {
    content: "\F0427"
}

.mdi-power-socket-au:before {
    content: "\F0905"
}

.mdi-power-socket-de:before {
    content: "\F1107"
}

.mdi-power-socket-eu:before {
    content: "\F07E7"
}

.mdi-power-socket-fr:before {
    content: "\F1108"
}

.mdi-power-socket-it:before {
    content: "\F14FF"
}

.mdi-power-socket-jp:before {
    content: "\F1109"
}

.mdi-power-socket-uk:before {
    content: "\F07E8"
}

.mdi-power-socket-us:before {
    content: "\F07E9"
}

.mdi-power-standby:before {
    content: "\F0906"
}

.mdi-powershell:before {
    content: "\F0A0A"
}

.mdi-prescription:before {
    content: "\F0706"
}

.mdi-presentation:before {
    content: "\F0428"
}

.mdi-presentation-play:before {
    content: "\F0429"
}

.mdi-pretzel:before {
    content: "\F1562"
}

.mdi-printer:before {
    content: "\F042A"
}

.mdi-printer-3d:before {
    content: "\F042B"
}

.mdi-printer-3d-nozzle:before {
    content: "\F0E5B"
}

.mdi-printer-3d-nozzle-alert:before {
    content: "\F11C0"
}

.mdi-printer-3d-nozzle-alert-outline:before {
    content: "\F11C1"
}

.mdi-printer-3d-nozzle-outline:before {
    content: "\F0E5C"
}

.mdi-printer-alert:before {
    content: "\F042C"
}

.mdi-printer-check:before {
    content: "\F1146"
}

.mdi-printer-eye:before {
    content: "\F1458"
}

.mdi-printer-off:before {
    content: "\F0E5D"
}

.mdi-printer-pos:before {
    content: "\F1057"
}

.mdi-printer-search:before {
    content: "\F1457"
}

.mdi-printer-settings:before {
    content: "\F0707"
}

.mdi-printer-wireless:before {
    content: "\F0A0B"
}

.mdi-priority-high:before {
    content: "\F0603"
}

.mdi-priority-low:before {
    content: "\F0604"
}

.mdi-professional-hexagon:before {
    content: "\F042D"
}

.mdi-progress-alert:before {
    content: "\F0CBC"
}

.mdi-progress-check:before {
    content: "\F0995"
}

.mdi-progress-clock:before {
    content: "\F0996"
}

.mdi-progress-close:before {
    content: "\F110A"
}

.mdi-progress-download:before {
    content: "\F0997"
}

.mdi-progress-question:before {
    content: "\F1522"
}

.mdi-progress-upload:before {
    content: "\F0998"
}

.mdi-progress-wrench:before {
    content: "\F0CBD"
}

.mdi-projector:before {
    content: "\F042E"
}

.mdi-projector-screen:before {
    content: "\F042F"
}

.mdi-propane-tank:before {
    content: "\F1357"
}

.mdi-propane-tank-outline:before {
    content: "\F1358"
}

.mdi-protocol:before {
    content: "\F0FD8"
}

.mdi-publish:before {
    content: "\F06A7"
}

.mdi-pulse:before {
    content: "\F0430"
}

.mdi-pump:before {
    content: "\F1402"
}

.mdi-pumpkin:before {
    content: "\F0BBF"
}

.mdi-purse:before {
    content: "\F0F1C"
}

.mdi-purse-outline:before {
    content: "\F0F1D"
}

.mdi-puzzle:before {
    content: "\F0431"
}

.mdi-puzzle-check:before {
    content: "\F1426"
}

.mdi-puzzle-check-outline:before {
    content: "\F1427"
}

.mdi-puzzle-edit:before {
    content: "\F14D3"
}

.mdi-puzzle-edit-outline:before {
    content: "\F14D9"
}

.mdi-puzzle-heart:before {
    content: "\F14D4"
}

.mdi-puzzle-heart-outline:before {
    content: "\F14DA"
}

.mdi-puzzle-minus:before {
    content: "\F14D1"
}

.mdi-puzzle-minus-outline:before {
    content: "\F14D7"
}

.mdi-puzzle-outline:before {
    content: "\F0A66"
}

.mdi-puzzle-plus:before {
    content: "\F14D0"
}

.mdi-puzzle-plus-outline:before {
    content: "\F14D6"
}

.mdi-puzzle-remove:before {
    content: "\F14D2"
}

.mdi-puzzle-remove-outline:before {
    content: "\F14D8"
}

.mdi-puzzle-star:before {
    content: "\F14D5"
}

.mdi-puzzle-star-outline:before {
    content: "\F14DB"
}

.mdi-qi:before {
    content: "\F0999"
}

.mdi-qqchat:before {
    content: "\F0605"
}

.mdi-qrcode:before {
    content: "\F0432"
}

.mdi-qrcode-edit:before {
    content: "\F08B8"
}

.mdi-qrcode-minus:before {
    content: "\F118C"
}

.mdi-qrcode-plus:before {
    content: "\F118B"
}

.mdi-qrcode-remove:before {
    content: "\F118D"
}

.mdi-qrcode-scan:before {
    content: "\F0433"
}

.mdi-quadcopter:before {
    content: "\F0434"
}

.mdi-quality-high:before {
    content: "\F0435"
}

.mdi-quality-low:before {
    content: "\F0A0C"
}

.mdi-quality-medium:before {
    content: "\F0A0D"
}

.mdi-quora:before {
    content: "\F0D29"
}

.mdi-rabbit:before {
    content: "\F0907"
}

.mdi-racing-helmet:before {
    content: "\F0D93"
}

.mdi-racquetball:before {
    content: "\F0D94"
}

.mdi-radar:before {
    content: "\F0437"
}

.mdi-radiator:before {
    content: "\F0438"
}

.mdi-radiator-disabled:before {
    content: "\F0AD7"
}

.mdi-radiator-off:before {
    content: "\F0AD8"
}

.mdi-radio:before {
    content: "\F0439"
}

.mdi-radio-am:before {
    content: "\F0CBE"
}

.mdi-radio-fm:before {
    content: "\F0CBF"
}

.mdi-radio-handheld:before {
    content: "\F043A"
}

.mdi-radio-off:before {
    content: "\F121C"
}

.mdi-radio-tower:before {
    content: "\F043B"
}

.mdi-radioactive:before {
    content: "\F043C"
}

.mdi-radioactive-off:before {
    content: "\F0EC1"
}

.mdi-radiobox-blank:before {
    content: "\F043D"
}

.mdi-radiobox-marked:before {
    content: "\F043E"
}

.mdi-radiology-box:before {
    content: "\F14C5"
}

.mdi-radiology-box-outline:before {
    content: "\F14C6"
}

.mdi-radius:before {
    content: "\F0CC0"
}

.mdi-radius-outline:before {
    content: "\F0CC1"
}

.mdi-railroad-light:before {
    content: "\F0F1E"
}

.mdi-rake:before {
    content: "\F1544"
}

.mdi-raspberry-pi:before {
    content: "\F043F"
}

.mdi-ray-end:before {
    content: "\F0440"
}

.mdi-ray-end-arrow:before {
    content: "\F0441"
}

.mdi-ray-start:before {
    content: "\F0442"
}

.mdi-ray-start-arrow:before {
    content: "\F0443"
}

.mdi-ray-start-end:before {
    content: "\F0444"
}

.mdi-ray-start-vertex-end:before {
    content: "\F15D8"
}

.mdi-ray-vertex:before {
    content: "\F0445"
}

.mdi-react:before {
    content: "\F0708"
}

.mdi-read:before {
    content: "\F0447"
}

.mdi-receipt:before {
    content: "\F0449"
}

.mdi-record:before {
    content: "\F044A"
}

.mdi-record-circle:before {
    content: "\F0EC2"
}

.mdi-record-circle-outline:before {
    content: "\F0EC3"
}

.mdi-record-player:before {
    content: "\F099A"
}

.mdi-record-rec:before {
    content: "\F044B"
}

.mdi-rectangle:before {
    content: "\F0E5E"
}

.mdi-rectangle-outline:before {
    content: "\F0E5F"
}

.mdi-recycle:before {
    content: "\F044C"
}

.mdi-recycle-variant:before {
    content: "\F139D"
}

.mdi-reddit:before {
    content: "\F044D"
}

.mdi-redhat:before {
    content: "\F111B"
}

.mdi-redo:before {
    content: "\F044E"
}

.mdi-redo-variant:before {
    content: "\F044F"
}

.mdi-reflect-horizontal:before {
    content: "\F0A0E"
}

.mdi-reflect-vertical:before {
    content: "\F0A0F"
}

.mdi-refresh:before {
    content: "\F0450"
}

.mdi-refresh-circle:before {
    content: "\F1377"
}

.mdi-regex:before {
    content: "\F0451"
}

.mdi-registered-trademark:before {
    content: "\F0A67"
}

.mdi-reiterate:before {
    content: "\F1588"
}

.mdi-relation-many-to-many:before {
    content: "\F1496"
}

.mdi-relation-many-to-one:before {
    content: "\F1497"
}

.mdi-relation-many-to-one-or-many:before {
    content: "\F1498"
}

.mdi-relation-many-to-only-one:before {
    content: "\F1499"
}

.mdi-relation-many-to-zero-or-many:before {
    content: "\F149A"
}

.mdi-relation-many-to-zero-or-one:before {
    content: "\F149B"
}

.mdi-relation-one-or-many-to-many:before {
    content: "\F149C"
}

.mdi-relation-one-or-many-to-one:before {
    content: "\F149D"
}

.mdi-relation-one-or-many-to-one-or-many:before {
    content: "\F149E"
}

.mdi-relation-one-or-many-to-only-one:before {
    content: "\F149F"
}

.mdi-relation-one-or-many-to-zero-or-many:before {
    content: "\F14A0"
}

.mdi-relation-one-or-many-to-zero-or-one:before {
    content: "\F14A1"
}

.mdi-relation-one-to-many:before {
    content: "\F14A2"
}

.mdi-relation-one-to-one:before {
    content: "\F14A3"
}

.mdi-relation-one-to-one-or-many:before {
    content: "\F14A4"
}

.mdi-relation-one-to-only-one:before {
    content: "\F14A5"
}

.mdi-relation-one-to-zero-or-many:before {
    content: "\F14A6"
}

.mdi-relation-one-to-zero-or-one:before {
    content: "\F14A7"
}

.mdi-relation-only-one-to-many:before {
    content: "\F14A8"
}

.mdi-relation-only-one-to-one:before {
    content: "\F14A9"
}

.mdi-relation-only-one-to-one-or-many:before {
    content: "\F14AA"
}

.mdi-relation-only-one-to-only-one:before {
    content: "\F14AB"
}

.mdi-relation-only-one-to-zero-or-many:before {
    content: "\F14AC"
}

.mdi-relation-only-one-to-zero-or-one:before {
    content: "\F14AD"
}

.mdi-relation-zero-or-many-to-many:before {
    content: "\F14AE"
}

.mdi-relation-zero-or-many-to-one:before {
    content: "\F14AF"
}

.mdi-relation-zero-or-many-to-one-or-many:before {
    content: "\F14B0"
}

.mdi-relation-zero-or-many-to-only-one:before {
    content: "\F14B1"
}

.mdi-relation-zero-or-many-to-zero-or-many:before {
    content: "\F14B2"
}

.mdi-relation-zero-or-many-to-zero-or-one:before {
    content: "\F14B3"
}

.mdi-relation-zero-or-one-to-many:before {
    content: "\F14B4"
}

.mdi-relation-zero-or-one-to-one:before {
    content: "\F14B5"
}

.mdi-relation-zero-or-one-to-one-or-many:before {
    content: "\F14B6"
}

.mdi-relation-zero-or-one-to-only-one:before {
    content: "\F14B7"
}

.mdi-relation-zero-or-one-to-zero-or-many:before {
    content: "\F14B8"
}

.mdi-relation-zero-or-one-to-zero-or-one:before {
    content: "\F14B9"
}

.mdi-relative-scale:before {
    content: "\F0452"
}

.mdi-reload:before {
    content: "\F0453"
}

.mdi-reload-alert:before {
    content: "\F110B"
}

.mdi-reminder:before {
    content: "\F088C"
}

.mdi-remote:before {
    content: "\F0454"
}

.mdi-remote-desktop:before {
    content: "\F08B9"
}

.mdi-remote-off:before {
    content: "\F0EC4"
}

.mdi-remote-tv:before {
    content: "\F0EC5"
}

.mdi-remote-tv-off:before {
    content: "\F0EC6"
}

.mdi-rename-box:before {
    content: "\F0455"
}

.mdi-reorder-horizontal:before {
    content: "\F0688"
}

.mdi-reorder-vertical:before {
    content: "\F0689"
}

.mdi-repeat:before {
    content: "\F0456"
}

.mdi-repeat-off:before {
    content: "\F0457"
}

.mdi-repeat-once:before {
    content: "\F0458"
}

.mdi-replay:before {
    content: "\F0459"
}

.mdi-reply:before {
    content: "\F045A"
}

.mdi-reply-all:before {
    content: "\F045B"
}

.mdi-reply-all-outline:before {
    content: "\F0F1F"
}

.mdi-reply-circle:before {
    content: "\F11AE"
}

.mdi-reply-outline:before {
    content: "\F0F20"
}

.mdi-reproduction:before {
    content: "\F045C"
}

.mdi-resistor:before {
    content: "\F0B44"
}

.mdi-resistor-nodes:before {
    content: "\F0B45"
}

.mdi-resize:before {
    content: "\F0A68"
}

.mdi-resize-bottom-right:before {
    content: "\F045D"
}

.mdi-responsive:before {
    content: "\F045E"
}

.mdi-restart:before {
    content: "\F0709"
}

.mdi-restart-alert:before {
    content: "\F110C"
}

.mdi-restart-off:before {
    content: "\F0D95"
}

.mdi-restore:before {
    content: "\F099B"
}

.mdi-restore-alert:before {
    content: "\F110D"
}

.mdi-rewind:before {
    content: "\F045F"
}

.mdi-rewind-10:before {
    content: "\F0D2A"
}

.mdi-rewind-30:before {
    content: "\F0D96"
}

.mdi-rewind-5:before {
    content: "\F11F9"
}

.mdi-rewind-60:before {
    content: "\F160C"
}

.mdi-rewind-outline:before {
    content: "\F070A"
}

.mdi-rhombus:before {
    content: "\F070B"
}

.mdi-rhombus-medium:before {
    content: "\F0A10"
}

.mdi-rhombus-medium-outline:before {
    content: "\F14DC"
}

.mdi-rhombus-outline:before {
    content: "\F070C"
}

.mdi-rhombus-split:before {
    content: "\F0A11"
}

.mdi-rhombus-split-outline:before {
    content: "\F14DD"
}

.mdi-ribbon:before {
    content: "\F0460"
}

.mdi-rice:before {
    content: "\F07EA"
}

.mdi-rickshaw:before {
    content: "\F15BB"
}

.mdi-rickshaw-electric:before {
    content: "\F15BC"
}

.mdi-ring:before {
    content: "\F07EB"
}

.mdi-rivet:before {
    content: "\F0E60"
}

.mdi-road:before {
    content: "\F0461"
}

.mdi-road-variant:before {
    content: "\F0462"
}

.mdi-robber:before {
    content: "\F1058"
}

.mdi-robot:before {
    content: "\F06A9"
}

.mdi-robot-angry:before {
    content: "\F169D"
}

.mdi-robot-angry-outline:before {
    content: "\F169E"
}

.mdi-robot-confused:before {
    content: "\F169F"
}

.mdi-robot-confused-outline:before {
    content: "\F16A0"
}

.mdi-robot-dead:before {
    content: "\F16A1"
}

.mdi-robot-dead-outline:before {
    content: "\F16A2"
}

.mdi-robot-excited:before {
    content: "\F16A3"
}

.mdi-robot-excited-outline:before {
    content: "\F16A4"
}

.mdi-robot-industrial:before {
    content: "\F0B46"
}

.mdi-robot-love:before {
    content: "\F16A5"
}

.mdi-robot-love-outline:before {
    content: "\F16A6"
}

.mdi-robot-mower:before {
    content: "\F11F7"
}

.mdi-robot-mower-outline:before {
    content: "\F11F3"
}

.mdi-robot-off:before {
    content: "\F16A7"
}

.mdi-robot-off-outline:before {
    content: "\F167B"
}

.mdi-robot-outline:before {
    content: "\F167A"
}

.mdi-robot-vacuum:before {
    content: "\F070D"
}

.mdi-robot-vacuum-variant:before {
    content: "\F0908"
}

.mdi-rocket:before {
    content: "\F0463"
}

.mdi-rocket-launch:before {
    content: "\F14DE"
}

.mdi-rocket-launch-outline:before {
    content: "\F14DF"
}

.mdi-rocket-outline:before {
    content: "\F13AF"
}

.mdi-rodent:before {
    content: "\F1327"
}

.mdi-roller-skate:before {
    content: "\F0D2B"
}

.mdi-roller-skate-off:before {
    content: "\F0145"
}

.mdi-rollerblade:before {
    content: "\F0D2C"
}

.mdi-rollerblade-off:before {
    content: "\F002E"
}

.mdi-rollupjs:before {
    content: "\F0BC0"
}

.mdi-roman-numeral-1:before {
    content: "\F1088"
}

.mdi-roman-numeral-10:before {
    content: "\F1091"
}

.mdi-roman-numeral-2:before {
    content: "\F1089"
}

.mdi-roman-numeral-3:before {
    content: "\F108A"
}

.mdi-roman-numeral-4:before {
    content: "\F108B"
}

.mdi-roman-numeral-5:before {
    content: "\F108C"
}

.mdi-roman-numeral-6:before {
    content: "\F108D"
}

.mdi-roman-numeral-7:before {
    content: "\F108E"
}

.mdi-roman-numeral-8:before {
    content: "\F108F"
}

.mdi-roman-numeral-9:before {
    content: "\F1090"
}

.mdi-room-service:before {
    content: "\F088D"
}

.mdi-room-service-outline:before {
    content: "\F0D97"
}

.mdi-rotate-3d:before {
    content: "\F0EC7"
}

.mdi-rotate-3d-variant:before {
    content: "\F0464"
}

.mdi-rotate-left:before {
    content: "\F0465"
}

.mdi-rotate-left-variant:before {
    content: "\F0466"
}

.mdi-rotate-orbit:before {
    content: "\F0D98"
}

.mdi-rotate-right:before {
    content: "\F0467"
}

.mdi-rotate-right-variant:before {
    content: "\F0468"
}

.mdi-rounded-corner:before {
    content: "\F0607"
}

.mdi-router:before {
    content: "\F11E2"
}

.mdi-router-network:before {
    content: "\F1087"
}

.mdi-router-wireless:before {
    content: "\F0469"
}

.mdi-router-wireless-off:before {
    content: "\F15A3"
}

.mdi-router-wireless-settings:before {
    content: "\F0A69"
}

.mdi-routes:before {
    content: "\F046A"
}

.mdi-routes-clock:before {
    content: "\F1059"
}

.mdi-rowing:before {
    content: "\F0608"
}

.mdi-rss:before {
    content: "\F046B"
}

.mdi-rss-box:before {
    content: "\F046C"
}

.mdi-rss-off:before {
    content: "\F0F21"
}

.mdi-rug:before {
    content: "\F1475"
}

.mdi-rugby:before {
    content: "\F0D99"
}

.mdi-ruler:before {
    content: "\F046D"
}

.mdi-ruler-square:before {
    content: "\F0CC2"
}

.mdi-ruler-square-compass:before {
    content: "\F0EBE"
}

.mdi-run:before {
    content: "\F070E"
}

.mdi-run-fast:before {
    content: "\F046E"
}

.mdi-rv-truck:before {
    content: "\F11D4"
}

.mdi-sack:before {
    content: "\F0D2E"
}

.mdi-sack-percent:before {
    content: "\F0D2F"
}

.mdi-safe:before {
    content: "\F0A6A"
}

.mdi-safe-square:before {
    content: "\F127C"
}

.mdi-safe-square-outline:before {
    content: "\F127D"
}

.mdi-safety-goggles:before {
    content: "\F0D30"
}

.mdi-sail-boat:before {
    content: "\F0EC8"
}

.mdi-sale:before {
    content: "\F046F"
}

.mdi-salesforce:before {
    content: "\F088E"
}

.mdi-sass:before {
    content: "\F07EC"
}

.mdi-satellite:before {
    content: "\F0470"
}

.mdi-satellite-uplink:before {
    content: "\F0909"
}

.mdi-satellite-variant:before {
    content: "\F0471"
}

.mdi-sausage:before {
    content: "\F08BA"
}

.mdi-saw-blade:before {
    content: "\F0E61"
}

.mdi-sawtooth-wave:before {
    content: "\F147A"
}

.mdi-saxophone:before {
    content: "\F0609"
}

.mdi-scale:before {
    content: "\F0472"
}

.mdi-scale-balance:before {
    content: "\F05D1"
}

.mdi-scale-bathroom:before {
    content: "\F0473"
}

.mdi-scale-off:before {
    content: "\F105A"
}

.mdi-scan-helper:before {
    content: "\F13D8"
}

.mdi-scanner:before {
    content: "\F06AB"
}

.mdi-scanner-off:before {
    content: "\F090A"
}

.mdi-scatter-plot:before {
    content: "\F0EC9"
}

.mdi-scatter-plot-outline:before {
    content: "\F0ECA"
}

.mdi-school:before {
    content: "\F0474"
}

.mdi-school-outline:before {
    content: "\F1180"
}

.mdi-scissors-cutting:before {
    content: "\F0A6B"
}

.mdi-scooter:before {
    content: "\F15BD"
}

.mdi-scooter-electric:before {
    content: "\F15BE"
}

.mdi-scoreboard:before {
    content: "\F127E"
}

.mdi-scoreboard-outline:before {
    content: "\F127F"
}

.mdi-screen-rotation:before {
    content: "\F0475"
}

.mdi-screen-rotation-lock:before {
    content: "\F0478"
}

.mdi-screw-flat-top:before {
    content: "\F0DF3"
}

.mdi-screw-lag:before {
    content: "\F0DF4"
}

.mdi-screw-machine-flat-top:before {
    content: "\F0DF5"
}

.mdi-screw-machine-round-top:before {
    content: "\F0DF6"
}

.mdi-screw-round-top:before {
    content: "\F0DF7"
}

.mdi-screwdriver:before {
    content: "\F0476"
}

.mdi-script:before {
    content: "\F0BC1"
}

.mdi-script-outline:before {
    content: "\F0477"
}

.mdi-script-text:before {
    content: "\F0BC2"
}

.mdi-script-text-outline:before {
    content: "\F0BC3"
}

.mdi-sd:before {
    content: "\F0479"
}

.mdi-seal:before {
    content: "\F047A"
}

.mdi-seal-variant:before {
    content: "\F0FD9"
}

.mdi-search-web:before {
    content: "\F070F"
}

.mdi-seat:before {
    content: "\F0CC3"
}

.mdi-seat-flat:before {
    content: "\F047B"
}

.mdi-seat-flat-angled:before {
    content: "\F047C"
}

.mdi-seat-individual-suite:before {
    content: "\F047D"
}

.mdi-seat-legroom-extra:before {
    content: "\F047E"
}

.mdi-seat-legroom-normal:before {
    content: "\F047F"
}

.mdi-seat-legroom-reduced:before {
    content: "\F0480"
}

.mdi-seat-outline:before {
    content: "\F0CC4"
}

.mdi-seat-passenger:before {
    content: "\F1249"
}

.mdi-seat-recline-extra:before {
    content: "\F0481"
}

.mdi-seat-recline-normal:before {
    content: "\F0482"
}

.mdi-seatbelt:before {
    content: "\F0CC5"
}

.mdi-security:before {
    content: "\F0483"
}

.mdi-security-network:before {
    content: "\F0484"
}

.mdi-seed:before {
    content: "\F0E62"
}

.mdi-seed-off:before {
    content: "\F13FD"
}

.mdi-seed-off-outline:before {
    content: "\F13FE"
}

.mdi-seed-outline:before {
    content: "\F0E63"
}

.mdi-seesaw:before {
    content: "\F15A4"
}

.mdi-segment:before {
    content: "\F0ECB"
}

.mdi-select:before {
    content: "\F0485"
}

.mdi-select-all:before {
    content: "\F0486"
}

.mdi-select-color:before {
    content: "\F0D31"
}

.mdi-select-compare:before {
    content: "\F0AD9"
}

.mdi-select-drag:before {
    content: "\F0A6C"
}

.mdi-select-group:before {
    content: "\F0F82"
}

.mdi-select-inverse:before {
    content: "\F0487"
}

.mdi-select-marker:before {
    content: "\F1280"
}

.mdi-select-multiple:before {
    content: "\F1281"
}

.mdi-select-multiple-marker:before {
    content: "\F1282"
}

.mdi-select-off:before {
    content: "\F0488"
}

.mdi-select-place:before {
    content: "\F0FDA"
}

.mdi-select-search:before {
    content: "\F1204"
}

.mdi-selection:before {
    content: "\F0489"
}

.mdi-selection-drag:before {
    content: "\F0A6D"
}

.mdi-selection-ellipse:before {
    content: "\F0D32"
}

.mdi-selection-ellipse-arrow-inside:before {
    content: "\F0F22"
}

.mdi-selection-marker:before {
    content: "\F1283"
}

.mdi-selection-multiple:before {
    content: "\F1285"
}

.mdi-selection-multiple-marker:before {
    content: "\F1284"
}

.mdi-selection-off:before {
    content: "\F0777"
}

.mdi-selection-search:before {
    content: "\F1205"
}

.mdi-semantic-web:before {
    content: "\F1316"
}

.mdi-send:before {
    content: "\F048A"
}

.mdi-send-check:before {
    content: "\F1161"
}

.mdi-send-check-outline:before {
    content: "\F1162"
}

.mdi-send-circle:before {
    content: "\F0DF8"
}

.mdi-send-circle-outline:before {
    content: "\F0DF9"
}

.mdi-send-clock:before {
    content: "\F1163"
}

.mdi-send-clock-outline:before {
    content: "\F1164"
}

.mdi-send-lock:before {
    content: "\F07ED"
}

.mdi-send-lock-outline:before {
    content: "\F1166"
}

.mdi-send-outline:before {
    content: "\F1165"
}

.mdi-serial-port:before {
    content: "\F065C"
}

.mdi-server:before {
    content: "\F048B"
}

.mdi-server-minus:before {
    content: "\F048C"
}

.mdi-server-network:before {
    content: "\F048D"
}

.mdi-server-network-off:before {
    content: "\F048E"
}

.mdi-server-off:before {
    content: "\F048F"
}

.mdi-server-plus:before {
    content: "\F0490"
}

.mdi-server-remove:before {
    content: "\F0491"
}

.mdi-server-security:before {
    content: "\F0492"
}

.mdi-set-all:before {
    content: "\F0778"
}

.mdi-set-center:before {
    content: "\F0779"
}

.mdi-set-center-right:before {
    content: "\F077A"
}

.mdi-set-left:before {
    content: "\F077B"
}

.mdi-set-left-center:before {
    content: "\F077C"
}

.mdi-set-left-right:before {
    content: "\F077D"
}

.mdi-set-merge:before {
    content: "\F14E0"
}

.mdi-set-none:before {
    content: "\F077E"
}

.mdi-set-right:before {
    content: "\F077F"
}

.mdi-set-split:before {
    content: "\F14E1"
}

.mdi-set-square:before {
    content: "\F145D"
}

.mdi-set-top-box:before {
    content: "\F099F"
}

.mdi-settings-helper:before {
    content: "\F0A6E"
}

.mdi-shaker:before {
    content: "\F110E"
}

.mdi-shaker-outline:before {
    content: "\F110F"
}

.mdi-shape:before {
    content: "\F0831"
}

.mdi-shape-circle-plus:before {
    content: "\F065D"
}

.mdi-shape-outline:before {
    content: "\F0832"
}

.mdi-shape-oval-plus:before {
    content: "\F11FA"
}

.mdi-shape-plus:before {
    content: "\F0495"
}

.mdi-shape-polygon-plus:before {
    content: "\F065E"
}

.mdi-shape-rectangle-plus:before {
    content: "\F065F"
}

.mdi-shape-square-plus:before {
    content: "\F0660"
}

.mdi-shape-square-rounded-plus:before {
    content: "\F14FA"
}

.mdi-share:before {
    content: "\F0496"
}

.mdi-share-all:before {
    content: "\F11F4"
}

.mdi-share-all-outline:before {
    content: "\F11F5"
}

.mdi-share-circle:before {
    content: "\F11AD"
}

.mdi-share-off:before {
    content: "\F0F23"
}

.mdi-share-off-outline:before {
    content: "\F0F24"
}

.mdi-share-outline:before {
    content: "\F0932"
}

.mdi-share-variant:before {
    content: "\F0497"
}

.mdi-share-variant-outline:before {
    content: "\F1514"
}

.mdi-shark-fin:before {
    content: "\F1673"
}

.mdi-shark-fin-outline:before {
    content: "\F1674"
}

.mdi-sheep:before {
    content: "\F0CC6"
}

.mdi-shield:before {
    content: "\F0498"
}

.mdi-shield-account:before {
    content: "\F088F"
}

.mdi-shield-account-outline:before {
    content: "\F0A12"
}

.mdi-shield-account-variant:before {
    content: "\F15A7"
}

.mdi-shield-account-variant-outline:before {
    content: "\F15A8"
}

.mdi-shield-airplane:before {
    content: "\F06BB"
}

.mdi-shield-airplane-outline:before {
    content: "\F0CC7"
}

.mdi-shield-alert:before {
    content: "\F0ECC"
}

.mdi-shield-alert-outline:before {
    content: "\F0ECD"
}

.mdi-shield-bug:before {
    content: "\F13DA"
}

.mdi-shield-bug-outline:before {
    content: "\F13DB"
}

.mdi-shield-car:before {
    content: "\F0F83"
}

.mdi-shield-check:before {
    content: "\F0565"
}

.mdi-shield-check-outline:before {
    content: "\F0CC8"
}

.mdi-shield-cross:before {
    content: "\F0CC9"
}

.mdi-shield-cross-outline:before {
    content: "\F0CCA"
}

.mdi-shield-edit:before {
    content: "\F11A0"
}

.mdi-shield-edit-outline:before {
    content: "\F11A1"
}

.mdi-shield-half:before {
    content: "\F1360"
}

.mdi-shield-half-full:before {
    content: "\F0780"
}

.mdi-shield-home:before {
    content: "\F068A"
}

.mdi-shield-home-outline:before {
    content: "\F0CCB"
}

.mdi-shield-key:before {
    content: "\F0BC4"
}

.mdi-shield-key-outline:before {
    content: "\F0BC5"
}

.mdi-shield-link-variant:before {
    content: "\F0D33"
}

.mdi-shield-link-variant-outline:before {
    content: "\F0D34"
}

.mdi-shield-lock:before {
    content: "\F099D"
}

.mdi-shield-lock-outline:before {
    content: "\F0CCC"
}

.mdi-shield-off:before {
    content: "\F099E"
}

.mdi-shield-off-outline:before {
    content: "\F099C"
}

.mdi-shield-outline:before {
    content: "\F0499"
}

.mdi-shield-plus:before {
    content: "\F0ADA"
}

.mdi-shield-plus-outline:before {
    content: "\F0ADB"
}

.mdi-shield-refresh:before {
    content: "\F00AA"
}

.mdi-shield-refresh-outline:before {
    content: "\F01E0"
}

.mdi-shield-remove:before {
    content: "\F0ADC"
}

.mdi-shield-remove-outline:before {
    content: "\F0ADD"
}

.mdi-shield-search:before {
    content: "\F0D9A"
}

.mdi-shield-star:before {
    content: "\F113B"
}

.mdi-shield-star-outline:before {
    content: "\F113C"
}

.mdi-shield-sun:before {
    content: "\F105D"
}

.mdi-shield-sun-outline:before {
    content: "\F105E"
}

.mdi-shield-sync:before {
    content: "\F11A2"
}

.mdi-shield-sync-outline:before {
    content: "\F11A3"
}

.mdi-ship-wheel:before {
    content: "\F0833"
}

.mdi-shoe-ballet:before {
    content: "\F15CA"
}

.mdi-shoe-cleat:before {
    content: "\F15C7"
}

.mdi-shoe-formal:before {
    content: "\F0B47"
}

.mdi-shoe-heel:before {
    content: "\F0B48"
}

.mdi-shoe-print:before {
    content: "\F0DFA"
}

.mdi-shoe-sneaker:before {
    content: "\F15C8"
}

.mdi-shopping:before {
    content: "\F049A"
}

.mdi-shopping-music:before {
    content: "\F049B"
}

.mdi-shopping-outline:before {
    content: "\F11D5"
}

.mdi-shopping-search:before {
    content: "\F0F84"
}

.mdi-shore:before {
    content: "\F14F9"
}

.mdi-shovel:before {
    content: "\F0710"
}

.mdi-shovel-off:before {
    content: "\F0711"
}

.mdi-shower:before {
    content: "\F09A0"
}

.mdi-shower-head:before {
    content: "\F09A1"
}

.mdi-shredder:before {
    content: "\F049C"
}

.mdi-shuffle:before {
    content: "\F049D"
}

.mdi-shuffle-disabled:before {
    content: "\F049E"
}

.mdi-shuffle-variant:before {
    content: "\F049F"
}

.mdi-shuriken:before {
    content: "\F137F"
}

.mdi-sigma:before {
    content: "\F04A0"
}

.mdi-sigma-lower:before {
    content: "\F062B"
}

.mdi-sign-caution:before {
    content: "\F04A1"
}

.mdi-sign-direction:before {
    content: "\F0781"
}

.mdi-sign-direction-minus:before {
    content: "\F1000"
}

.mdi-sign-direction-plus:before {
    content: "\F0FDC"
}

.mdi-sign-direction-remove:before {
    content: "\F0FDD"
}

.mdi-sign-pole:before {
    content: "\F14F8"
}

.mdi-sign-real-estate:before {
    content: "\F1118"
}

.mdi-sign-text:before {
    content: "\F0782"
}

.mdi-signal:before {
    content: "\F04A2"
}

.mdi-signal-2g:before {
    content: "\F0712"
}

.mdi-signal-3g:before {
    content: "\F0713"
}

.mdi-signal-4g:before {
    content: "\F0714"
}

.mdi-signal-5g:before {
    content: "\F0A6F"
}

.mdi-signal-cellular-1:before {
    content: "\F08BC"
}

.mdi-signal-cellular-2:before {
    content: "\F08BD"
}

.mdi-signal-cellular-3:before {
    content: "\F08BE"
}

.mdi-signal-cellular-outline:before {
    content: "\F08BF"
}

.mdi-signal-distance-variant:before {
    content: "\F0E64"
}

.mdi-signal-hspa:before {
    content: "\F0715"
}

.mdi-signal-hspa-plus:before {
    content: "\F0716"
}

.mdi-signal-off:before {
    content: "\F0783"
}

.mdi-signal-variant:before {
    content: "\F060A"
}

.mdi-signature:before {
    content: "\F0DFB"
}

.mdi-signature-freehand:before {
    content: "\F0DFC"
}

.mdi-signature-image:before {
    content: "\F0DFD"
}

.mdi-signature-text:before {
    content: "\F0DFE"
}

.mdi-silo:before {
    content: "\F0B49"
}

.mdi-silverware:before {
    content: "\F04A3"
}

.mdi-silverware-clean:before {
    content: "\F0FDE"
}

.mdi-silverware-fork:before {
    content: "\F04A4"
}

.mdi-silverware-fork-knife:before {
    content: "\F0A70"
}

.mdi-silverware-spoon:before {
    content: "\F04A5"
}

.mdi-silverware-variant:before {
    content: "\F04A6"
}

.mdi-sim:before {
    content: "\F04A7"
}

.mdi-sim-alert:before {
    content: "\F04A8"
}

.mdi-sim-alert-outline:before {
    content: "\F15D3"
}

.mdi-sim-off:before {
    content: "\F04A9"
}

.mdi-sim-off-outline:before {
    content: "\F15D4"
}

.mdi-sim-outline:before {
    content: "\F15D5"
}

.mdi-simple-icons:before {
    content: "\F131D"
}

.mdi-sina-weibo:before {
    content: "\F0ADF"
}

.mdi-sine-wave:before {
    content: "\F095B"
}

.mdi-sitemap:before {
    content: "\F04AA"
}

.mdi-size-l:before {
    content: "\F13A6"
}

.mdi-size-m:before {
    content: "\F13A5"
}

.mdi-size-s:before {
    content: "\F13A4"
}

.mdi-size-xl:before {
    content: "\F13A7"
}

.mdi-size-xs:before {
    content: "\F13A3"
}

.mdi-size-xxl:before {
    content: "\F13A8"
}

.mdi-size-xxs:before {
    content: "\F13A2"
}

.mdi-size-xxxl:before {
    content: "\F13A9"
}

.mdi-skate:before {
    content: "\F0D35"
}

.mdi-skateboard:before {
    content: "\F14C2"
}

.mdi-skew-less:before {
    content: "\F0D36"
}

.mdi-skew-more:before {
    content: "\F0D37"
}

.mdi-ski:before {
    content: "\F1304"
}

.mdi-ski-cross-country:before {
    content: "\F1305"
}

.mdi-ski-water:before {
    content: "\F1306"
}

.mdi-skip-backward:before {
    content: "\F04AB"
}

.mdi-skip-backward-outline:before {
    content: "\F0F25"
}

.mdi-skip-forward:before {
    content: "\F04AC"
}

.mdi-skip-forward-outline:before {
    content: "\F0F26"
}

.mdi-skip-next:before {
    content: "\F04AD"
}

.mdi-skip-next-circle:before {
    content: "\F0661"
}

.mdi-skip-next-circle-outline:before {
    content: "\F0662"
}

.mdi-skip-next-outline:before {
    content: "\F0F27"
}

.mdi-skip-previous:before {
    content: "\F04AE"
}

.mdi-skip-previous-circle:before {
    content: "\F0663"
}

.mdi-skip-previous-circle-outline:before {
    content: "\F0664"
}

.mdi-skip-previous-outline:before {
    content: "\F0F28"
}

.mdi-skull:before {
    content: "\F068C"
}

.mdi-skull-crossbones:before {
    content: "\F0BC6"
}

.mdi-skull-crossbones-outline:before {
    content: "\F0BC7"
}

.mdi-skull-outline:before {
    content: "\F0BC8"
}

.mdi-skull-scan:before {
    content: "\F14C7"
}

.mdi-skull-scan-outline:before {
    content: "\F14C8"
}

.mdi-skype:before {
    content: "\F04AF"
}

.mdi-skype-business:before {
    content: "\F04B0"
}

.mdi-slack:before {
    content: "\F04B1"
}

.mdi-slash-forward:before {
    content: "\F0FDF"
}

.mdi-slash-forward-box:before {
    content: "\F0FE0"
}

.mdi-sleep:before {
    content: "\F04B2"
}

.mdi-sleep-off:before {
    content: "\F04B3"
}

.mdi-slide:before {
    content: "\F15A5"
}

.mdi-slope-downhill:before {
    content: "\F0DFF"
}

.mdi-slope-uphill:before {
    content: "\F0E00"
}

.mdi-slot-machine:before {
    content: "\F1114"
}

.mdi-slot-machine-outline:before {
    content: "\F1115"
}

.mdi-smart-card:before {
    content: "\F10BD"
}

.mdi-smart-card-outline:before {
    content: "\F10BE"
}

.mdi-smart-card-reader:before {
    content: "\F10BF"
}

.mdi-smart-card-reader-outline:before {
    content: "\F10C0"
}

.mdi-smog:before {
    content: "\F0A71"
}

.mdi-smoke-detector:before {
    content: "\F0392"
}

.mdi-smoking:before {
    content: "\F04B4"
}

.mdi-smoking-off:before {
    content: "\F04B5"
}

.mdi-smoking-pipe:before {
    content: "\F140D"
}

.mdi-smoking-pipe-off:before {
    content: "\F1428"
}

.mdi-snail:before {
    content: "\F1677"
}

.mdi-snake:before {
    content: "\F150E"
}

.mdi-snapchat:before {
    content: "\F04B6"
}

.mdi-snowboard:before {
    content: "\F1307"
}

.mdi-snowflake:before {
    content: "\F0717"
}

.mdi-snowflake-alert:before {
    content: "\F0F29"
}

.mdi-snowflake-melt:before {
    content: "\F12CB"
}

.mdi-snowflake-off:before {
    content: "\F14E3"
}

.mdi-snowflake-variant:before {
    content: "\F0F2A"
}

.mdi-snowman:before {
    content: "\F04B7"
}

.mdi-soccer:before {
    content: "\F04B8"
}

.mdi-soccer-field:before {
    content: "\F0834"
}

.mdi-social-distance-2-meters:before {
    content: "\F1579"
}

.mdi-social-distance-6-feet:before {
    content: "\F157A"
}

.mdi-sofa:before {
    content: "\F04B9"
}

.mdi-sofa-outline:before {
    content: "\F156D"
}

.mdi-sofa-single:before {
    content: "\F156E"
}

.mdi-sofa-single-outline:before {
    content: "\F156F"
}

.mdi-solar-panel:before {
    content: "\F0D9B"
}

.mdi-solar-panel-large:before {
    content: "\F0D9C"
}

.mdi-solar-power:before {
    content: "\F0A72"
}

.mdi-soldering-iron:before {
    content: "\F1092"
}

.mdi-solid:before {
    content: "\F068D"
}

.mdi-sony-playstation:before {
    content: "\F0414"
}

.mdi-sort:before {
    content: "\F04BA"
}

.mdi-sort-alphabetical-ascending:before {
    content: "\F05BD"
}

.mdi-sort-alphabetical-ascending-variant:before {
    content: "\F1148"
}

.mdi-sort-alphabetical-descending:before {
    content: "\F05BF"
}

.mdi-sort-alphabetical-descending-variant:before {
    content: "\F1149"
}

.mdi-sort-alphabetical-variant:before {
    content: "\F04BB"
}

.mdi-sort-ascending:before {
    content: "\F04BC"
}

.mdi-sort-bool-ascending:before {
    content: "\F1385"
}

.mdi-sort-bool-ascending-variant:before {
    content: "\F1386"
}

.mdi-sort-bool-descending:before {
    content: "\F1387"
}

.mdi-sort-bool-descending-variant:before {
    content: "\F1388"
}

.mdi-sort-calendar-ascending:before {
    content: "\F1547"
}

.mdi-sort-calendar-descending:before {
    content: "\F1548"
}

.mdi-sort-clock-ascending:before {
    content: "\F1549"
}

.mdi-sort-clock-ascending-outline:before {
    content: "\F154A"
}

.mdi-sort-clock-descending:before {
    content: "\F154B"
}

.mdi-sort-clock-descending-outline:before {
    content: "\F154C"
}

.mdi-sort-descending:before {
    content: "\F04BD"
}

.mdi-sort-numeric-ascending:before {
    content: "\F1389"
}

.mdi-sort-numeric-ascending-variant:before {
    content: "\F090D"
}

.mdi-sort-numeric-descending:before {
    content: "\F138A"
}

.mdi-sort-numeric-descending-variant:before {
    content: "\F0AD2"
}

.mdi-sort-numeric-variant:before {
    content: "\F04BE"
}

.mdi-sort-reverse-variant:before {
    content: "\F033C"
}

.mdi-sort-variant:before {
    content: "\F04BF"
}

.mdi-sort-variant-lock:before {
    content: "\F0CCD"
}

.mdi-sort-variant-lock-open:before {
    content: "\F0CCE"
}

.mdi-sort-variant-remove:before {
    content: "\F1147"
}

.mdi-soundcloud:before {
    content: "\F04C0"
}

.mdi-source-branch:before {
    content: "\F062C"
}

.mdi-source-branch-check:before {
    content: "\F14CF"
}

.mdi-source-branch-minus:before {
    content: "\F14CB"
}

.mdi-source-branch-plus:before {
    content: "\F14CA"
}

.mdi-source-branch-refresh:before {
    content: "\F14CD"
}

.mdi-source-branch-remove:before {
    content: "\F14CC"
}

.mdi-source-branch-sync:before {
    content: "\F14CE"
}

.mdi-source-commit:before {
    content: "\F0718"
}

.mdi-source-commit-end:before {
    content: "\F0719"
}

.mdi-source-commit-end-local:before {
    content: "\F071A"
}

.mdi-source-commit-local:before {
    content: "\F071B"
}

.mdi-source-commit-next-local:before {
    content: "\F071C"
}

.mdi-source-commit-start:before {
    content: "\F071D"
}

.mdi-source-commit-start-next-local:before {
    content: "\F071E"
}

.mdi-source-fork:before {
    content: "\F04C1"
}

.mdi-source-merge:before {
    content: "\F062D"
}

.mdi-source-pull:before {
    content: "\F04C2"
}

.mdi-source-repository:before {
    content: "\F0CCF"
}

.mdi-source-repository-multiple:before {
    content: "\F0CD0"
}

.mdi-soy-sauce:before {
    content: "\F07EE"
}

.mdi-soy-sauce-off:before {
    content: "\F13FC"
}

.mdi-spa:before {
    content: "\F0CD1"
}

.mdi-spa-outline:before {
    content: "\F0CD2"
}

.mdi-space-invaders:before {
    content: "\F0BC9"
}

.mdi-space-station:before {
    content: "\F1383"
}

.mdi-spade:before {
    content: "\F0E65"
}

.mdi-sparkles:before {
    content: "\F1545"
}

.mdi-speaker:before {
    content: "\F04C3"
}

.mdi-speaker-bluetooth:before {
    content: "\F09A2"
}

.mdi-speaker-multiple:before {
    content: "\F0D38"
}

.mdi-speaker-off:before {
    content: "\F04C4"
}

.mdi-speaker-wireless:before {
    content: "\F071F"
}

.mdi-speedometer:before {
    content: "\F04C5"
}

.mdi-speedometer-medium:before {
    content: "\F0F85"
}

.mdi-speedometer-slow:before {
    content: "\F0F86"
}

.mdi-spellcheck:before {
    content: "\F04C6"
}

.mdi-spider:before {
    content: "\F11EA"
}

.mdi-spider-thread:before {
    content: "\F11EB"
}

.mdi-spider-web:before {
    content: "\F0BCA"
}

.mdi-spirit-level:before {
    content: "\F14F1"
}

.mdi-spoon-sugar:before {
    content: "\F1429"
}

.mdi-spotify:before {
    content: "\F04C7"
}

.mdi-spotlight:before {
    content: "\F04C8"
}

.mdi-spotlight-beam:before {
    content: "\F04C9"
}

.mdi-spray:before {
    content: "\F0665"
}

.mdi-spray-bottle:before {
    content: "\F0AE0"
}

.mdi-sprinkler:before {
    content: "\F105F"
}

.mdi-sprinkler-variant:before {
    content: "\F1060"
}

.mdi-sprout:before {
    content: "\F0E66"
}

.mdi-sprout-outline:before {
    content: "\F0E67"
}

.mdi-square:before {
    content: "\F0764"
}

.mdi-square-circle:before {
    content: "\F1500"
}

.mdi-square-edit-outline:before {
    content: "\F090C"
}

.mdi-square-medium:before {
    content: "\F0A13"
}

.mdi-square-medium-outline:before {
    content: "\F0A14"
}

.mdi-square-off:before {
    content: "\F12EE"
}

.mdi-square-off-outline:before {
    content: "\F12EF"
}

.mdi-square-outline:before {
    content: "\F0763"
}

.mdi-square-root:before {
    content: "\F0784"
}

.mdi-square-root-box:before {
    content: "\F09A3"
}

.mdi-square-rounded:before {
    content: "\F14FB"
}

.mdi-square-rounded-outline:before {
    content: "\F14FC"
}

.mdi-square-small:before {
    content: "\F0A15"
}

.mdi-square-wave:before {
    content: "\F147B"
}

.mdi-squeegee:before {
    content: "\F0AE1"
}

.mdi-ssh:before {
    content: "\F08C0"
}

.mdi-stack-exchange:before {
    content: "\F060B"
}

.mdi-stack-overflow:before {
    content: "\F04CC"
}

.mdi-stackpath:before {
    content: "\F0359"
}

.mdi-stadium:before {
    content: "\F0FF9"
}

.mdi-stadium-variant:before {
    content: "\F0720"
}

.mdi-stairs:before {
    content: "\F04CD"
}

.mdi-stairs-box:before {
    content: "\F139E"
}

.mdi-stairs-down:before {
    content: "\F12BE"
}

.mdi-stairs-up:before {
    content: "\F12BD"
}

.mdi-stamper:before {
    content: "\F0D39"
}

.mdi-standard-definition:before {
    content: "\F07EF"
}

.mdi-star:before {
    content: "\F04CE"
}

.mdi-star-box:before {
    content: "\F0A73"
}

.mdi-star-box-multiple:before {
    content: "\F1286"
}

.mdi-star-box-multiple-outline:before {
    content: "\F1287"
}

.mdi-star-box-outline:before {
    content: "\F0A74"
}

.mdi-star-check:before {
    content: "\F1566"
}

.mdi-star-check-outline:before {
    content: "\F156A"
}

.mdi-star-circle:before {
    content: "\F04CF"
}

.mdi-star-circle-outline:before {
    content: "\F09A4"
}

.mdi-star-cog:before {
    content: "\F1668"
}

.mdi-star-cog-outline:before {
    content: "\F1669"
}

.mdi-star-face:before {
    content: "\F09A5"
}

.mdi-star-four-points:before {
    content: "\F0AE2"
}

.mdi-star-four-points-outline:before {
    content: "\F0AE3"
}

.mdi-star-half:before {
    content: "\F0246"
}

.mdi-star-half-full:before {
    content: "\F04D0"
}

.mdi-star-minus:before {
    content: "\F1564"
}

.mdi-star-minus-outline:before {
    content: "\F1568"
}

.mdi-star-off:before {
    content: "\F04D1"
}

.mdi-star-off-outline:before {
    content: "\F155B"
}

.mdi-star-outline:before {
    content: "\F04D2"
}

.mdi-star-plus:before {
    content: "\F1563"
}

.mdi-star-plus-outline:before {
    content: "\F1567"
}

.mdi-star-remove:before {
    content: "\F1565"
}

.mdi-star-remove-outline:before {
    content: "\F1569"
}

.mdi-star-settings:before {
    content: "\F166A"
}

.mdi-star-settings-outline:before {
    content: "\F166B"
}

.mdi-star-three-points:before {
    content: "\F0AE4"
}

.mdi-star-three-points-outline:before {
    content: "\F0AE5"
}

.mdi-state-machine:before {
    content: "\F11EF"
}

.mdi-steam:before {
    content: "\F04D3"
}

.mdi-steering:before {
    content: "\F04D4"
}

.mdi-steering-off:before {
    content: "\F090E"
}

.mdi-step-backward:before {
    content: "\F04D5"
}

.mdi-step-backward-2:before {
    content: "\F04D6"
}

.mdi-step-forward:before {
    content: "\F04D7"
}

.mdi-step-forward-2:before {
    content: "\F04D8"
}

.mdi-stethoscope:before {
    content: "\F04D9"
}

.mdi-sticker:before {
    content: "\F1364"
}

.mdi-sticker-alert:before {
    content: "\F1365"
}

.mdi-sticker-alert-outline:before {
    content: "\F1366"
}

.mdi-sticker-check:before {
    content: "\F1367"
}

.mdi-sticker-check-outline:before {
    content: "\F1368"
}

.mdi-sticker-circle-outline:before {
    content: "\F05D0"
}

.mdi-sticker-emoji:before {
    content: "\F0785"
}

.mdi-sticker-minus:before {
    content: "\F1369"
}

.mdi-sticker-minus-outline:before {
    content: "\F136A"
}

.mdi-sticker-outline:before {
    content: "\F136B"
}

.mdi-sticker-plus:before {
    content: "\F136C"
}

.mdi-sticker-plus-outline:before {
    content: "\F136D"
}

.mdi-sticker-remove:before {
    content: "\F136E"
}

.mdi-sticker-remove-outline:before {
    content: "\F136F"
}

.mdi-stocking:before {
    content: "\F04DA"
}

.mdi-stomach:before {
    content: "\F1093"
}

.mdi-stop:before {
    content: "\F04DB"
}

.mdi-stop-circle:before {
    content: "\F0666"
}

.mdi-stop-circle-outline:before {
    content: "\F0667"
}

.mdi-store:before {
    content: "\F04DC"
}

.mdi-store-24-hour:before {
    content: "\F04DD"
}

.mdi-store-minus:before {
    content: "\F165E"
}

.mdi-store-outline:before {
    content: "\F1361"
}

.mdi-store-plus:before {
    content: "\F165F"
}

.mdi-store-remove:before {
    content: "\F1660"
}

.mdi-storefront:before {
    content: "\F07C7"
}

.mdi-storefront-outline:before {
    content: "\F10C1"
}

.mdi-stove:before {
    content: "\F04DE"
}

.mdi-strategy:before {
    content: "\F11D6"
}

.mdi-stretch-to-page:before {
    content: "\F0F2B"
}

.mdi-stretch-to-page-outline:before {
    content: "\F0F2C"
}

.mdi-string-lights:before {
    content: "\F12BA"
}

.mdi-string-lights-off:before {
    content: "\F12BB"
}

.mdi-subdirectory-arrow-left:before {
    content: "\F060C"
}

.mdi-subdirectory-arrow-right:before {
    content: "\F060D"
}

.mdi-submarine:before {
    content: "\F156C"
}

.mdi-subtitles:before {
    content: "\F0A16"
}

.mdi-subtitles-outline:before {
    content: "\F0A17"
}

.mdi-subway:before {
    content: "\F06AC"
}

.mdi-subway-alert-variant:before {
    content: "\F0D9D"
}

.mdi-subway-variant:before {
    content: "\F04DF"
}

.mdi-summit:before {
    content: "\F0786"
}

.mdi-sunglasses:before {
    content: "\F04E0"
}

.mdi-surround-sound:before {
    content: "\F05C5"
}

.mdi-surround-sound-2-0:before {
    content: "\F07F0"
}

.mdi-surround-sound-3-1:before {
    content: "\F07F1"
}

.mdi-surround-sound-5-1:before {
    content: "\F07F2"
}

.mdi-surround-sound-7-1:before {
    content: "\F07F3"
}

.mdi-svg:before {
    content: "\F0721"
}

.mdi-swap-horizontal:before {
    content: "\F04E1"
}

.mdi-swap-horizontal-bold:before {
    content: "\F0BCD"
}

.mdi-swap-horizontal-circle:before {
    content: "\F0FE1"
}

.mdi-swap-horizontal-circle-outline:before {
    content: "\F0FE2"
}

.mdi-swap-horizontal-variant:before {
    content: "\F08C1"
}

.mdi-swap-vertical:before {
    content: "\F04E2"
}

.mdi-swap-vertical-bold:before {
    content: "\F0BCE"
}

.mdi-swap-vertical-circle:before {
    content: "\F0FE3"
}

.mdi-swap-vertical-circle-outline:before {
    content: "\F0FE4"
}

.mdi-swap-vertical-variant:before {
    content: "\F08C2"
}

.mdi-swim:before {
    content: "\F04E3"
}

.mdi-switch:before {
    content: "\F04E4"
}

.mdi-sword:before {
    content: "\F04E5"
}

.mdi-sword-cross:before {
    content: "\F0787"
}

.mdi-syllabary-hangul:before {
    content: "\F1333"
}

.mdi-syllabary-hiragana:before {
    content: "\F1334"
}

.mdi-syllabary-katakana:before {
    content: "\F1335"
}

.mdi-syllabary-katakana-halfwidth:before {
    content: "\F1336"
}

.mdi-symbol:before {
    content: "\F1501"
}

.mdi-symfony:before {
    content: "\F0AE6"
}

.mdi-sync:before {
    content: "\F04E6"
}

.mdi-sync-alert:before {
    content: "\F04E7"
}

.mdi-sync-circle:before {
    content: "\F1378"
}

.mdi-sync-off:before {
    content: "\F04E8"
}

.mdi-tab:before {
    content: "\F04E9"
}

.mdi-tab-minus:before {
    content: "\F0B4B"
}

.mdi-tab-plus:before {
    content: "\F075C"
}

.mdi-tab-remove:before {
    content: "\F0B4C"
}

.mdi-tab-unselected:before {
    content: "\F04EA"
}

.mdi-table:before {
    content: "\F04EB"
}

.mdi-table-account:before {
    content: "\F13B9"
}

.mdi-table-alert:before {
    content: "\F13BA"
}

.mdi-table-arrow-down:before {
    content: "\F13BB"
}

.mdi-table-arrow-left:before {
    content: "\F13BC"
}

.mdi-table-arrow-right:before {
    content: "\F13BD"
}

.mdi-table-arrow-up:before {
    content: "\F13BE"
}

.mdi-table-border:before {
    content: "\F0A18"
}

.mdi-table-cancel:before {
    content: "\F13BF"
}

.mdi-table-chair:before {
    content: "\F1061"
}

.mdi-table-check:before {
    content: "\F13C0"
}

.mdi-table-clock:before {
    content: "\F13C1"
}

.mdi-table-cog:before {
    content: "\F13C2"
}

.mdi-table-column:before {
    content: "\F0835"
}

.mdi-table-column-plus-after:before {
    content: "\F04EC"
}

.mdi-table-column-plus-before:before {
    content: "\F04ED"
}

.mdi-table-column-remove:before {
    content: "\F04EE"
}

.mdi-table-column-width:before {
    content: "\F04EF"
}

.mdi-table-edit:before {
    content: "\F04F0"
}

.mdi-table-eye:before {
    content: "\F1094"
}

.mdi-table-eye-off:before {
    content: "\F13C3"
}

.mdi-table-furniture:before {
    content: "\F05BC"
}

.mdi-table-headers-eye:before {
    content: "\F121D"
}

.mdi-table-headers-eye-off:before {
    content: "\F121E"
}

.mdi-table-heart:before {
    content: "\F13C4"
}

.mdi-table-key:before {
    content: "\F13C5"
}

.mdi-table-large:before {
    content: "\F04F1"
}

.mdi-table-large-plus:before {
    content: "\F0F87"
}

.mdi-table-large-remove:before {
    content: "\F0F88"
}

.mdi-table-lock:before {
    content: "\F13C6"
}

.mdi-table-merge-cells:before {
    content: "\F09A6"
}

.mdi-table-minus:before {
    content: "\F13C7"
}

.mdi-table-multiple:before {
    content: "\F13C8"
}

.mdi-table-network:before {
    content: "\F13C9"
}

.mdi-table-of-contents:before {
    content: "\F0836"
}

.mdi-table-off:before {
    content: "\F13CA"
}

.mdi-table-plus:before {
    content: "\F0A75"
}

.mdi-table-refresh:before {
    content: "\F13A0"
}

.mdi-table-remove:before {
    content: "\F0A76"
}

.mdi-table-row:before {
    content: "\F0837"
}

.mdi-table-row-height:before {
    content: "\F04F2"
}

.mdi-table-row-plus-after:before {
    content: "\F04F3"
}

.mdi-table-row-plus-before:before {
    content: "\F04F4"
}

.mdi-table-row-remove:before {
    content: "\F04F5"
}

.mdi-table-search:before {
    content: "\F090F"
}

.mdi-table-settings:before {
    content: "\F0838"
}

.mdi-table-split-cell:before {
    content: "\F142A"
}

.mdi-table-star:before {
    content: "\F13CB"
}

.mdi-table-sync:before {
    content: "\F13A1"
}

.mdi-table-tennis:before {
    content: "\F0E68"
}

.mdi-tablet:before {
    content: "\F04F6"
}

.mdi-tablet-android:before {
    content: "\F04F7"
}

.mdi-tablet-cellphone:before {
    content: "\F09A7"
}

.mdi-tablet-dashboard:before {
    content: "\F0ECE"
}

.mdi-tablet-ipad:before {
    content: "\F04F8"
}

.mdi-taco:before {
    content: "\F0762"
}

.mdi-tag:before {
    content: "\F04F9"
}

.mdi-tag-faces:before {
    content: "\F04FA"
}

.mdi-tag-heart:before {
    content: "\F068B"
}

.mdi-tag-heart-outline:before {
    content: "\F0BCF"
}

.mdi-tag-minus:before {
    content: "\F0910"
}

.mdi-tag-minus-outline:before {
    content: "\F121F"
}

.mdi-tag-multiple:before {
    content: "\F04FB"
}

.mdi-tag-multiple-outline:before {
    content: "\F12F7"
}

.mdi-tag-off:before {
    content: "\F1220"
}

.mdi-tag-off-outline:before {
    content: "\F1221"
}

.mdi-tag-outline:before {
    content: "\F04FC"
}

.mdi-tag-plus:before {
    content: "\F0722"
}

.mdi-tag-plus-outline:before {
    content: "\F1222"
}

.mdi-tag-remove:before {
    content: "\F0723"
}

.mdi-tag-remove-outline:before {
    content: "\F1223"
}

.mdi-tag-text:before {
    content: "\F1224"
}

.mdi-tag-text-outline:before {
    content: "\F04FD"
}

.mdi-tailwind:before {
    content: "\F13FF"
}

.mdi-tank:before {
    content: "\F0D3A"
}

.mdi-tanker-truck:before {
    content: "\F0FE5"
}

.mdi-tape-drive:before {
    content: "\F16DF"
}

.mdi-tape-measure:before {
    content: "\F0B4D"
}

.mdi-target:before {
    content: "\F04FE"
}

.mdi-target-account:before {
    content: "\F0BD0"
}

.mdi-target-variant:before {
    content: "\F0A77"
}

.mdi-taxi:before {
    content: "\F04FF"
}

.mdi-tea:before {
    content: "\F0D9E"
}

.mdi-tea-outline:before {
    content: "\F0D9F"
}

.mdi-teach:before {
    content: "\F0890"
}

.mdi-teamviewer:before {
    content: "\F0500"
}

.mdi-telegram:before {
    content: "\F0501"
}

.mdi-telescope:before {
    content: "\F0B4E"
}

.mdi-television:before {
    content: "\F0502"
}

.mdi-television-ambient-light:before {
    content: "\F1356"
}

.mdi-television-box:before {
    content: "\F0839"
}

.mdi-television-classic:before {
    content: "\F07F4"
}

.mdi-television-classic-off:before {
    content: "\F083A"
}

.mdi-television-clean:before {
    content: "\F1110"
}

.mdi-television-guide:before {
    content: "\F0503"
}

.mdi-television-off:before {
    content: "\F083B"
}

.mdi-television-pause:before {
    content: "\F0F89"
}

.mdi-television-play:before {
    content: "\F0ECF"
}

.mdi-television-stop:before {
    content: "\F0F8A"
}

.mdi-temperature-celsius:before {
    content: "\F0504"
}

.mdi-temperature-fahrenheit:before {
    content: "\F0505"
}

.mdi-temperature-kelvin:before {
    content: "\F0506"
}

.mdi-tennis:before {
    content: "\F0DA0"
}

.mdi-tennis-ball:before {
    content: "\F0507"
}

.mdi-tent:before {
    content: "\F0508"
}

.mdi-terraform:before {
    content: "\F1062"
}

.mdi-terrain:before {
    content: "\F0509"
}

.mdi-test-tube:before {
    content: "\F0668"
}

.mdi-test-tube-empty:before {
    content: "\F0911"
}

.mdi-test-tube-off:before {
    content: "\F0912"
}

.mdi-text:before {
    content: "\F09A8"
}

.mdi-text-account:before {
    content: "\F1570"
}

.mdi-text-box:before {
    content: "\F021A"
}

.mdi-text-box-check:before {
    content: "\F0EA6"
}

.mdi-text-box-check-outline:before {
    content: "\F0EA7"
}

.mdi-text-box-minus:before {
    content: "\F0EA8"
}

.mdi-text-box-minus-outline:before {
    content: "\F0EA9"
}

.mdi-text-box-multiple:before {
    content: "\F0AB7"
}

.mdi-text-box-multiple-outline:before {
    content: "\F0AB8"
}

.mdi-text-box-outline:before {
    content: "\F09ED"
}

.mdi-text-box-plus:before {
    content: "\F0EAA"
}

.mdi-text-box-plus-outline:before {
    content: "\F0EAB"
}

.mdi-text-box-remove:before {
    content: "\F0EAC"
}

.mdi-text-box-remove-outline:before {
    content: "\F0EAD"
}

.mdi-text-box-search:before {
    content: "\F0EAE"
}

.mdi-text-box-search-outline:before {
    content: "\F0EAF"
}

.mdi-text-recognition:before {
    content: "\F113D"
}

.mdi-text-search:before {
    content: "\F13B8"
}

.mdi-text-shadow:before {
    content: "\F0669"
}

.mdi-text-short:before {
    content: "\F09A9"
}

.mdi-text-subject:before {
    content: "\F09AA"
}

.mdi-text-to-speech:before {
    content: "\F050A"
}

.mdi-text-to-speech-off:before {
    content: "\F050B"
}

.mdi-texture:before {
    content: "\F050C"
}

.mdi-texture-box:before {
    content: "\F0FE6"
}

.mdi-theater:before {
    content: "\F050D"
}

.mdi-theme-light-dark:before {
    content: "\F050E"
}

.mdi-thermometer:before {
    content: "\F050F"
}

.mdi-thermometer-alert:before {
    content: "\F0E01"
}

.mdi-thermometer-chevron-down:before {
    content: "\F0E02"
}

.mdi-thermometer-chevron-up:before {
    content: "\F0E03"
}

.mdi-thermometer-high:before {
    content: "\F10C2"
}

.mdi-thermometer-lines:before {
    content: "\F0510"
}

.mdi-thermometer-low:before {
    content: "\F10C3"
}

.mdi-thermometer-minus:before {
    content: "\F0E04"
}

.mdi-thermometer-off:before {
    content: "\F1531"
}

.mdi-thermometer-plus:before {
    content: "\F0E05"
}

.mdi-thermostat:before {
    content: "\F0393"
}

.mdi-thermostat-box:before {
    content: "\F0891"
}

.mdi-thought-bubble:before {
    content: "\F07F6"
}

.mdi-thought-bubble-outline:before {
    content: "\F07F7"
}

.mdi-thumb-down:before {
    content: "\F0511"
}

.mdi-thumb-down-outline:before {
    content: "\F0512"
}

.mdi-thumb-up:before {
    content: "\F0513"
}

.mdi-thumb-up-outline:before {
    content: "\F0514"
}

.mdi-thumbs-up-down:before {
    content: "\F0515"
}

.mdi-ticket:before {
    content: "\F0516"
}

.mdi-ticket-account:before {
    content: "\F0517"
}

.mdi-ticket-confirmation:before {
    content: "\F0518"
}

.mdi-ticket-confirmation-outline:before {
    content: "\F13AA"
}

.mdi-ticket-outline:before {
    content: "\F0913"
}

.mdi-ticket-percent:before {
    content: "\F0724"
}

.mdi-ticket-percent-outline:before {
    content: "\F142B"
}

.mdi-tie:before {
    content: "\F0519"
}

.mdi-tilde:before {
    content: "\F0725"
}

.mdi-timelapse:before {
    content: "\F051A"
}

.mdi-timeline:before {
    content: "\F0BD1"
}

.mdi-timeline-alert:before {
    content: "\F0F95"
}

.mdi-timeline-alert-outline:before {
    content: "\F0F98"
}

.mdi-timeline-check:before {
    content: "\F1532"
}

.mdi-timeline-check-outline:before {
    content: "\F1533"
}

.mdi-timeline-clock:before {
    content: "\F11FB"
}

.mdi-timeline-clock-outline:before {
    content: "\F11FC"
}

.mdi-timeline-help:before {
    content: "\F0F99"
}

.mdi-timeline-help-outline:before {
    content: "\F0F9A"
}

.mdi-timeline-minus:before {
    content: "\F1534"
}

.mdi-timeline-minus-outline:before {
    content: "\F1535"
}

.mdi-timeline-outline:before {
    content: "\F0BD2"
}

.mdi-timeline-plus:before {
    content: "\F0F96"
}

.mdi-timeline-plus-outline:before {
    content: "\F0F97"
}

.mdi-timeline-remove:before {
    content: "\F1536"
}

.mdi-timeline-remove-outline:before {
    content: "\F1537"
}

.mdi-timeline-text:before {
    content: "\F0BD3"
}

.mdi-timeline-text-outline:before {
    content: "\F0BD4"
}

.mdi-timer:before {
    content: "\F13AB"
}

.mdi-timer-10:before {
    content: "\F051C"
}

.mdi-timer-3:before {
    content: "\F051D"
}

.mdi-timer-off:before {
    content: "\F13AC"
}

.mdi-timer-off-outline:before {
    content: "\F051E"
}

.mdi-timer-outline:before {
    content: "\F051B"
}

.mdi-timer-sand:before {
    content: "\F051F"
}

.mdi-timer-sand-empty:before {
    content: "\F06AD"
}

.mdi-timer-sand-full:before {
    content: "\F078C"
}

.mdi-timetable:before {
    content: "\F0520"
}

.mdi-toaster:before {
    content: "\F1063"
}

.mdi-toaster-off:before {
    content: "\F11B7"
}

.mdi-toaster-oven:before {
    content: "\F0CD3"
}

.mdi-toggle-switch:before {
    content: "\F0521"
}

.mdi-toggle-switch-off:before {
    content: "\F0522"
}

.mdi-toggle-switch-off-outline:before {
    content: "\F0A19"
}

.mdi-toggle-switch-outline:before {
    content: "\F0A1A"
}

.mdi-toilet:before {
    content: "\F09AB"
}

.mdi-toolbox:before {
    content: "\F09AC"
}

.mdi-toolbox-outline:before {
    content: "\F09AD"
}

.mdi-tools:before {
    content: "\F1064"
}

.mdi-tooltip:before {
    content: "\F0523"
}

.mdi-tooltip-account:before {
    content: "\F000C"
}

.mdi-tooltip-check:before {
    content: "\F155C"
}

.mdi-tooltip-check-outline:before {
    content: "\F155D"
}

.mdi-tooltip-edit:before {
    content: "\F0524"
}

.mdi-tooltip-edit-outline:before {
    content: "\F12C5"
}

.mdi-tooltip-image:before {
    content: "\F0525"
}

.mdi-tooltip-image-outline:before {
    content: "\F0BD5"
}

.mdi-tooltip-minus:before {
    content: "\F155E"
}

.mdi-tooltip-minus-outline:before {
    content: "\F155F"
}

.mdi-tooltip-outline:before {
    content: "\F0526"
}

.mdi-tooltip-plus:before {
    content: "\F0BD6"
}

.mdi-tooltip-plus-outline:before {
    content: "\F0527"
}

.mdi-tooltip-remove:before {
    content: "\F1560"
}

.mdi-tooltip-remove-outline:before {
    content: "\F1561"
}

.mdi-tooltip-text:before {
    content: "\F0528"
}

.mdi-tooltip-text-outline:before {
    content: "\F0BD7"
}

.mdi-tooth:before {
    content: "\F08C3"
}

.mdi-tooth-outline:before {
    content: "\F0529"
}

.mdi-toothbrush:before {
    content: "\F1129"
}

.mdi-toothbrush-electric:before {
    content: "\F112C"
}

.mdi-toothbrush-paste:before {
    content: "\F112A"
}

.mdi-torch:before {
    content: "\F1606"
}

.mdi-tortoise:before {
    content: "\F0D3B"
}

.mdi-toslink:before {
    content: "\F12B8"
}

.mdi-tournament:before {
    content: "\F09AE"
}

.mdi-tow-truck:before {
    content: "\F083C"
}

.mdi-tower-beach:before {
    content: "\F0681"
}

.mdi-tower-fire:before {
    content: "\F0682"
}

.mdi-toy-brick:before {
    content: "\F1288"
}

.mdi-toy-brick-marker:before {
    content: "\F1289"
}

.mdi-toy-brick-marker-outline:before {
    content: "\F128A"
}

.mdi-toy-brick-minus:before {
    content: "\F128B"
}

.mdi-toy-brick-minus-outline:before {
    content: "\F128C"
}

.mdi-toy-brick-outline:before {
    content: "\F128D"
}

.mdi-toy-brick-plus:before {
    content: "\F128E"
}

.mdi-toy-brick-plus-outline:before {
    content: "\F128F"
}

.mdi-toy-brick-remove:before {
    content: "\F1290"
}

.mdi-toy-brick-remove-outline:before {
    content: "\F1291"
}

.mdi-toy-brick-search:before {
    content: "\F1292"
}

.mdi-toy-brick-search-outline:before {
    content: "\F1293"
}

.mdi-track-light:before {
    content: "\F0914"
}

.mdi-trackpad:before {
    content: "\F07F8"
}

.mdi-trackpad-lock:before {
    content: "\F0933"
}

.mdi-tractor:before {
    content: "\F0892"
}

.mdi-tractor-variant:before {
    content: "\F14C4"
}

.mdi-trademark:before {
    content: "\F0A78"
}

.mdi-traffic-cone:before {
    content: "\F137C"
}

.mdi-traffic-light:before {
    content: "\F052B"
}

.mdi-train:before {
    content: "\F052C"
}

.mdi-train-car:before {
    content: "\F0BD8"
}

.mdi-train-variant:before {
    content: "\F08C4"
}

.mdi-tram:before {
    content: "\F052D"
}

.mdi-tram-side:before {
    content: "\F0FE7"
}

.mdi-transcribe:before {
    content: "\F052E"
}

.mdi-transcribe-close:before {
    content: "\F052F"
}

.mdi-transfer:before {
    content: "\F1065"
}

.mdi-transfer-down:before {
    content: "\F0DA1"
}

.mdi-transfer-left:before {
    content: "\F0DA2"
}

.mdi-transfer-right:before {
    content: "\F0530"
}

.mdi-transfer-up:before {
    content: "\F0DA3"
}

.mdi-transit-connection:before {
    content: "\F0D3C"
}

.mdi-transit-connection-horizontal:before {
    content: "\F1546"
}

.mdi-transit-connection-variant:before {
    content: "\F0D3D"
}

.mdi-transit-detour:before {
    content: "\F0F8B"
}

.mdi-transit-skip:before {
    content: "\F1515"
}

.mdi-transit-transfer:before {
    content: "\F06AE"
}

.mdi-transition:before {
    content: "\F0915"
}

.mdi-transition-masked:before {
    content: "\F0916"
}

.mdi-translate:before {
    content: "\F05CA"
}

.mdi-translate-off:before {
    content: "\F0E06"
}

.mdi-transmission-tower:before {
    content: "\F0D3E"
}

.mdi-trash-can:before {
    content: "\F0A79"
}

.mdi-trash-can-outline:before {
    content: "\F0A7A"
}

.mdi-tray:before {
    content: "\F1294"
}

.mdi-tray-alert:before {
    content: "\F1295"
}

.mdi-tray-full:before {
    content: "\F1296"
}

.mdi-tray-minus:before {
    content: "\F1297"
}

.mdi-tray-plus:before {
    content: "\F1298"
}

.mdi-tray-remove:before {
    content: "\F1299"
}

.mdi-treasure-chest:before {
    content: "\F0726"
}

.mdi-tree:before {
    content: "\F0531"
}

.mdi-tree-outline:before {
    content: "\F0E69"
}

.mdi-trello:before {
    content: "\F0532"
}

.mdi-trending-down:before {
    content: "\F0533"
}

.mdi-trending-neutral:before {
    content: "\F0534"
}

.mdi-trending-up:before {
    content: "\F0535"
}

.mdi-triangle:before {
    content: "\F0536"
}

.mdi-triangle-outline:before {
    content: "\F0537"
}

.mdi-triangle-wave:before {
    content: "\F147C"
}

.mdi-triforce:before {
    content: "\F0BD9"
}

.mdi-trophy:before {
    content: "\F0538"
}

.mdi-trophy-award:before {
    content: "\F0539"
}

.mdi-trophy-broken:before {
    content: "\F0DA4"
}

.mdi-trophy-outline:before {
    content: "\F053A"
}

.mdi-trophy-variant:before {
    content: "\F053B"
}

.mdi-trophy-variant-outline:before {
    content: "\F053C"
}

.mdi-truck:before {
    content: "\F053D"
}

.mdi-truck-check:before {
    content: "\F0CD4"
}

.mdi-truck-check-outline:before {
    content: "\F129A"
}

.mdi-truck-delivery:before {
    content: "\F053E"
}

.mdi-truck-delivery-outline:before {
    content: "\F129B"
}

.mdi-truck-fast:before {
    content: "\F0788"
}

.mdi-truck-fast-outline:before {
    content: "\F129C"
}

.mdi-truck-outline:before {
    content: "\F129D"
}

.mdi-truck-trailer:before {
    content: "\F0727"
}

.mdi-trumpet:before {
    content: "\F1096"
}

.mdi-tshirt-crew:before {
    content: "\F0A7B"
}

.mdi-tshirt-crew-outline:before {
    content: "\F053F"
}

.mdi-tshirt-v:before {
    content: "\F0A7C"
}

.mdi-tshirt-v-outline:before {
    content: "\F0540"
}

.mdi-tumble-dryer:before {
    content: "\F0917"
}

.mdi-tumble-dryer-alert:before {
    content: "\F11BA"
}

.mdi-tumble-dryer-off:before {
    content: "\F11BB"
}

.mdi-tune:before {
    content: "\F062E"
}

.mdi-tune-variant:before {
    content: "\F1542"
}

.mdi-tune-vertical:before {
    content: "\F066A"
}

.mdi-tune-vertical-variant:before {
    content: "\F1543"
}

.mdi-turnstile:before {
    content: "\F0CD5"
}

.mdi-turnstile-outline:before {
    content: "\F0CD6"
}

.mdi-turtle:before {
    content: "\F0CD7"
}

.mdi-twitch:before {
    content: "\F0543"
}

.mdi-twitter:before {
    content: "\F0544"
}

.mdi-twitter-retweet:before {
    content: "\F0547"
}

.mdi-two-factor-authentication:before {
    content: "\F09AF"
}

.mdi-typewriter:before {
    content: "\F0F2D"
}

.mdi-ubisoft:before {
    content: "\F0BDA"
}

.mdi-ubuntu:before {
    content: "\F0548"
}

.mdi-ufo:before {
    content: "\F10C4"
}

.mdi-ufo-outline:before {
    content: "\F10C5"
}

.mdi-ultra-high-definition:before {
    content: "\F07F9"
}

.mdi-umbraco:before {
    content: "\F0549"
}

.mdi-umbrella:before {
    content: "\F054A"
}

.mdi-umbrella-closed:before {
    content: "\F09B0"
}

.mdi-umbrella-closed-outline:before {
    content: "\F13E2"
}

.mdi-umbrella-closed-variant:before {
    content: "\F13E1"
}

.mdi-umbrella-outline:before {
    content: "\F054B"
}

.mdi-undo:before {
    content: "\F054C"
}

.mdi-undo-variant:before {
    content: "\F054D"
}

.mdi-unfold-less-horizontal:before {
    content: "\F054E"
}

.mdi-unfold-less-vertical:before {
    content: "\F0760"
}

.mdi-unfold-more-horizontal:before {
    content: "\F054F"
}

.mdi-unfold-more-vertical:before {
    content: "\F0761"
}

.mdi-ungroup:before {
    content: "\F0550"
}

.mdi-unicode:before {
    content: "\F0ED0"
}

.mdi-unicorn:before {
    content: "\F15C2"
}

.mdi-unicorn-variant:before {
    content: "\F15C3"
}

.mdi-unicycle:before {
    content: "\F15E5"
}

.mdi-unity:before {
    content: "\F06AF"
}

.mdi-unreal:before {
    content: "\F09B1"
}

.mdi-untappd:before {
    content: "\F0551"
}

.mdi-update:before {
    content: "\F06B0"
}

.mdi-upload:before {
    content: "\F0552"
}

.mdi-upload-lock:before {
    content: "\F1373"
}

.mdi-upload-lock-outline:before {
    content: "\F1374"
}

.mdi-upload-multiple:before {
    content: "\F083D"
}

.mdi-upload-network:before {
    content: "\F06F6"
}

.mdi-upload-network-outline:before {
    content: "\F0CD8"
}

.mdi-upload-off:before {
    content: "\F10C6"
}

.mdi-upload-off-outline:before {
    content: "\F10C7"
}

.mdi-upload-outline:before {
    content: "\F0E07"
}

.mdi-usb:before {
    content: "\F0553"
}

.mdi-usb-flash-drive:before {
    content: "\F129E"
}

.mdi-usb-flash-drive-outline:before {
    content: "\F129F"
}

.mdi-usb-port:before {
    content: "\F11F0"
}

.mdi-valve:before {
    content: "\F1066"
}

.mdi-valve-closed:before {
    content: "\F1067"
}

.mdi-valve-open:before {
    content: "\F1068"
}

.mdi-van-passenger:before {
    content: "\F07FA"
}

.mdi-van-utility:before {
    content: "\F07FB"
}

.mdi-vanish:before {
    content: "\F07FC"
}

.mdi-vanish-quarter:before {
    content: "\F1554"
}

.mdi-vanity-light:before {
    content: "\F11E1"
}

.mdi-variable:before {
    content: "\F0AE7"
}

.mdi-variable-box:before {
    content: "\F1111"
}

.mdi-vector-arrange-above:before {
    content: "\F0554"
}

.mdi-vector-arrange-below:before {
    content: "\F0555"
}

.mdi-vector-bezier:before {
    content: "\F0AE8"
}

.mdi-vector-circle:before {
    content: "\F0556"
}

.mdi-vector-circle-variant:before {
    content: "\F0557"
}

.mdi-vector-combine:before {
    content: "\F0558"
}

.mdi-vector-curve:before {
    content: "\F0559"
}

.mdi-vector-difference:before {
    content: "\F055A"
}

.mdi-vector-difference-ab:before {
    content: "\F055B"
}

.mdi-vector-difference-ba:before {
    content: "\F055C"
}

.mdi-vector-ellipse:before {
    content: "\F0893"
}

.mdi-vector-intersection:before {
    content: "\F055D"
}

.mdi-vector-line:before {
    content: "\F055E"
}

.mdi-vector-link:before {
    content: "\F0FE8"
}

.mdi-vector-point:before {
    content: "\F055F"
}

.mdi-vector-polygon:before {
    content: "\F0560"
}

.mdi-vector-polyline:before {
    content: "\F0561"
}

.mdi-vector-polyline-edit:before {
    content: "\F1225"
}

.mdi-vector-polyline-minus:before {
    content: "\F1226"
}

.mdi-vector-polyline-plus:before {
    content: "\F1227"
}

.mdi-vector-polyline-remove:before {
    content: "\F1228"
}

.mdi-vector-radius:before {
    content: "\F074A"
}

.mdi-vector-rectangle:before {
    content: "\F05C6"
}

.mdi-vector-selection:before {
    content: "\F0562"
}

.mdi-vector-square:before {
    content: "\F0001"
}

.mdi-vector-triangle:before {
    content: "\F0563"
}

.mdi-vector-union:before {
    content: "\F0564"
}

.mdi-vhs:before {
    content: "\F0A1B"
}

.mdi-vibrate:before {
    content: "\F0566"
}

.mdi-vibrate-off:before {
    content: "\F0CD9"
}

.mdi-video:before {
    content: "\F0567"
}

.mdi-video-3d:before {
    content: "\F07FD"
}

.mdi-video-3d-off:before {
    content: "\F13D9"
}

.mdi-video-3d-variant:before {
    content: "\F0ED1"
}

.mdi-video-4k-box:before {
    content: "\F083E"
}

.mdi-video-account:before {
    content: "\F0919"
}

.mdi-video-box:before {
    content: "\F00FD"
}

.mdi-video-box-off:before {
    content: "\F00FE"
}

.mdi-video-check:before {
    content: "\F1069"
}

.mdi-video-check-outline:before {
    content: "\F106A"
}

.mdi-video-high-definition:before {
    content: "\F152E"
}

.mdi-video-image:before {
    content: "\F091A"
}

.mdi-video-input-antenna:before {
    content: "\F083F"
}

.mdi-video-input-component:before {
    content: "\F0840"
}

.mdi-video-input-hdmi:before {
    content: "\F0841"
}

.mdi-video-input-scart:before {
    content: "\F0F8C"
}

.mdi-video-input-svideo:before {
    content: "\F0842"
}

.mdi-video-minus:before {
    content: "\F09B2"
}

.mdi-video-minus-outline:before {
    content: "\F02BA"
}

.mdi-video-off:before {
    content: "\F0568"
}

.mdi-video-off-outline:before {
    content: "\F0BDB"
}

.mdi-video-outline:before {
    content: "\F0BDC"
}

.mdi-video-plus:before {
    content: "\F09B3"
}

.mdi-video-plus-outline:before {
    content: "\F01D3"
}

.mdi-video-stabilization:before {
    content: "\F091B"
}

.mdi-video-switch:before {
    content: "\F0569"
}

.mdi-video-switch-outline:before {
    content: "\F0790"
}

.mdi-video-vintage:before {
    content: "\F0A1C"
}

.mdi-video-wireless:before {
    content: "\F0ED2"
}

.mdi-video-wireless-outline:before {
    content: "\F0ED3"
}

.mdi-view-agenda:before {
    content: "\F056A"
}

.mdi-view-agenda-outline:before {
    content: "\F11D8"
}

.mdi-view-array:before {
    content: "\F056B"
}

.mdi-view-array-outline:before {
    content: "\F1485"
}

.mdi-view-carousel:before {
    content: "\F056C"
}

.mdi-view-carousel-outline:before {
    content: "\F1486"
}

.mdi-view-column:before {
    content: "\F056D"
}

.mdi-view-column-outline:before {
    content: "\F1487"
}

.mdi-view-comfy:before {
    content: "\F0E6A"
}

.mdi-view-comfy-outline:before {
    content: "\F1488"
}

.mdi-view-compact:before {
    content: "\F0E6B"
}

.mdi-view-compact-outline:before {
    content: "\F0E6C"
}

.mdi-view-dashboard:before {
    content: "\F056E"
}

.mdi-view-dashboard-outline:before {
    content: "\F0A1D"
}

.mdi-view-dashboard-variant:before {
    content: "\F0843"
}

.mdi-view-dashboard-variant-outline:before {
    content: "\F1489"
}

.mdi-view-day:before {
    content: "\F056F"
}

.mdi-view-day-outline:before {
    content: "\F148A"
}

.mdi-view-grid:before {
    content: "\F0570"
}

.mdi-view-grid-outline:before {
    content: "\F11D9"
}

.mdi-view-grid-plus:before {
    content: "\F0F8D"
}

.mdi-view-grid-plus-outline:before {
    content: "\F11DA"
}

.mdi-view-headline:before {
    content: "\F0571"
}

.mdi-view-list:before {
    content: "\F0572"
}

.mdi-view-list-outline:before {
    content: "\F148B"
}

.mdi-view-module:before {
    content: "\F0573"
}

.mdi-view-module-outline:before {
    content: "\F148C"
}

.mdi-view-parallel:before {
    content: "\F0728"
}

.mdi-view-parallel-outline:before {
    content: "\F148D"
}

.mdi-view-quilt:before {
    content: "\F0574"
}

.mdi-view-quilt-outline:before {
    content: "\F148E"
}

.mdi-view-sequential:before {
    content: "\F0729"
}

.mdi-view-sequential-outline:before {
    content: "\F148F"
}

.mdi-view-split-horizontal:before {
    content: "\F0BCB"
}

.mdi-view-split-vertical:before {
    content: "\F0BCC"
}

.mdi-view-stream:before {
    content: "\F0575"
}

.mdi-view-stream-outline:before {
    content: "\F1490"
}

.mdi-view-week:before {
    content: "\F0576"
}

.mdi-view-week-outline:before {
    content: "\F1491"
}

.mdi-vimeo:before {
    content: "\F0577"
}

.mdi-violin:before {
    content: "\F060F"
}

.mdi-virtual-reality:before {
    content: "\F0894"
}

.mdi-virus:before {
    content: "\F13B6"
}

.mdi-virus-outline:before {
    content: "\F13B7"
}

.mdi-vk:before {
    content: "\F0579"
}

.mdi-vlc:before {
    content: "\F057C"
}

.mdi-voice-off:before {
    content: "\F0ED4"
}

.mdi-voicemail:before {
    content: "\F057D"
}

.mdi-volleyball:before {
    content: "\F09B4"
}

.mdi-volume-high:before {
    content: "\F057E"
}

.mdi-volume-low:before {
    content: "\F057F"
}

.mdi-volume-medium:before {
    content: "\F0580"
}

.mdi-volume-minus:before {
    content: "\F075E"
}

.mdi-volume-mute:before {
    content: "\F075F"
}

.mdi-volume-off:before {
    content: "\F0581"
}

.mdi-volume-plus:before {
    content: "\F075D"
}

.mdi-volume-source:before {
    content: "\F1120"
}

.mdi-volume-variant-off:before {
    content: "\F0E08"
}

.mdi-volume-vibrate:before {
    content: "\F1121"
}

.mdi-vote:before {
    content: "\F0A1F"
}

.mdi-vote-outline:before {
    content: "\F0A20"
}

.mdi-vpn:before {
    content: "\F0582"
}

.mdi-vuejs:before {
    content: "\F0844"
}

.mdi-vuetify:before {
    content: "\F0E6D"
}

.mdi-walk:before {
    content: "\F0583"
}

.mdi-wall:before {
    content: "\F07FE"
}

.mdi-wall-sconce:before {
    content: "\F091C"
}

.mdi-wall-sconce-flat:before {
    content: "\F091D"
}

.mdi-wall-sconce-flat-variant:before {
    content: "\F041C"
}

.mdi-wall-sconce-round:before {
    content: "\F0748"
}

.mdi-wall-sconce-round-variant:before {
    content: "\F091E"
}

.mdi-wallet:before {
    content: "\F0584"
}

.mdi-wallet-giftcard:before {
    content: "\F0585"
}

.mdi-wallet-membership:before {
    content: "\F0586"
}

.mdi-wallet-outline:before {
    content: "\F0BDD"
}

.mdi-wallet-plus:before {
    content: "\F0F8E"
}

.mdi-wallet-plus-outline:before {
    content: "\F0F8F"
}

.mdi-wallet-travel:before {
    content: "\F0587"
}

.mdi-wallpaper:before {
    content: "\F0E09"
}

.mdi-wan:before {
    content: "\F0588"
}

.mdi-wardrobe:before {
    content: "\F0F90"
}

.mdi-wardrobe-outline:before {
    content: "\F0F91"
}

.mdi-warehouse:before {
    content: "\F0F81"
}

.mdi-washing-machine:before {
    content: "\F072A"
}

.mdi-washing-machine-alert:before {
    content: "\F11BC"
}

.mdi-washing-machine-off:before {
    content: "\F11BD"
}

.mdi-watch:before {
    content: "\F0589"
}

.mdi-watch-export:before {
    content: "\F058A"
}

.mdi-watch-export-variant:before {
    content: "\F0895"
}

.mdi-watch-import:before {
    content: "\F058B"
}

.mdi-watch-import-variant:before {
    content: "\F0896"
}

.mdi-watch-variant:before {
    content: "\F0897"
}

.mdi-watch-vibrate:before {
    content: "\F06B1"
}

.mdi-watch-vibrate-off:before {
    content: "\F0CDA"
}

.mdi-water:before {
    content: "\F058C"
}

.mdi-water-alert:before {
    content: "\F1502"
}

.mdi-water-alert-outline:before {
    content: "\F1503"
}

.mdi-water-boiler:before {
    content: "\F0F92"
}

.mdi-water-boiler-alert:before {
    content: "\F11B3"
}

.mdi-water-boiler-off:before {
    content: "\F11B4"
}

.mdi-water-check:before {
    content: "\F1504"
}

.mdi-water-check-outline:before {
    content: "\F1505"
}

.mdi-water-minus:before {
    content: "\F1506"
}

.mdi-water-minus-outline:before {
    content: "\F1507"
}

.mdi-water-off:before {
    content: "\F058D"
}

.mdi-water-off-outline:before {
    content: "\F1508"
}

.mdi-water-outline:before {
    content: "\F0E0A"
}

.mdi-water-percent:before {
    content: "\F058E"
}

.mdi-water-percent-alert:before {
    content: "\F1509"
}

.mdi-water-plus:before {
    content: "\F150A"
}

.mdi-water-plus-outline:before {
    content: "\F150B"
}

.mdi-water-polo:before {
    content: "\F12A0"
}

.mdi-water-pump:before {
    content: "\F058F"
}

.mdi-water-pump-off:before {
    content: "\F0F93"
}

.mdi-water-remove:before {
    content: "\F150C"
}

.mdi-water-remove-outline:before {
    content: "\F150D"
}

.mdi-water-well:before {
    content: "\F106B"
}

.mdi-water-well-outline:before {
    content: "\F106C"
}

.mdi-watering-can:before {
    content: "\F1481"
}

.mdi-watering-can-outline:before {
    content: "\F1482"
}

.mdi-watermark:before {
    content: "\F0612"
}

.mdi-wave:before {
    content: "\F0F2E"
}

.mdi-waveform:before {
    content: "\F147D"
}

.mdi-waves:before {
    content: "\F078D"
}

.mdi-waze:before {
    content: "\F0BDE"
}

.mdi-weather-cloudy:before {
    content: "\F0590"
}

.mdi-weather-cloudy-alert:before {
    content: "\F0F2F"
}

.mdi-weather-cloudy-arrow-right:before {
    content: "\F0E6E"
}

.mdi-weather-fog:before {
    content: "\F0591"
}

.mdi-weather-hail:before {
    content: "\F0592"
}

.mdi-weather-hazy:before {
    content: "\F0F30"
}

.mdi-weather-hurricane:before {
    content: "\F0898"
}

.mdi-weather-lightning:before {
    content: "\F0593"
}

.mdi-weather-lightning-rainy:before {
    content: "\F067E"
}

.mdi-weather-night:before {
    content: "\F0594"
}

.mdi-weather-night-partly-cloudy:before {
    content: "\F0F31"
}

.mdi-weather-partly-cloudy:before {
    content: "\F0595"
}

.mdi-weather-partly-lightning:before {
    content: "\F0F32"
}

.mdi-weather-partly-rainy:before {
    content: "\F0F33"
}

.mdi-weather-partly-snowy:before {
    content: "\F0F34"
}

.mdi-weather-partly-snowy-rainy:before {
    content: "\F0F35"
}

.mdi-weather-pouring:before {
    content: "\F0596"
}

.mdi-weather-rainy:before {
    content: "\F0597"
}

.mdi-weather-snowy:before {
    content: "\F0598"
}

.mdi-weather-snowy-heavy:before {
    content: "\F0F36"
}

.mdi-weather-snowy-rainy:before {
    content: "\F067F"
}

.mdi-weather-sunny:before {
    content: "\F0599"
}

.mdi-weather-sunny-alert:before {
    content: "\F0F37"
}

.mdi-weather-sunny-off:before {
    content: "\F14E4"
}

.mdi-weather-sunset:before {
    content: "\F059A"
}

.mdi-weather-sunset-down:before {
    content: "\F059B"
}

.mdi-weather-sunset-up:before {
    content: "\F059C"
}

.mdi-weather-tornado:before {
    content: "\F0F38"
}

.mdi-weather-windy:before {
    content: "\F059D"
}

.mdi-weather-windy-variant:before {
    content: "\F059E"
}

.mdi-web:before {
    content: "\F059F"
}

.mdi-web-box:before {
    content: "\F0F94"
}

.mdi-web-clock:before {
    content: "\F124A"
}

.mdi-webcam:before {
    content: "\F05A0"
}

.mdi-webhook:before {
    content: "\F062F"
}

.mdi-webpack:before {
    content: "\F072B"
}

.mdi-webrtc:before {
    content: "\F1248"
}

.mdi-wechat:before {
    content: "\F0611"
}

.mdi-weight:before {
    content: "\F05A1"
}

.mdi-weight-gram:before {
    content: "\F0D3F"
}

.mdi-weight-kilogram:before {
    content: "\F05A2"
}

.mdi-weight-lifter:before {
    content: "\F115D"
}

.mdi-weight-pound:before {
    content: "\F09B5"
}

.mdi-whatsapp:before {
    content: "\F05A3"
}

.mdi-wheel-barrow:before {
    content: "\F14F2"
}

.mdi-wheelchair-accessibility:before {
    content: "\F05A4"
}

.mdi-whistle:before {
    content: "\F09B6"
}

.mdi-whistle-outline:before {
    content: "\F12BC"
}

.mdi-white-balance-auto:before {
    content: "\F05A5"
}

.mdi-white-balance-incandescent:before {
    content: "\F05A6"
}

.mdi-white-balance-iridescent:before {
    content: "\F05A7"
}

.mdi-white-balance-sunny:before {
    content: "\F05A8"
}

.mdi-widgets:before {
    content: "\F072C"
}

.mdi-widgets-outline:before {
    content: "\F1355"
}

.mdi-wifi:before {
    content: "\F05A9"
}

.mdi-wifi-alert:before {
    content: "\F16B5"
}

.mdi-wifi-arrow-down:before {
    content: "\F16B6"
}

.mdi-wifi-arrow-left:before {
    content: "\F16B7"
}

.mdi-wifi-arrow-left-right:before {
    content: "\F16B8"
}

.mdi-wifi-arrow-right:before {
    content: "\F16B9"
}

.mdi-wifi-arrow-up:before {
    content: "\F16BA"
}

.mdi-wifi-arrow-up-down:before {
    content: "\F16BB"
}

.mdi-wifi-cancel:before {
    content: "\F16BC"
}

.mdi-wifi-check:before {
    content: "\F16BD"
}

.mdi-wifi-cog:before {
    content: "\F16BE"
}

.mdi-wifi-lock:before {
    content: "\F16BF"
}

.mdi-wifi-lock-open:before {
    content: "\F16C0"
}

.mdi-wifi-marker:before {
    content: "\F16C1"
}

.mdi-wifi-minus:before {
    content: "\F16C2"
}

.mdi-wifi-off:before {
    content: "\F05AA"
}

.mdi-wifi-plus:before {
    content: "\F16C3"
}

.mdi-wifi-refresh:before {
    content: "\F16C4"
}

.mdi-wifi-remove:before {
    content: "\F16C5"
}

.mdi-wifi-settings:before {
    content: "\F16C6"
}

.mdi-wifi-star:before {
    content: "\F0E0B"
}

.mdi-wifi-strength-1:before {
    content: "\F091F"
}

.mdi-wifi-strength-1-alert:before {
    content: "\F0920"
}

.mdi-wifi-strength-1-lock:before {
    content: "\F0921"
}

.mdi-wifi-strength-1-lock-open:before {
    content: "\F16CB"
}

.mdi-wifi-strength-2:before {
    content: "\F0922"
}

.mdi-wifi-strength-2-alert:before {
    content: "\F0923"
}

.mdi-wifi-strength-2-lock:before {
    content: "\F0924"
}

.mdi-wifi-strength-2-lock-open:before {
    content: "\F16CC"
}

.mdi-wifi-strength-3:before {
    content: "\F0925"
}

.mdi-wifi-strength-3-alert:before {
    content: "\F0926"
}

.mdi-wifi-strength-3-lock:before {
    content: "\F0927"
}

.mdi-wifi-strength-3-lock-open:before {
    content: "\F16CD"
}

.mdi-wifi-strength-4:before {
    content: "\F0928"
}

.mdi-wifi-strength-4-alert:before {
    content: "\F0929"
}

.mdi-wifi-strength-4-lock:before {
    content: "\F092A"
}

.mdi-wifi-strength-4-lock-open:before {
    content: "\F16CE"
}

.mdi-wifi-strength-alert-outline:before {
    content: "\F092B"
}

.mdi-wifi-strength-lock-open-outline:before {
    content: "\F16CF"
}

.mdi-wifi-strength-lock-outline:before {
    content: "\F092C"
}

.mdi-wifi-strength-off:before {
    content: "\F092D"
}

.mdi-wifi-strength-off-outline:before {
    content: "\F092E"
}

.mdi-wifi-strength-outline:before {
    content: "\F092F"
}

.mdi-wifi-sync:before {
    content: "\F16C7"
}

.mdi-wikipedia:before {
    content: "\F05AC"
}

.mdi-wind-turbine:before {
    content: "\F0DA5"
}

.mdi-window-close:before {
    content: "\F05AD"
}

.mdi-window-closed:before {
    content: "\F05AE"
}

.mdi-window-closed-variant:before {
    content: "\F11DB"
}

.mdi-window-maximize:before {
    content: "\F05AF"
}

.mdi-window-minimize:before {
    content: "\F05B0"
}

.mdi-window-open:before {
    content: "\F05B1"
}

.mdi-window-open-variant:before {
    content: "\F11DC"
}

.mdi-window-restore:before {
    content: "\F05B2"
}

.mdi-window-shutter:before {
    content: "\F111C"
}

.mdi-window-shutter-alert:before {
    content: "\F111D"
}

.mdi-window-shutter-open:before {
    content: "\F111E"
}

.mdi-windsock:before {
    content: "\F15FA"
}

.mdi-wiper:before {
    content: "\F0AE9"
}

.mdi-wiper-wash:before {
    content: "\F0DA6"
}

.mdi-wizard-hat:before {
    content: "\F1477"
}

.mdi-wordpress:before {
    content: "\F05B4"
}

.mdi-wrap:before {
    content: "\F05B6"
}

.mdi-wrap-disabled:before {
    content: "\F0BDF"
}

.mdi-wrench:before {
    content: "\F05B7"
}

.mdi-wrench-outline:before {
    content: "\F0BE0"
}

.mdi-xamarin:before {
    content: "\F0845"
}

.mdi-xamarin-outline:before {
    content: "\F0846"
}

.mdi-xing:before {
    content: "\F05BE"
}

.mdi-xml:before {
    content: "\F05C0"
}

.mdi-xmpp:before {
    content: "\F07FF"
}

.mdi-y-combinator:before {
    content: "\F0624"
}

.mdi-yahoo:before {
    content: "\F0B4F"
}

.mdi-yeast:before {
    content: "\F05C1"
}

.mdi-yin-yang:before {
    content: "\F0680"
}

.mdi-yoga:before {
    content: "\F117C"
}

.mdi-youtube:before {
    content: "\F05C3"
}

.mdi-youtube-gaming:before {
    content: "\F0848"
}

.mdi-youtube-studio:before {
    content: "\F0847"
}

.mdi-youtube-subscription:before {
    content: "\F0D40"
}

.mdi-youtube-tv:before {
    content: "\F0448"
}

.mdi-yurt:before {
    content: "\F1516"
}

.mdi-z-wave:before {
    content: "\F0AEA"
}

.mdi-zend:before {
    content: "\F0AEB"
}

.mdi-zigbee:before {
    content: "\F0D41"
}

.mdi-zip-box:before {
    content: "\F05C4"
}

.mdi-zip-box-outline:before {
    content: "\F0FFA"
}

.mdi-zip-disk:before {
    content: "\F0A23"
}

.mdi-zodiac-aquarius:before {
    content: "\F0A7D"
}

.mdi-zodiac-aries:before {
    content: "\F0A7E"
}

.mdi-zodiac-cancer:before {
    content: "\F0A7F"
}

.mdi-zodiac-capricorn:before {
    content: "\F0A80"
}

.mdi-zodiac-gemini:before {
    content: "\F0A81"
}

.mdi-zodiac-leo:before {
    content: "\F0A82"
}

.mdi-zodiac-libra:before {
    content: "\F0A83"
}

.mdi-zodiac-pisces:before {
    content: "\F0A84"
}

.mdi-zodiac-sagittarius:before {
    content: "\F0A85"
}

.mdi-zodiac-scorpio:before {
    content: "\F0A86"
}

.mdi-zodiac-taurus:before {
    content: "\F0A87"
}

.mdi-zodiac-virgo:before {
    content: "\F0A88"
}

.mdi-blank:before {
    content: "";
    visibility: hidden
}

.mdi-18px.mdi-set,
.mdi-18px.mdi:before {
    font-size: 18px
}

.mdi-24px.mdi-set,
.mdi-24px.mdi:before {
    font-size: 24px
}

.mdi-36px.mdi-set,
.mdi-36px.mdi:before {
    font-size: 36px
}

.mdi-48px.mdi-set,
.mdi-48px.mdi:before {
    font-size: 48px
}

.mdi-dark:before {
    color: rgba(0, 0, 0, .54)
}

.mdi-dark.mdi-inactive:before {
    color: rgba(0, 0, 0, .26)
}

.mdi-light:before {
    color: #fff
}

.mdi-light.mdi-inactive:before {
    color: hsla(0, 0%, 100%, .3)
}

.mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s linear infinite;
    animation: mdi-spin 2s linear infinite
}

@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto!important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto!important
    }
}

.ps {
    position: relative
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}

.multiselect__spinner:after,
.multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid transparent;
    border-top-color: #41b883;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
    opacity: 0
}

.multiselect,
.multiselect__input,
.multiselect__single {
    font-family: inherit;
    font-size: 16px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input,
.multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input:-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
    width: auto
}

.multiselect__input:hover,
.multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus,
.multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background: #369a6e
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current,
.multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: #fff
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #ededed!important;
    color: #a6a6a6!important;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active,
.multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter,
.multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@keyframes spinning {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(2turn)
    }
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, .3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.auto-textarea-block {
    min-height: 400px!important;
    max-height: 400px!important
}

.auto-textarea-input {
    overflow-y: scroll!important
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #272822;
    color: #ddd
}

.hljs-keyword,
.hljs-literal,
.hljs-name,
.hljs-selector-tag,
.hljs-strong,
.hljs-tag {
    color: #f92672
}

.hljs-code {
    color: #66d9ef
}

.hljs-attribute,
.hljs-link,
.hljs-regexp,
.hljs-symbol {
    color: #bf79db
}

.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-emphasis,
.hljs-section,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-string,
.hljs-subst,
.hljs-template-tag,
.hljs-template-variable,
.hljs-title,
.hljs-type,
.hljs-variable {
    color: #a6e22e
}

.hljs-class .hljs-title,
.hljs-title.class_ {
    color: #fff
}

.hljs-comment,
.hljs-deletion,
.hljs-meta,
.hljs-quote {
    color: #75715e
}

.hljs-doctag,
.hljs-keyword,
.hljs-literal,
.hljs-section,
.hljs-selector-id,
.hljs-selector-tag,
.hljs-title,
.hljs-type {
    font-weight: 700
}

.progress[data-v-78022f4f] {
    width: 200pt;
    height: 10pt;
    margin: 0 auto;
    background-color: #333
}