@charset "UTF-8";
/* ==========================================================================
   Vendor Index
   ========================================================================== */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);
: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: -apple-system, BlinkMacSystemFont, "Segoe UI",
  	Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
  	"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
  	"Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.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: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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 {
  vertical-align: middle;
  border-style: none;
}

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

table {
  border-collapse: collapse;
}

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

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

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

button {
  border-radius: 0;
}

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

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: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.small,
small {
  font-size: 0.875em;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.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: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.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 (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-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-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.333333%;
  max-width: 33.333333%;
}

.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.666667%;
  max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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.333333%;
}

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

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

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

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

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

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

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

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

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

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

@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.333333%;
    max-width: 33.333333%;
  }
  .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.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@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.333333%;
    max-width: 33.333333%;
  }
  .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.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@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.333333%;
    max-width: 33.333333%;
  }
  .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.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@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.333333%;
    max-width: 33.333333%;
  }
  .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.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table td,
.table th {
  padding: 0.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: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.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, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 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 {
  background-color: #9fcdff;
}

.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;
}

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

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.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 {
  background-color: #b1dfbb;
}

.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 {
  background-color: #abdde5;
}

.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 {
  background-color: #ffe8a1;
}

.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 {
  background-color: #f1b0b7;
}

.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 {
  background-color: #ececf6;
}

.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 {
  background-color: #b9bbbe;
}

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

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

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 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: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

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

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

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

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

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

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

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

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

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

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

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(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

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

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  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 + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

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

textarea.form-control {
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

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

.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.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

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

.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.25);
}

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

.custom-file-input.is-valid ~ .custom-file-label,
.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 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

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

.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.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

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

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

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.25);
}

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

.custom-file-input.is-invalid ~ .custom-file-label,
.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 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .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: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}

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

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

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

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

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

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

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

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

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

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

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

.btn-secondary.focus,
.btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.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 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.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 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

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

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

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

.btn-warning.focus,
.btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.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 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.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 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.btn-light.focus,
.btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.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 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

.btn-dark.focus,
.btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.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 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

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

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

.btn-outline-secondary {
  color: #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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

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

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

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

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

.btn-outline-warning {
  color: #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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.5);
}

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

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

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

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

.btn-group-lg > .btn,
.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

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

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

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.fade {
  transition: opacity 0.15s linear;
}

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

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

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

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.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: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu[x-placement^=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: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

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

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

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

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

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

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

.dropdown-item-text {
  display: block;
  padding: 0.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:hover,
.btn-group > .btn:hover {
  z-index: 1;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus {
  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: 0.5625rem;
  padding-left: 0.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: 0.375rem;
  padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.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 input[type=checkbox],
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .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(: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:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .form-control:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-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: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.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: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + 0.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: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .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-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.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  print-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.25rem;
  opacity: 0;
}

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

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

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

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

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
  color: #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 {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

@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(0.75rem);
}

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

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.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 + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

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

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

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

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
  background-color: #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 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

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

.custom-range:focus {
  outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

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

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

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.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 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

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

.nav-link: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-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  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: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

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

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: 0.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;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.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: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  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: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.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: 50%/100% 100% no-repeat;
}

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

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-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: 0.5rem;
    padding-left: 0.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-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-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: 0.5rem;
    padding-left: 0.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-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-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: 0.5rem;
    padding-left: 0.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-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-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: 0.5rem;
    padding-left: 0.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-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-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: 0.5rem;
  padding-left: 0.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-nav-scroll {
  overflow: visible;
}

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

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

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

.navbar-light .navbar-nav .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, 0.9);
}

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

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

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

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

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

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

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

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

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

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

.navbar-dark .navbar-nav .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: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a: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, 0.125);
  border-radius: 0.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(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.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: 0.75rem;
}

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

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

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

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

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

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

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

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

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.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(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.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: 0.75rem;
}

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

.accordion > .card {
  overflow: hidden;
}

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

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

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

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

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

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

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

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

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

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  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 0.2rem rgba(0, 123, 255, 0.25);
}

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

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.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: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

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

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

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

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

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

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

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:focus,
a.badge:hover {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

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

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

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

a.badge-primary: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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.5);
}

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

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

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

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.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 {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

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

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

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

@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: 0.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: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 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: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.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: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.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: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.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: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.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: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.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 {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

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

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 0.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: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

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

.toast.showing {
  opacity: 1;
}

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

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.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: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -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;
  overflow-x: hidden;
}

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

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

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

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

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

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.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: 0.5;
}

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

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

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

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

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

.modal-footer > * {
  margin: 0.25rem;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

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

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: 0.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: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

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

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

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

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: 0.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 0.4rem 0.4rem;
  border-bottom-color: #000;
}

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

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

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

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 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: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

.bs-popover-auto[x-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.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: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

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

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

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

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

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

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.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 0.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 0.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%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.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: 0.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: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 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: 0.5;
  transition: opacity 0.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(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.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: 0.2rem !important;
}

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

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

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

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

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

.rounded-lg {
  border-radius: 0.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.857143%;
}

.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 {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 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: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

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

.pl-2,
.px-2 {
  padding-left: 0.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: -0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

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

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

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

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

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

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

.m-auto {
  margin: auto !important;
}

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

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

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

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

a.text-primary: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, 0.5) !important;
}

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

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

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

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@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;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered 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;
  }
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
}

table.dataTable td,
table.dataTable th {
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

ul.dt-button-collection.dropdown-menu {
  display: block;
  z-index: 2002;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

ul.dt-button-collection.dropdown-menu.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

ul.dt-button-collection.dropdown-menu.fixed.two-column {
  margin-left: -150px;
}

ul.dt-button-collection.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}

ul.dt-button-collection.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}

ul.dt-button-collection.dropdown-menu > * {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

ul.dt-button-collection.dropdown-menu.two-column {
  width: 300px;
  padding-bottom: 1px;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

ul.dt-button-collection.dropdown-menu.three-column {
  width: 450px;
  padding-bottom: 1px;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

ul.dt-button-collection.dropdown-menu.four-column {
  width: 600px;
  padding-bottom: 1px;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

ul.dt-button-collection {
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

ul.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

ul.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

ul.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

ul.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

ul.dt-button-collection > * {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

ul.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

ul.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

ul.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

ul.dt-button-collection.fixed {
  max-width: none;
}

ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after {
  display: none;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 52px;
  cursor: pointer;
  width: 240px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 12px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #0275d8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #0275d8;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

/*
Template Name: Adminto Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Icons
/* FONT PATH
 * -------------------------- */
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=3.2.89");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=3.2.89") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=3.2.89") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=3.2.89") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=3.2.89") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=3.2.89#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mdi:before,
.mdi-set {
  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-access-point:before {
  content: "\f002";
}

.mdi-access-point-network:before {
  content: "\f003";
}

.mdi-access-point-network-off:before {
  content: "﮽";
}

.mdi-account:before {
  content: "\f004";
}

.mdi-account-alert:before {
  content: "\f005";
}

.mdi-account-alert-outline:before {
  content: "שּׁ";
}

.mdi-account-arrow-left:before {
  content: "שּׂ";
}

.mdi-account-arrow-left-outline:before {
  content: "אַ";
}

.mdi-account-arrow-right:before {
  content: "אָ";
}

.mdi-account-arrow-right-outline:before {
  content: "אּ";
}

.mdi-account-box:before {
  content: "\f006";
}

.mdi-account-box-multiple:before {
  content: "盧";
}

.mdi-account-box-outline:before {
  content: "\f007";
}

.mdi-account-card-details:before {
  content: "\f5d2";
}

.mdi-account-check:before {
  content: "\f008";
}

.mdi-account-check-outline:before {
  content: "﮾";
}

.mdi-account-child:before {
  content: "愈";
}

.mdi-account-child-circle:before {
  content: "憎";
}

.mdi-account-circle:before {
  content: "\f009";
}

.mdi-account-circle-outline:before {
  content: "בּ";
}

.mdi-account-clock:before {
  content: "גּ";
}

.mdi-account-clock-outline:before {
  content: "דּ";
}

.mdi-account-convert:before {
  content: "\f00a";
}

.mdi-account-details:before {
  content: "\f631";
}

.mdi-account-edit:before {
  content: "\f6bb";
}

.mdi-account-group:before {
  content: "\f848";
}

.mdi-account-group-outline:before {
  content: "הּ";
}

.mdi-account-heart:before {
  content: "\f898";
}

.mdi-account-heart-outline:before {
  content: "﮿";
}

.mdi-account-key:before {
  content: "\f00b";
}

.mdi-account-key-outline:before {
  content: "﯀";
}

.mdi-account-minus:before {
  content: "\f00d";
}

.mdi-account-minus-outline:before {
  content: "﫫";
}

.mdi-account-multiple:before {
  content: "\f00e";
}

.mdi-account-multiple-check:before {
  content: "\f8c4";
}

.mdi-account-multiple-minus:before {
  content: "\f5d3";
}

.mdi-account-multiple-minus-outline:before {
  content: "﯁";
}

.mdi-account-multiple-outline:before {
  content: "\f00f";
}

.mdi-account-multiple-plus:before {
  content: "\f010";
}

.mdi-account-multiple-plus-outline:before {
  content: "\f7ff";
}

.mdi-account-network:before {
  content: "\f011";
}

.mdi-account-network-outline:before {
  content: "﯂";
}

.mdi-account-off:before {
  content: "\f012";
}

.mdi-account-off-outline:before {
  content: "﯃";
}

.mdi-account-outline:before {
  content: "\f013";
}

.mdi-account-plus:before {
  content: "\f014";
}

.mdi-account-plus-outline:before {
  content: "\f800";
}

.mdi-account-question:before {
  content: "וּ";
}

.mdi-account-question-outline:before {
  content: "זּ";
}

.mdi-account-remove:before {
  content: "\f015";
}

.mdi-account-remove-outline:before {
  content: "﫬";
}

.mdi-account-search:before {
  content: "\f016";
}

.mdi-account-search-outline:before {
  content: "老";
}

.mdi-account-settings:before {
  content: "\f630";
}

.mdi-account-star:before {
  content: "\f017";
}

.mdi-account-star-outline:before {
  content: "﯄";
}

.mdi-account-supervisor:before {
  content: "慠";
}

.mdi-account-supervisor-circle:before {
  content: "懲";
}

.mdi-account-switch:before {
  content: "\f019";
}

.mdi-accusoft:before {
  content: "\f849";
}

.mdi-adjust:before {
  content: "\f01a";
}

.mdi-adobe:before {
  content: "蘆";
}

.mdi-air-conditioner:before {
  content: "\f01b";
}

.mdi-airbag:before {
  content: "﯅";
}

.mdi-airballoon:before {
  content: "\f01c";
}

.mdi-airplane:before {
  content: "\f01d";
}

.mdi-airplane-landing:before {
  content: "\f5d4";
}

.mdi-airplane-off:before {
  content: "\f01e";
}

.mdi-airplane-takeoff:before {
  content: "\f5d5";
}

.mdi-airplay:before {
  content: "\f01f";
}

.mdi-airport:before {
  content: "\f84a";
}

.mdi-alarm:before {
  content: "\f020";
}

.mdi-alarm-bell:before {
  content: "\f78d";
}

.mdi-alarm-check:before {
  content: "\f021";
}

.mdi-alarm-light:before {
  content: "\f78e";
}

.mdi-alarm-light-outline:before {
  content: "﯆";
}

.mdi-alarm-multiple:before {
  content: "\f022";
}

.mdi-alarm-off:before {
  content: "\f023";
}

.mdi-alarm-plus:before {
  content: "\f024";
}

.mdi-alarm-snooze:before {
  content: "\f68d";
}

.mdi-album:before {
  content: "\f025";
}

.mdi-alert:before {
  content: "\f026";
}

.mdi-alert-box:before {
  content: "\f027";
}

.mdi-alert-circle:before {
  content: "\f028";
}

.mdi-alert-circle-outline:before {
  content: "\f5d6";
}

.mdi-alert-decagram:before {
  content: "\f6bc";
}

.mdi-alert-octagon:before {
  content: "\f029";
}

.mdi-alert-octagram:before {
  content: "\f766";
}

.mdi-alert-outline:before {
  content: "\f02a";
}

.mdi-alien:before {
  content: "\f899";
}

.mdi-all-inclusive:before {
  content: "\f6bd";
}

.mdi-alpha:before {
  content: "\f02b";
}

.mdi-alpha-a:before {
  content: "A";
}

.mdi-alpha-a-box:before {
  content: "﫭";
}

.mdi-alpha-a-box-outline:before {
  content: "﯇";
}

.mdi-alpha-a-circle:before {
  content: "﯈";
}

.mdi-alpha-a-circle-outline:before {
  content: "﯉";
}

.mdi-alpha-b:before {
  content: "B";
}

.mdi-alpha-b-box:before {
  content: "﫮";
}

.mdi-alpha-b-box-outline:before {
  content: "﯊";
}

.mdi-alpha-b-circle:before {
  content: "﯋";
}

.mdi-alpha-b-circle-outline:before {
  content: "﯌";
}

.mdi-alpha-c:before {
  content: "C";
}

.mdi-alpha-c-box:before {
  content: "﫯";
}

.mdi-alpha-c-box-outline:before {
  content: "﯍";
}

.mdi-alpha-c-circle:before {
  content: "﯎";
}

.mdi-alpha-c-circle-outline:before {
  content: "﯏";
}

.mdi-alpha-d:before {
  content: "D";
}

.mdi-alpha-d-box:before {
  content: "﫰";
}

.mdi-alpha-d-box-outline:before {
  content: "﯐";
}

.mdi-alpha-d-circle:before {
  content: "﯑";
}

.mdi-alpha-d-circle-outline:before {
  content: "﯒";
}

.mdi-alpha-e:before {
  content: "E";
}

.mdi-alpha-e-box:before {
  content: "﫱";
}

.mdi-alpha-e-box-outline:before {
  content: "ﯓ";
}

.mdi-alpha-e-circle:before {
  content: "ﯔ";
}

.mdi-alpha-e-circle-outline:before {
  content: "ﯕ";
}

.mdi-alpha-f:before {
  content: "F";
}

.mdi-alpha-f-box:before {
  content: "﫲";
}

.mdi-alpha-f-box-outline:before {
  content: "ﯖ";
}

.mdi-alpha-f-circle:before {
  content: "ﯗ";
}

.mdi-alpha-f-circle-outline:before {
  content: "ﯘ";
}

.mdi-alpha-g:before {
  content: "G";
}

.mdi-alpha-g-box:before {
  content: "﫳";
}

.mdi-alpha-g-box-outline:before {
  content: "ﯙ";
}

.mdi-alpha-g-circle:before {
  content: "ﯚ";
}

.mdi-alpha-g-circle-outline:before {
  content: "ﯛ";
}

.mdi-alpha-h:before {
  content: "H";
}

.mdi-alpha-h-box:before {
  content: "﫴";
}

.mdi-alpha-h-box-outline:before {
  content: "ﯜ";
}

.mdi-alpha-h-circle:before {
  content: "ﯝ";
}

.mdi-alpha-h-circle-outline:before {
  content: "ﯞ";
}

.mdi-alpha-i:before {
  content: "I";
}

.mdi-alpha-i-box:before {
  content: "﫵";
}

.mdi-alpha-i-box-outline:before {
  content: "ﯟ";
}

.mdi-alpha-i-circle:before {
  content: "ﯠ";
}

.mdi-alpha-i-circle-outline:before {
  content: "ﯡ";
}

.mdi-alpha-j:before {
  content: "J";
}

.mdi-alpha-j-box:before {
  content: "﫶";
}

.mdi-alpha-j-box-outline:before {
  content: "ﯢ";
}

.mdi-alpha-j-circle:before {
  content: "ﯣ";
}

.mdi-alpha-j-circle-outline:before {
  content: "ﯤ";
}

.mdi-alpha-k:before {
  content: "K";
}

.mdi-alpha-k-box:before {
  content: "﫷";
}

.mdi-alpha-k-box-outline:before {
  content: "ﯥ";
}

.mdi-alpha-k-circle:before {
  content: "ﯦ";
}

.mdi-alpha-k-circle-outline:before {
  content: "ﯧ";
}

.mdi-alpha-l:before {
  content: "L";
}

.mdi-alpha-l-box:before {
  content: "﫸";
}

.mdi-alpha-l-box-outline:before {
  content: "ﯨ";
}

.mdi-alpha-l-circle:before {
  content: "ﯩ";
}

.mdi-alpha-l-circle-outline:before {
  content: "ﯪ";
}

.mdi-alpha-m:before {
  content: "M";
}

.mdi-alpha-m-box:before {
  content: "﫹";
}

.mdi-alpha-m-box-outline:before {
  content: "ﯫ";
}

.mdi-alpha-m-circle:before {
  content: "ﯬ";
}

.mdi-alpha-m-circle-outline:before {
  content: "ﯭ";
}

.mdi-alpha-n:before {
  content: "N";
}

.mdi-alpha-n-box:before {
  content: "﫺";
}

.mdi-alpha-n-box-outline:before {
  content: "ﯮ";
}

.mdi-alpha-n-circle:before {
  content: "ﯯ";
}

.mdi-alpha-n-circle-outline:before {
  content: "ﯰ";
}

.mdi-alpha-o:before {
  content: "O";
}

.mdi-alpha-o-box:before {
  content: "﫻";
}

.mdi-alpha-o-box-outline:before {
  content: "ﯱ";
}

.mdi-alpha-o-circle:before {
  content: "ﯲ";
}

.mdi-alpha-o-circle-outline:before {
  content: "ﯳ";
}

.mdi-alpha-p:before {
  content: "P";
}

.mdi-alpha-p-box:before {
  content: "﫼";
}

.mdi-alpha-p-box-outline:before {
  content: "ﯴ";
}

.mdi-alpha-p-circle:before {
  content: "ﯵ";
}

.mdi-alpha-p-circle-outline:before {
  content: "ﯶ";
}

.mdi-alpha-q:before {
  content: "Q";
}

.mdi-alpha-q-box:before {
  content: "﫽";
}

.mdi-alpha-q-box-outline:before {
  content: "ﯷ";
}

.mdi-alpha-q-circle:before {
  content: "ﯸ";
}

.mdi-alpha-q-circle-outline:before {
  content: "ﯹ";
}

.mdi-alpha-r:before {
  content: "R";
}

.mdi-alpha-r-box:before {
  content: "﫾";
}

.mdi-alpha-r-box-outline:before {
  content: "ﯺ";
}

.mdi-alpha-r-circle:before {
  content: "ﯻ";
}

.mdi-alpha-r-circle-outline:before {
  content: "ﯼ";
}

.mdi-alpha-s:before {
  content: "S";
}

.mdi-alpha-s-box:before {
  content: "﫿";
}

.mdi-alpha-s-box-outline:before {
  content: "ﯽ";
}

.mdi-alpha-s-circle:before {
  content: "ﯾ";
}

.mdi-alpha-s-circle-outline:before {
  content: "ﯿ";
}

.mdi-alpha-t:before {
  content: "T";
}

.mdi-alpha-t-box:before {
  content: "ff";
}

.mdi-alpha-t-box-outline:before {
  content: "ﰀ";
}

.mdi-alpha-t-circle:before {
  content: "ﰁ";
}

.mdi-alpha-t-circle-outline:before {
  content: "ﰂ";
}

.mdi-alpha-u:before {
  content: "U";
}

.mdi-alpha-u-box:before {
  content: "fi";
}

.mdi-alpha-u-box-outline:before {
  content: "ﰃ";
}

.mdi-alpha-u-circle:before {
  content: "ﰄ";
}

.mdi-alpha-u-circle-outline:before {
  content: "ﰅ";
}

.mdi-alpha-v:before {
  content: "V";
}

.mdi-alpha-v-box:before {
  content: "fl";
}

.mdi-alpha-v-box-outline:before {
  content: "ﰆ";
}

.mdi-alpha-v-circle:before {
  content: "ﰇ";
}

.mdi-alpha-v-circle-outline:before {
  content: "ﰈ";
}

.mdi-alpha-w:before {
  content: "W";
}

.mdi-alpha-w-box:before {
  content: "ffi";
}

.mdi-alpha-w-box-outline:before {
  content: "ﰉ";
}

.mdi-alpha-w-circle:before {
  content: "ﰊ";
}

.mdi-alpha-w-circle-outline:before {
  content: "ﰋ";
}

.mdi-alpha-x:before {
  content: "X";
}

.mdi-alpha-x-box:before {
  content: "ffl";
}

.mdi-alpha-x-box-outline:before {
  content: "ﰌ";
}

.mdi-alpha-x-circle:before {
  content: "ﰍ";
}

.mdi-alpha-x-circle-outline:before {
  content: "ﰎ";
}

.mdi-alpha-y:before {
  content: "Y";
}

.mdi-alpha-y-box:before {
  content: "ſt";
}

.mdi-alpha-y-box-outline:before {
  content: "ﰏ";
}

.mdi-alpha-y-circle:before {
  content: "ﰐ";
}

.mdi-alpha-y-circle-outline:before {
  content: "ﰑ";
}

.mdi-alpha-z:before {
  content: "Z";
}

.mdi-alpha-z-box:before {
  content: "st";
}

.mdi-alpha-z-box-outline:before {
  content: "ﰒ";
}

.mdi-alpha-z-circle:before {
  content: "ﰓ";
}

.mdi-alpha-z-circle-outline:before {
  content: "ﰔ";
}

.mdi-alphabetical:before {
  content: "\f02c";
}

.mdi-altimeter:before {
  content: "\f5d7";
}

.mdi-amazon:before {
  content: "\f02d";
}

.mdi-amazon-alexa:before {
  content: "\f8c5";
}

.mdi-amazon-drive:before {
  content: "\f02e";
}

.mdi-ambulance:before {
  content: "\f02f";
}

.mdi-ampersand:before {
  content: "戴";
}

.mdi-amplifier:before {
  content: "\f030";
}

.mdi-anchor:before {
  content: "\f031";
}

.mdi-android:before {
  content: "\f032";
}

.mdi-android-auto:before {
  content: "揄";
}

.mdi-android-debug-bridge:before {
  content: "\f033";
}

.mdi-android-head:before {
  content: "\f78f";
}

.mdi-android-studio:before {
  content: "\f034";
}

.mdi-angle-acute:before {
  content: "虜";
}

.mdi-angle-obtuse:before {
  content: "路";
}

.mdi-angle-right:before {
  content: "露";
}

.mdi-angular:before {
  content: "\f6b1";
}

.mdi-angularjs:before {
  content: "\f6be";
}

.mdi-animation:before {
  content: "\f5d8";
}

.mdi-animation-outline:before {
  content: "搜";
}

.mdi-animation-play:before {
  content: "魯";
}

.mdi-animation-play-outline:before {
  content: "摒";
}

.mdi-anvil:before {
  content: "\f89a";
}

.mdi-apple:before {
  content: "\f035";
}

.mdi-apple-finder:before {
  content: "\f036";
}

.mdi-apple-icloud:before {
  content: "\f038";
}

.mdi-apple-ios:before {
  content: "\f037";
}

.mdi-apple-keyboard-caps:before {
  content: "\f632";
}

.mdi-apple-keyboard-command:before {
  content: "\f633";
}

.mdi-apple-keyboard-control:before {
  content: "\f634";
}

.mdi-apple-keyboard-option:before {
  content: "\f635";
}

.mdi-apple-keyboard-shift:before {
  content: "\f636";
}

.mdi-apple-safari:before {
  content: "\f039";
}

.mdi-application:before {
  content: "\f614";
}

.mdi-apps:before {
  content: "\f03b";
}

.mdi-arch:before {
  content: "\f8c6";
}

.mdi-archive:before {
  content: "\f03c";
}

.mdi-arrange-bring-forward:before {
  content: "\f03d";
}

.mdi-arrange-bring-to-front:before {
  content: "\f03e";
}

.mdi-arrange-send-backward:before {
  content: "\f03f";
}

.mdi-arrange-send-to-back:before {
  content: "\f040";
}

.mdi-arrow-all:before {
  content: "\f041";
}

.mdi-arrow-bottom-left:before {
  content: "\f042";
}

.mdi-arrow-bottom-left-bold-outline:before {
  content: "禮";
}

.mdi-arrow-bottom-left-thick:before {
  content: "醴";
}

.mdi-arrow-bottom-right:before {
  content: "\f043";
}

.mdi-arrow-bottom-right-bold-outline:before {
  content: "隸";
}

.mdi-arrow-bottom-right-thick:before {
  content: "惡";
}

.mdi-arrow-collapse:before {
  content: "\f615";
}

.mdi-arrow-collapse-all:before {
  content: "\f044";
}

.mdi-arrow-collapse-down:before {
  content: "\f791";
}

.mdi-arrow-collapse-horizontal:before {
  content: "\f84b";
}

.mdi-arrow-collapse-left:before {
  content: "\f792";
}

.mdi-arrow-collapse-right:before {
  content: "\f793";
}

.mdi-arrow-collapse-up:before {
  content: "\f794";
}

.mdi-arrow-collapse-vertical:before {
  content: "\f84c";
}

.mdi-arrow-decision:before {
  content: "了";
}

.mdi-arrow-decision-auto:before {
  content: "僚";
}

.mdi-arrow-decision-auto-outline:before {
  content: "寮";
}

.mdi-arrow-decision-outline:before {
  content: "尿";
}

.mdi-arrow-down:before {
  content: "\f045";
}

.mdi-arrow-down-bold:before {
  content: "\f72d";
}

.mdi-arrow-down-bold-box:before {
  content: "\f72e";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\f72f";
}

.mdi-arrow-down-bold-circle:before {
  content: "\f047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\f048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\f049";
}

.mdi-arrow-down-bold-outline:before {
  content: "料";
}

.mdi-arrow-down-box:before {
  content: "\f6bf";
}

.mdi-arrow-down-drop-circle:before {
  content: "\f04a";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\f04b";
}

.mdi-arrow-down-thick:before {
  content: "\f046";
}

.mdi-arrow-expand:before {
  content: "\f616";
}

.mdi-arrow-expand-all:before {
  content: "\f04c";
}

.mdi-arrow-expand-down:before {
  content: "\f795";
}

.mdi-arrow-expand-horizontal:before {
  content: "\f84d";
}

.mdi-arrow-expand-left:before {
  content: "\f796";
}

.mdi-arrow-expand-right:before {
  content: "\f797";
}

.mdi-arrow-expand-up:before {
  content: "\f798";
}

.mdi-arrow-expand-vertical:before {
  content: "\f84e";
}

.mdi-arrow-left:before {
  content: "\f04d";
}

.mdi-arrow-left-bold:before {
  content: "\f730";
}

.mdi-arrow-left-bold-box:before {
  content: "\f731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\f732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\f04f";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\f050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\f051";
}

.mdi-arrow-left-bold-outline:before {
  content: "樂";
}

.mdi-arrow-left-box:before {
  content: "\f6c0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\f052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\f053";
}

.mdi-arrow-left-right-bold-outline:before {
  content: "燎";
}

.mdi-arrow-left-thick:before {
  content: "\f04e";
}

.mdi-arrow-right:before {
  content: "\f054";
}

.mdi-arrow-right-bold:before {
  content: "\f733";
}

.mdi-arrow-right-bold-box:before {
  content: "\f734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\f735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\f056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\f057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\f058";
}

.mdi-arrow-right-bold-outline:before {
  content: "療";
}

.mdi-arrow-right-box:before {
  content: "\f6c1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\f059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\f05a";
}

.mdi-arrow-right-thick:before {
  content: "\f055";
}

.mdi-arrow-split-horizontal:before {
  content: "鷺";
}

.mdi-arrow-split-vertical:before {
  content: "碌";
}

.mdi-arrow-top-left:before {
  content: "\f05b";
}

.mdi-arrow-top-left-bold-outline:before {
  content: "蓼";
}

.mdi-arrow-top-left-thick:before {
  content: "遼";
}

.mdi-arrow-top-right:before {
  content: "\f05c";
}

.mdi-arrow-top-right-bold-outline:before {
  content: "龍";
}

.mdi-arrow-top-right-thick:before {
  content: "暈";
}

.mdi-arrow-up:before {
  content: "\f05d";
}

.mdi-arrow-up-bold:before {
  content: "\f736";
}

.mdi-arrow-up-bold-box:before {
  content: "\f737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\f738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\f05f";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\f060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\f061";
}

.mdi-arrow-up-bold-outline:before {
  content: "阮";
}

.mdi-arrow-up-box:before {
  content: "\f6c2";
}

.mdi-arrow-up-down-bold-outline:before {
  content: "劉";
}

.mdi-arrow-up-drop-circle:before {
  content: "\f062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\f063";
}

.mdi-arrow-up-thick:before {
  content: "\f05e";
}

.mdi-artist:before {
  content: "\f802";
}

.mdi-artstation:before {
  content: "﬷";
}

.mdi-aspect-ratio:before {
  content: "﨣";
}

.mdi-assistant:before {
  content: "\f064";
}

.mdi-asterisk:before {
  content: "\f6c3";
}

.mdi-at:before {
  content: "\f065";
}

.mdi-atlassian:before {
  content: "\f803";
}

.mdi-atom:before {
  content: "\f767";
}

.mdi-attachment:before {
  content: "\f066";
}

.mdi-audio-video:before {
  content: "祿";
}

.mdi-audiobook:before {
  content: "\f067";
}

.mdi-augmented-reality:before {
  content: "\f84f";
}

.mdi-auto-fix:before {
  content: "\f068";
}

.mdi-auto-upload:before {
  content: "\f069";
}

.mdi-autorenew:before {
  content: "\f06a";
}

.mdi-av-timer:before {
  content: "\f06b";
}

.mdi-axe:before {
  content: "\f8c7";
}

.mdi-azure:before {
  content: "\f804";
}

.mdi-babel:before {
  content: "﨤";
}

.mdi-baby:before {
  content: "\f06c";
}

.mdi-baby-buggy:before {
  content: "\f68e";
}

.mdi-backburger:before {
  content: "\f06d";
}

.mdi-backspace:before {
  content: "\f06e";
}

.mdi-backspace-outline:before {
  content: "טּ";
}

.mdi-backup-restore:before {
  content: "\f06f";
}

.mdi-badminton:before {
  content: "\f850";
}

.mdi-balloon:before {
  content: "逸";
}

.mdi-ballot:before {
  content: "杻";
}

.mdi-ballot-outline:before {
  content: "柳";
}

.mdi-ballot-recount:before {
  content: "ﰕ";
}

.mdi-ballot-recount-outline:before {
  content: "ﰖ";
}

.mdi-bandcamp:before {
  content: "\f674";
}

.mdi-bank:before {
  content: "\f070";
}

.mdi-bank-transfer:before {
  content: "都";
}

.mdi-bank-transfer-in:before {
  content: "﨧";
}

.mdi-bank-transfer-out:before {
  content: "﨨";
}

.mdi-barcode:before {
  content: "\f071";
}

.mdi-barcode-scan:before {
  content: "\f072";
}

.mdi-barley:before {
  content: "\f073";
}

.mdi-barley-off:before {
  content: "יּ";
}

.mdi-barn:before {
  content: "ךּ";
}

.mdi-barrel:before {
  content: "\f074";
}

.mdi-baseball:before {
  content: "\f851";
}

.mdi-baseball-bat:before {
  content: "\f852";
}

.mdi-basecamp:before {
  content: "\f075";
}

.mdi-basket:before {
  content: "\f076";
}

.mdi-basket-fill:before {
  content: "\f077";
}

.mdi-basket-unfill:before {
  content: "\f078";
}

.mdi-basketball:before {
  content: "\f805";
}

.mdi-basketball-hoop:before {
  content: "ﰗ";
}

.mdi-basketball-hoop-outline:before {
  content: "ﰘ";
}

.mdi-bat:before {
  content: "כּ";
}

.mdi-battery:before {
  content: "\f079";
}

.mdi-battery-10:before {
  content: "\f07a";
}

.mdi-battery-10-bluetooth:before {
  content: "綠";
}

.mdi-battery-20:before {
  content: "\f07b";
}

.mdi-battery-20-bluetooth:before {
  content: "菉";
}

.mdi-battery-30:before {
  content: "\f07c";
}

.mdi-battery-30-bluetooth:before {
  content: "錄";
}

.mdi-battery-40:before {
  content: "\f07d";
}

.mdi-battery-40-bluetooth:before {
  content: "鹿";
}

.mdi-battery-50:before {
  content: "\f07e";
}

.mdi-battery-50-bluetooth:before {
  content: "論";
}

.mdi-battery-60:before {
  content: "\f07f";
}

.mdi-battery-60-bluetooth:before {
  content: "壟";
}

.mdi-battery-70:before {
  content: "\f080";
}

.mdi-battery-70-bluetooth:before {
  content: "弄";
}

.mdi-battery-80:before {
  content: "\f081";
}

.mdi-battery-80-bluetooth:before {
  content: "籠";
}

.mdi-battery-90:before {
  content: "\f082";
}

.mdi-battery-90-bluetooth:before {
  content: "聾";
}

.mdi-battery-alert:before {
  content: "\f083";
}

.mdi-battery-alert-bluetooth:before {
  content: "牢";
}

.mdi-battery-bluetooth:before {
  content: "磊";
}

.mdi-battery-bluetooth-variant:before {
  content: "賂";
}

.mdi-battery-charging:before {
  content: "\f084";
}

.mdi-battery-charging-10:before {
  content: "\f89b";
}

.mdi-battery-charging-100:before {
  content: "\f085";
}

.mdi-battery-charging-20:before {
  content: "\f086";
}

.mdi-battery-charging-30:before {
  content: "\f087";
}

.mdi-battery-charging-40:before {
  content: "\f088";
}

.mdi-battery-charging-50:before {
  content: "\f89c";
}

.mdi-battery-charging-60:before {
  content: "\f089";
}

.mdi-battery-charging-70:before {
  content: "\f89d";
}

.mdi-battery-charging-80:before {
  content: "\f08a";
}

.mdi-battery-charging-90:before {
  content: "\f08b";
}

.mdi-battery-charging-outline:before {
  content: "\f89e";
}

.mdi-battery-charging-wireless:before {
  content: "\f806";
}

.mdi-battery-charging-wireless-10:before {
  content: "\f807";
}

.mdi-battery-charging-wireless-20:before {
  content: "\f808";
}

.mdi-battery-charging-wireless-30:before {
  content: "\f809";
}

.mdi-battery-charging-wireless-40:before {
  content: "\f80a";
}

.mdi-battery-charging-wireless-50:before {
  content: "\f80b";
}

.mdi-battery-charging-wireless-60:before {
  content: "\f80c";
}

.mdi-battery-charging-wireless-70:before {
  content: "\f80d";
}

.mdi-battery-charging-wireless-80:before {
  content: "\f80e";
}

.mdi-battery-charging-wireless-90:before {
  content: "\f80f";
}

.mdi-battery-charging-wireless-alert:before {
  content: "\f810";
}

.mdi-battery-charging-wireless-outline:before {
  content: "\f811";
}

.mdi-battery-minus:before {
  content: "\f08c";
}

.mdi-battery-negative:before {
  content: "\f08d";
}

.mdi-battery-outline:before {
  content: "\f08e";
}

.mdi-battery-plus:before {
  content: "\f08f";
}

.mdi-battery-positive:before {
  content: "\f090";
}

.mdi-battery-unknown:before {
  content: "\f091";
}

.mdi-battery-unknown-bluetooth:before {
  content: "雷";
}

.mdi-battlenet:before {
  content: "לּ";
}

.mdi-beach:before {
  content: "\f092";
}

.mdi-beaker:before {
  content: "\f68f";
}

.mdi-beats:before {
  content: "\f097";
}

.mdi-bed-empty:before {
  content: "\f89f";
}

.mdi-beer:before {
  content: "\f098";
}

.mdi-behance:before {
  content: "\f099";
}

.mdi-bell:before {
  content: "\f09a";
}

.mdi-bell-off:before {
  content: "\f09b";
}

.mdi-bell-off-outline:before {
  content: "敖";
}

.mdi-bell-outline:before {
  content: "\f09c";
}

.mdi-bell-plus:before {
  content: "\f09d";
}

.mdi-bell-plus-outline:before {
  content: "晴";
}

.mdi-bell-ring:before {
  content: "\f09e";
}

.mdi-bell-ring-outline:before {
  content: "\f09f";
}

.mdi-bell-sleep:before {
  content: "\f0a0";
}

.mdi-bell-sleep-outline:before {
  content: "朗";
}

.mdi-beta:before {
  content: "\f0a1";
}

.mdi-betamax:before {
  content: "流";
}

.mdi-bible:before {
  content: "\f0a2";
}

.mdi-bike:before {
  content: "\f0a3";
}

.mdi-billiards:before {
  content: "﬽";
}

.mdi-billiards-rack:before {
  content: "מּ";
}

.mdi-bing:before {
  content: "\f0a4";
}

.mdi-binoculars:before {
  content: "\f0a5";
}

.mdi-bio:before {
  content: "\f0a6";
}

.mdi-biohazard:before {
  content: "\f0a7";
}

.mdi-bitbucket:before {
  content: "\f0a8";
}

.mdi-bitcoin:before {
  content: "\f812";
}

.mdi-black-mesa:before {
  content: "\f0a9";
}

.mdi-blackberry:before {
  content: "\f0aa";
}

.mdi-blender:before {
  content: "\f0ab";
}

.mdi-blinds:before {
  content: "\f0ac";
}

.mdi-block-helper:before {
  content: "\f0ad";
}

.mdi-blogger:before {
  content: "\f0ae";
}

.mdi-bluetooth:before {
  content: "\f0af";
}

.mdi-bluetooth-audio:before {
  content: "\f0b0";
}

.mdi-bluetooth-connect:before {
  content: "\f0b1";
}

.mdi-bluetooth-off:before {
  content: "\f0b2";
}

.mdi-bluetooth-settings:before {
  content: "\f0b3";
}

.mdi-bluetooth-transfer:before {
  content: "\f0b4";
}

.mdi-blur:before {
  content: "\f0b5";
}

.mdi-blur-linear:before {
  content: "\f0b6";
}

.mdi-blur-off:before {
  content: "\f0b7";
}

.mdi-blur-radial:before {
  content: "\f0b8";
}

.mdi-bomb:before {
  content: "\f690";
}

.mdi-bomb-off:before {
  content: "\f6c4";
}

.mdi-bone:before {
  content: "\f0b9";
}

.mdi-book:before {
  content: "\f0ba";
}

.mdi-book-lock:before {
  content: "\f799";
}

.mdi-book-lock-open:before {
  content: "\f79a";
}

.mdi-book-minus:before {
  content: "\f5d9";
}

.mdi-book-multiple:before {
  content: "\f0bb";
}

.mdi-book-multiple-minus:before {
  content: "望";
}

.mdi-book-multiple-plus:before {
  content: "杖";
}

.mdi-book-multiple-remove:before {
  content: "歹";
}

.mdi-book-multiple-variant:before {
  content: "\f0bc";
}

.mdi-book-open:before {
  content: "\f0bd";
}

.mdi-book-open-outline:before {
  content: "﬿";
}

.mdi-book-open-page-variant:before {
  content: "\f5da";
}

.mdi-book-open-variant:before {
  content: "\f0be";
}

.mdi-book-outline:before {
  content: "נּ";
}

.mdi-book-plus:before {
  content: "\f5db";
}

.mdi-book-remove:before {
  content: "殺";
}

.mdi-book-variant:before {
  content: "\f0bf";
}

.mdi-bookmark:before {
  content: "\f0c0";
}

.mdi-bookmark-check:before {
  content: "\f0c1";
}

.mdi-bookmark-minus:before {
  content: "溜";
}

.mdi-bookmark-minus-outline:before {
  content: "琉";
}

.mdi-bookmark-music:before {
  content: "\f0c2";
}

.mdi-bookmark-off:before {
  content: "留";
}

.mdi-bookmark-off-outline:before {
  content: "硫";
}

.mdi-bookmark-outline:before {
  content: "\f0c3";
}

.mdi-bookmark-plus:before {
  content: "\f0c5";
}

.mdi-bookmark-plus-outline:before {
  content: "\f0c4";
}

.mdi-bookmark-remove:before {
  content: "\f0c6";
}

.mdi-boombox:before {
  content: "\f5dc";
}

.mdi-bootstrap:before {
  content: "\f6c5";
}

.mdi-border-all:before {
  content: "\f0c7";
}

.mdi-border-all-variant:before {
  content: "\f8a0";
}

.mdi-border-bottom:before {
  content: "\f0c8";
}

.mdi-border-bottom-variant:before {
  content: "\f8a1";
}

.mdi-border-color:before {
  content: "\f0c9";
}

.mdi-border-horizontal:before {
  content: "\f0ca";
}

.mdi-border-inside:before {
  content: "\f0cb";
}

.mdi-border-left:before {
  content: "\f0cc";
}

.mdi-border-left-variant:before {
  content: "\f8a2";
}

.mdi-border-none:before {
  content: "\f0cd";
}

.mdi-border-none-variant:before {
  content: "\f8a3";
}

.mdi-border-outside:before {
  content: "\f0ce";
}

.mdi-border-right:before {
  content: "\f0cf";
}

.mdi-border-right-variant:before {
  content: "\f8a4";
}

.mdi-border-style:before {
  content: "\f0d0";
}

.mdi-border-top:before {
  content: "\f0d1";
}

.mdi-border-top-variant:before {
  content: "\f8a5";
}

.mdi-border-vertical:before {
  content: "\f0d2";
}

.mdi-bottle-wine:before {
  content: "\f853";
}

.mdi-bow-tie:before {
  content: "\f677";
}

.mdi-bowl:before {
  content: "\f617";
}

.mdi-bowling:before {
  content: "\f0d3";
}

.mdi-box:before {
  content: "\f0d4";
}

.mdi-box-cutter:before {
  content: "\f0d5";
}

.mdi-box-shadow:before {
  content: "\f637";
}

.mdi-boxing-glove:before {
  content: "סּ";
}

.mdi-braille:before {
  content: "紐";
}

.mdi-brain:before {
  content: "類";
}

.mdi-bridge:before {
  content: "\f618";
}

.mdi-briefcase:before {
  content: "\f0d6";
}

.mdi-briefcase-check:before {
  content: "\f0d7";
}

.mdi-briefcase-download:before {
  content: "\f0d8";
}

.mdi-briefcase-download-outline:before {
  content: "ﰙ";
}

.mdi-briefcase-edit:before {
  content: "流";
}

.mdi-briefcase-edit-outline:before {
  content: "ﰚ";
}

.mdi-briefcase-minus:before {
  content: "﨩";
}

.mdi-briefcase-minus-outline:before {
  content: "ﰛ";
}

.mdi-briefcase-outline:before {
  content: "\f813";
}

.mdi-briefcase-plus:before {
  content: "飯";
}

.mdi-briefcase-plus-outline:before {
  content: "ﰜ";
}

.mdi-briefcase-remove:before {
  content: "飼";
}

.mdi-briefcase-remove-outline:before {
  content: "ﰝ";
}

.mdi-briefcase-search:before {
  content: "館";
}

.mdi-briefcase-search-outline:before {
  content: "ﰞ";
}

.mdi-briefcase-upload:before {
  content: "\f0d9";
}

.mdi-briefcase-upload-outline:before {
  content: "ﰟ";
}

.mdi-brightness-1:before {
  content: "\f0da";
}

.mdi-brightness-2:before {
  content: "\f0db";
}

.mdi-brightness-3:before {
  content: "\f0dc";
}

.mdi-brightness-4:before {
  content: "\f0dd";
}

.mdi-brightness-5:before {
  content: "\f0de";
}

.mdi-brightness-6:before {
  content: "\f0df";
}

.mdi-brightness-7:before {
  content: "\f0e0";
}

.mdi-brightness-auto:before {
  content: "\f0e1";
}

.mdi-broom:before {
  content: "\f0e2";
}

.mdi-brush:before {
  content: "\f0e3";
}

.mdi-buddhism:before {
  content: "壘";
}

.mdi-buffer:before {
  content: "\f619";
}

.mdi-bug:before {
  content: "\f0e4";
}

.mdi-bug-check:before {
  content: "鶴";
}

.mdi-bug-check-outline:before {
  content: "郞";
}

.mdi-bug-outline:before {
  content: "隷";
}

.mdi-bulldozer:before {
  content: "﬇";
}

.mdi-bulletin-board:before {
  content: "\f0e5";
}

.mdi-bullhorn:before {
  content: "\f0e6";
}

.mdi-bullhorn-outline:before {
  content: "﬈";
}

.mdi-bullseye:before {
  content: "\f5dd";
}

.mdi-bullseye-arrow:before {
  content: "\f8c8";
}

.mdi-bus:before {
  content: "\f0e7";
}

.mdi-bus-alert:before {
  content: "滛";
}

.mdi-bus-articulated-end:before {
  content: "\f79b";
}

.mdi-bus-articulated-front:before {
  content: "\f79c";
}

.mdi-bus-clock:before {
  content: "\f8c9";
}

.mdi-bus-double-decker:before {
  content: "\f79d";
}

.mdi-bus-school:before {
  content: "\f79e";
}

.mdi-bus-side:before {
  content: "\f79f";
}

.mdi-cached:before {
  content: "\f0e8";
}

.mdi-cake:before {
  content: "\f0e9";
}

.mdi-cake-layered:before {
  content: "\f0ea";
}

.mdi-cake-variant:before {
  content: "\f0eb";
}

.mdi-calculator:before {
  content: "\f0ec";
}

.mdi-calculator-variant:before {
  content: "滋";
}

.mdi-calendar:before {
  content: "\f0ed";
}

.mdi-calendar-alert:before {
  content: "侮";
}

.mdi-calendar-blank:before {
  content: "\f0ee";
}

.mdi-calendar-blank-outline:before {
  content: "﭂";
}

.mdi-calendar-check:before {
  content: "\f0ef";
}

.mdi-calendar-check-outline:before {
  content: "ﰠ";
}

.mdi-calendar-clock:before {
  content: "\f0f0";
}

.mdi-calendar-edit:before {
  content: "\f8a6";
}

.mdi-calendar-export:before {
  content: "﬉";
}

.mdi-calendar-heart:before {
  content: "六";
}

.mdi-calendar-import:before {
  content: "﬊";
}

.mdi-calendar-multiple:before {
  content: "\f0f1";
}

.mdi-calendar-multiple-check:before {
  content: "\f0f2";
}

.mdi-calendar-multiselect:before {
  content: "僧";
}

.mdi-calendar-outline:before {
  content: "ףּ";
}

.mdi-calendar-plus:before {
  content: "\f0f3";
}

.mdi-calendar-question:before {
  content: "\f691";
}

.mdi-calendar-range:before {
  content: "\f678";
}

.mdi-calendar-range-outline:before {
  content: "פּ";
}

.mdi-calendar-remove:before {
  content: "\f0f4";
}

.mdi-calendar-remove-outline:before {
  content: "ﰡ";
}

.mdi-calendar-search:before {
  content: "屢";
}

.mdi-calendar-star:before {
  content: "戮";
}

.mdi-calendar-text:before {
  content: "\f0f5";
}

.mdi-calendar-text-outline:before {
  content: "ﰢ";
}

.mdi-calendar-today:before {
  content: "\f0f6";
}

.mdi-calendar-week:before {
  content: "免";
}

.mdi-calendar-week-begin:before {
  content: "勉";
}

.mdi-call-made:before {
  content: "\f0f7";
}

.mdi-call-merge:before {
  content: "\f0f8";
}

.mdi-call-missed:before {
  content: "\f0f9";
}

.mdi-call-received:before {
  content: "\f0fa";
}

.mdi-call-split:before {
  content: "\f0fb";
}

.mdi-camcorder:before {
  content: "\f0fc";
}

.mdi-camcorder-box:before {
  content: "\f0fd";
}

.mdi-camcorder-box-off:before {
  content: "\f0fe";
}

.mdi-camcorder-off:before {
  content: "\f0ff";
}

.mdi-camera:before {
  content: "\f100";
}

.mdi-camera-account:before {
  content: "\f8ca";
}

.mdi-camera-burst:before {
  content: "\f692";
}

.mdi-camera-control:before {
  content: "﭅";
}

.mdi-camera-enhance:before {
  content: "\f101";
}

.mdi-camera-enhance-outline:before {
  content: "צּ";
}

.mdi-camera-front:before {
  content: "\f102";
}

.mdi-camera-front-variant:before {
  content: "\f103";
}

.mdi-camera-gopro:before {
  content: "\f7a0";
}

.mdi-camera-image:before {
  content: "\f8cb";
}

.mdi-camera-iris:before {
  content: "\f104";
}

.mdi-camera-metering-center:before {
  content: "\f7a1";
}

.mdi-camera-metering-matrix:before {
  content: "\f7a2";
}

.mdi-camera-metering-partial:before {
  content: "\f7a3";
}

.mdi-camera-metering-spot:before {
  content: "\f7a4";
}

.mdi-camera-off:before {
  content: "\f5df";
}

.mdi-camera-party-mode:before {
  content: "\f105";
}

.mdi-camera-rear:before {
  content: "\f106";
}

.mdi-camera-rear-variant:before {
  content: "\f107";
}

.mdi-camera-switch:before {
  content: "\f108";
}

.mdi-camera-timer:before {
  content: "\f109";
}

.mdi-cancel:before {
  content: "\f739";
}

.mdi-candle:before {
  content: "\f5e2";
}

.mdi-candycane:before {
  content: "\f10a";
}

.mdi-cannabis:before {
  content: "\f7a5";
}

.mdi-caps-lock:before {
  content: "漢";
}

.mdi-car:before {
  content: "\f10b";
}

.mdi-car-battery:before {
  content: "\f10c";
}

.mdi-car-brake-abs:before {
  content: "ﰣ";
}

.mdi-car-brake-parking:before {
  content: "ﰤ";
}

.mdi-car-connected:before {
  content: "\f10d";
}

.mdi-car-convertible:before {
  content: "\f7a6";
}

.mdi-car-door:before {
  content: "קּ";
}

.mdi-car-electric:before {
  content: "רּ";
}

.mdi-car-esp:before {
  content: "ﰥ";
}

.mdi-car-estate:before {
  content: "\f7a7";
}

.mdi-car-hatchback:before {
  content: "\f7a8";
}

.mdi-car-key:before {
  content: "שּ";
}

.mdi-car-light-dimmed:before {
  content: "ﰦ";
}

.mdi-car-light-fog:before {
  content: "ﰧ";
}

.mdi-car-light-high:before {
  content: "ﰨ";
}

.mdi-car-limousine:before {
  content: "\f8cc";
}

.mdi-car-multiple:before {
  content: "תּ";
}

.mdi-car-pickup:before {
  content: "\f7a9";
}

.mdi-car-side:before {
  content: "\f7aa";
}

.mdi-car-sports:before {
  content: "\f7ab";
}

.mdi-car-tire-alert:before {
  content: "ﰩ";
}

.mdi-car-wash:before {
  content: "\f10e";
}

.mdi-caravan:before {
  content: "\f7ac";
}

.mdi-card:before {
  content: "וֹ";
}

.mdi-card-bulleted:before {
  content: "בֿ";
}

.mdi-card-bulleted-off:before {
  content: "כֿ";
}

.mdi-card-bulleted-off-outline:before {
  content: "פֿ";
}

.mdi-card-bulleted-outline:before {
  content: "ﭏ";
}

.mdi-card-bulleted-settings:before {
  content: "ﭐ";
}

.mdi-card-bulleted-settings-outline:before {
  content: "ﭑ";
}

.mdi-card-outline:before {
  content: "ﭒ";
}

.mdi-card-text:before {
  content: "ﭓ";
}

.mdi-card-text-outline:before {
  content: "ﭔ";
}

.mdi-cards:before {
  content: "\f638";
}

.mdi-cards-club:before {
  content: "\f8cd";
}

.mdi-cards-diamond:before {
  content: "\f8ce";
}

.mdi-cards-heart:before {
  content: "\f8cf";
}

.mdi-cards-outline:before {
  content: "\f639";
}

.mdi-cards-playing-outline:before {
  content: "\f63a";
}

.mdi-cards-spade:before {
  content: "\f8d0";
}

.mdi-cards-variant:before {
  content: "\f6c6";
}

.mdi-carrot:before {
  content: "\f10f";
}

.mdi-cart:before {
  content: "\f110";
}

.mdi-cart-arrow-right:before {
  content: "ﰪ";
}

.mdi-cart-off:before {
  content: "\f66b";
}

.mdi-cart-outline:before {
  content: "\f111";
}

.mdi-cart-plus:before {
  content: "\f112";
}

.mdi-case-sensitive-alt:before {
  content: "\f113";
}

.mdi-cash:before {
  content: "\f114";
}

.mdi-cash-100:before {
  content: "\f115";
}

.mdi-cash-multiple:before {
  content: "\f116";
}

.mdi-cash-refund:before {
  content: "瀞";
}

.mdi-cash-usd:before {
  content: "\f117";
}

.mdi-cassette:before {
  content: "陸";
}

.mdi-cast:before {
  content: "\f118";
}

.mdi-cast-connected:before {
  content: "\f119";
}

.mdi-cast-off:before {
  content: "\f789";
}

.mdi-castle:before {
  content: "\f11a";
}

.mdi-cat:before {
  content: "\f11b";
}

.mdi-cctv:before {
  content: "\f7ad";
}

.mdi-ceiling-light:before {
  content: "\f768";
}

.mdi-cellphone:before {
  content: "\f11c";
}

.mdi-cellphone-android:before {
  content: "\f11d";
}

.mdi-cellphone-arrow-down:before {
  content: "倫";
}

.mdi-cellphone-basic:before {
  content: "\f11e";
}

.mdi-cellphone-dock:before {
  content: "\f11f";
}

.mdi-cellphone-erase:before {
  content: "樓";
}

.mdi-cellphone-iphone:before {
  content: "\f120";
}

.mdi-cellphone-key:before {
  content: "淚";
}

.mdi-cellphone-link:before {
  content: "\f121";
}

.mdi-cellphone-link-off:before {
  content: "\f122";
}

.mdi-cellphone-lock:before {
  content: "漏";
}

.mdi-cellphone-message:before {
  content: "\f8d2";
}

.mdi-cellphone-off:before {
  content: "累";
}

.mdi-cellphone-screenshot:before {
  content: "勤";
}

.mdi-cellphone-settings:before {
  content: "\f123";
}

.mdi-cellphone-settings-variant:before {
  content: "縷";
}

.mdi-cellphone-sound:before {
  content: "陋";
}

.mdi-cellphone-text:before {
  content: "\f8d1";
}

.mdi-cellphone-wireless:before {
  content: "\f814";
}

.mdi-certificate:before {
  content: "\f124";
}

.mdi-chair-school:before {
  content: "\f125";
}

.mdi-charity:before {
  content: "ﰫ";
}

.mdi-chart-arc:before {
  content: "\f126";
}

.mdi-chart-areaspline:before {
  content: "\f127";
}

.mdi-chart-bar:before {
  content: "\f128";
}

.mdi-chart-bar-stacked:before {
  content: "\f769";
}

.mdi-chart-bell-curve:before {
  content: "ﰬ";
}

.mdi-chart-bubble:before {
  content: "\f5e3";
}

.mdi-chart-donut:before {
  content: "\f7ae";
}

.mdi-chart-donut-variant:before {
  content: "\f7af";
}

.mdi-chart-gantt:before {
  content: "\f66c";
}

.mdi-chart-histogram:before {
  content: "\f129";
}

.mdi-chart-line:before {
  content: "\f12a";
}

.mdi-chart-line-stacked:before {
  content: "\f76a";
}

.mdi-chart-line-variant:before {
  content: "\f7b0";
}

.mdi-chart-multiline:before {
  content: "\f8d3";
}

.mdi-chart-pie:before {
  content: "\f12b";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\f66d";
}

.mdi-chart-timeline:before {
  content: "\f66e";
}

.mdi-chat:before {
  content: "ﭕ";
}

.mdi-chat-alert:before {
  content: "ﭖ";
}

.mdi-chat-processing:before {
  content: "ﭗ";
}

.mdi-check:before {
  content: "\f12c";
}

.mdi-check-all:before {
  content: "\f12d";
}

.mdi-check-box-multiple-outline:before {
  content: "ﰭ";
}

.mdi-check-box-outline:before {
  content: "ﰮ";
}

.mdi-check-circle:before {
  content: "\f5e0";
}

.mdi-check-circle-outline:before {
  content: "\f5e1";
}

.mdi-check-decagram:before {
  content: "\f790";
}

.mdi-check-network:before {
  content: "ﰯ";
}

.mdi-check-network-outline:before {
  content: "ﰰ";
}

.mdi-check-outline:before {
  content: "\f854";
}

.mdi-checkbook:before {
  content: "煮";
}

.mdi-checkbox-blank:before {
  content: "\f12e";
}

.mdi-checkbox-blank-circle:before {
  content: "\f12f";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\f130";
}

.mdi-checkbox-blank-outline:before {
  content: "\f131";
}

.mdi-checkbox-intermediate:before {
  content: "\f855";
}

.mdi-checkbox-marked:before {
  content: "\f132";
}

.mdi-checkbox-marked-circle:before {
  content: "\f133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\f134";
}

.mdi-checkbox-marked-outline:before {
  content: "\f135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\f136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\f63b";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\f63c";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\f137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\f138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\f63d";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\f63e";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\f139";
}

.mdi-checkerboard:before {
  content: "\f13a";
}

.mdi-chef-hat:before {
  content: "ﭘ";
}

.mdi-chemical-weapon:before {
  content: "\f13b";
}

.mdi-chess-bishop:before {
  content: "\f85b";
}

.mdi-chess-king:before {
  content: "\f856";
}

.mdi-chess-knight:before {
  content: "\f857";
}

.mdi-chess-pawn:before {
  content: "\f858";
}

.mdi-chess-queen:before {
  content: "\f859";
}

.mdi-chess-rook:before {
  content: "\f85a";
}

.mdi-chevron-double-down:before {
  content: "\f13c";
}

.mdi-chevron-double-left:before {
  content: "\f13d";
}

.mdi-chevron-double-right:before {
  content: "\f13e";
}

.mdi-chevron-double-up:before {
  content: "\f13f";
}

.mdi-chevron-down:before {
  content: "\f140";
}

.mdi-chevron-down-box:before {
  content: "崙";
}

.mdi-chevron-down-box-outline:before {
  content: "淪";
}

.mdi-chevron-down-circle:before {
  content: "﬋";
}

.mdi-chevron-down-circle-outline:before {
  content: "﬌";
}

.mdi-chevron-left:before {
  content: "\f141";
}

.mdi-chevron-left-box:before {
  content: "輪";
}

.mdi-chevron-left-box-outline:before {
  content: "律";
}

.mdi-chevron-left-circle:before {
  content: "﬍";
}

.mdi-chevron-left-circle-outline:before {
  content: "﬎";
}

.mdi-chevron-right:before {
  content: "\f142";
}

.mdi-chevron-right-box:before {
  content: "慄";
}

.mdi-chevron-right-box-outline:before {
  content: "栗";
}

.mdi-chevron-right-circle:before {
  content: "﬏";
}

.mdi-chevron-right-circle-outline:before {
  content: "﬐";
}

.mdi-chevron-up:before {
  content: "\f143";
}

.mdi-chevron-up-box:before {
  content: "率";
}

.mdi-chevron-up-box-outline:before {
  content: "隆";
}

.mdi-chevron-up-circle:before {
  content: "﬑";
}

.mdi-chevron-up-circle-outline:before {
  content: "﬒";
}

.mdi-chili-hot:before {
  content: "\f7b1";
}

.mdi-chili-medium:before {
  content: "\f7b2";
}

.mdi-chili-mild:before {
  content: "\f7b3";
}

.mdi-chip:before {
  content: "\f61a";
}

.mdi-christianity:before {
  content: "勒";
}

.mdi-church:before {
  content: "\f144";
}

.mdi-circle:before {
  content: "\f764";
}

.mdi-circle-edit-outline:before {
  content: "\f8d4";
}

.mdi-circle-medium:before {
  content: "利";
}

.mdi-circle-outline:before {
  content: "\f765";
}

.mdi-circle-slice-1:before {
  content: "瞧";
}

.mdi-circle-slice-2:before {
  content: "爵";
}

.mdi-circle-slice-3:before {
  content: "犯";
}

.mdi-circle-slice-4:before {
  content: "猪";
}

.mdi-circle-slice-5:before {
  content: "瑱";
}

.mdi-circle-slice-6:before {
  content: "甆";
}

.mdi-circle-slice-7:before {
  content: "画";
}

.mdi-circle-slice-8:before {
  content: "瘝";
}

.mdi-circle-small:before {
  content: "吏";
}

.mdi-cisco-webex:before {
  content: "\f145";
}

.mdi-city:before {
  content: "\f146";
}

.mdi-city-variant:before {
  content: "卑";
}

.mdi-city-variant-outline:before {
  content: "喝";
}

.mdi-clipboard:before {
  content: "\f147";
}

.mdi-clipboard-account:before {
  content: "\f148";
}

.mdi-clipboard-account-outline:before {
  content: "ﰱ";
}

.mdi-clipboard-alert:before {
  content: "\f149";
}

.mdi-clipboard-arrow-down:before {
  content: "\f14a";
}

.mdi-clipboard-arrow-down-outline:before {
  content: "ﰲ";
}

.mdi-clipboard-arrow-left:before {
  content: "\f14b";
}

.mdi-clipboard-arrow-up:before {
  content: "ﰳ";
}

.mdi-clipboard-arrow-up-outline:before {
  content: "ﰴ";
}

.mdi-clipboard-check:before {
  content: "\f14c";
}

.mdi-clipboard-check-outline:before {
  content: "\f8a7";
}

.mdi-clipboard-flow:before {
  content: "\f6c7";
}

.mdi-clipboard-outline:before {
  content: "\f14d";
}

.mdi-clipboard-play:before {
  content: "ﰵ";
}

.mdi-clipboard-play-outline:before {
  content: "ﰶ";
}

.mdi-clipboard-plus:before {
  content: "\f750";
}

.mdi-clipboard-pulse:before {
  content: "\f85c";
}

.mdi-clipboard-pulse-outline:before {
  content: "\f85d";
}

.mdi-clipboard-text:before {
  content: "\f14e";
}

.mdi-clipboard-text-outline:before {
  content: "嘆";
}

.mdi-clipboard-text-play:before {
  content: "ﰷ";
}

.mdi-clipboard-text-play-outline:before {
  content: "ﰸ";
}

.mdi-clippy:before {
  content: "\f14f";
}

.mdi-clock:before {
  content: "肋";
}

.mdi-clock-alert:before {
  content: "凜";
}

.mdi-clock-alert-outline:before {
  content: "\f5ce";
}

.mdi-clock-end:before {
  content: "\f151";
}

.mdi-clock-fast:before {
  content: "\f152";
}

.mdi-clock-in:before {
  content: "\f153";
}

.mdi-clock-out:before {
  content: "\f154";
}

.mdi-clock-outline:before {
  content: "\f150";
}

.mdi-clock-start:before {
  content: "\f155";
}

.mdi-close:before {
  content: "\f156";
}

.mdi-close-box:before {
  content: "\f157";
}

.mdi-close-box-multiple:before {
  content: "ﰹ";
}

.mdi-close-box-multiple-outline:before {
  content: "ﰺ";
}

.mdi-close-box-outline:before {
  content: "\f158";
}

.mdi-close-circle:before {
  content: "\f159";
}

.mdi-close-circle-outline:before {
  content: "\f15a";
}

.mdi-close-network:before {
  content: "\f15b";
}

.mdi-close-network-outline:before {
  content: "ﰻ";
}

.mdi-close-octagon:before {
  content: "\f15c";
}

.mdi-close-octagon-outline:before {
  content: "\f15d";
}

.mdi-close-outline:before {
  content: "\f6c8";
}

.mdi-closed-caption:before {
  content: "\f15e";
}

.mdi-cloud:before {
  content: "\f15f";
}

.mdi-cloud-alert:before {
  content: "履";
}

.mdi-cloud-braces:before {
  content: "\f7b4";
}

.mdi-cloud-check:before {
  content: "\f160";
}

.mdi-cloud-circle:before {
  content: "\f161";
}

.mdi-cloud-download:before {
  content: "\f162";
}

.mdi-cloud-download-outline:before {
  content: "ﭙ";
}

.mdi-cloud-off-outline:before {
  content: "\f164";
}

.mdi-cloud-outline:before {
  content: "\f163";
}

.mdi-cloud-print:before {
  content: "\f165";
}

.mdi-cloud-print-outline:before {
  content: "\f166";
}

.mdi-cloud-question:before {
  content: "器";
}

.mdi-cloud-search:before {
  content: "凌";
}

.mdi-cloud-search-outline:before {
  content: "稜";
}

.mdi-cloud-sync:before {
  content: "\f63f";
}

.mdi-cloud-tags:before {
  content: "\f7b5";
}

.mdi-cloud-upload:before {
  content: "\f167";
}

.mdi-cloud-upload-outline:before {
  content: "ﭚ";
}

.mdi-clover:before {
  content: "\f815";
}

.mdi-code-array:before {
  content: "\f168";
}

.mdi-code-braces:before {
  content: "\f169";
}

.mdi-code-brackets:before {
  content: "\f16a";
}

.mdi-code-equal:before {
  content: "\f16b";
}

.mdi-code-greater-than:before {
  content: "\f16c";
}

.mdi-code-greater-than-or-equal:before {
  content: "\f16d";
}

.mdi-code-less-than:before {
  content: "\f16e";
}

.mdi-code-less-than-or-equal:before {
  content: "\f16f";
}

.mdi-code-not-equal:before {
  content: "\f170";
}

.mdi-code-not-equal-variant:before {
  content: "\f171";
}

.mdi-code-parentheses:before {
  content: "\f172";
}

.mdi-code-string:before {
  content: "\f173";
}

.mdi-code-tags:before {
  content: "\f174";
}

.mdi-code-tags-check:before {
  content: "\f693";
}

.mdi-codepen:before {
  content: "\f175";
}

.mdi-coffee:before {
  content: "\f176";
}

.mdi-coffee-outline:before {
  content: "\f6c9";
}

.mdi-coffee-to-go:before {
  content: "\f177";
}

.mdi-coffin:before {
  content: "ﭛ";
}

.mdi-cogs:before {
  content: "\f8d5";
}

.mdi-coin:before {
  content: "\f178";
}

.mdi-coins:before {
  content: "\f694";
}

.mdi-collage:before {
  content: "\f640";
}

.mdi-collapse-all:before {
  content: "瘟";
}

.mdi-collapse-all-outline:before {
  content: "益";
}

.mdi-color-helper:before {
  content: "\f179";
}

.mdi-comment:before {
  content: "\f17a";
}

.mdi-comment-account:before {
  content: "\f17b";
}

.mdi-comment-account-outline:before {
  content: "\f17c";
}

.mdi-comment-alert:before {
  content: "\f17d";
}

.mdi-comment-alert-outline:before {
  content: "\f17e";
}

.mdi-comment-arrow-left:before {
  content: "易";
}

.mdi-comment-arrow-left-outline:before {
  content: "李";
}

.mdi-comment-arrow-right:before {
  content: "梨";
}

.mdi-comment-arrow-right-outline:before {
  content: "泥";
}

.mdi-comment-check:before {
  content: "\f17f";
}

.mdi-comment-check-outline:before {
  content: "\f180";
}

.mdi-comment-eye:before {
  content: "塀";
}

.mdi-comment-eye-outline:before {
  content: "墨";
}

.mdi-comment-multiple:before {
  content: "\f85e";
}

.mdi-comment-multiple-outline:before {
  content: "\f181";
}

.mdi-comment-outline:before {
  content: "\f182";
}

.mdi-comment-plus:before {
  content: "理";
}

.mdi-comment-plus-outline:before {
  content: "\f183";
}

.mdi-comment-processing:before {
  content: "\f184";
}

.mdi-comment-processing-outline:before {
  content: "\f185";
}

.mdi-comment-question:before {
  content: "\f816";
}

.mdi-comment-question-outline:before {
  content: "\f186";
}

.mdi-comment-remove:before {
  content: "\f5de";
}

.mdi-comment-remove-outline:before {
  content: "\f187";
}

.mdi-comment-search:before {
  content: "層";
}

.mdi-comment-search-outline:before {
  content: "屮";
}

.mdi-comment-text:before {
  content: "\f188";
}

.mdi-comment-text-multiple:before {
  content: "\f85f";
}

.mdi-comment-text-multiple-outline:before {
  content: "\f860";
}

.mdi-comment-text-outline:before {
  content: "\f189";
}

.mdi-compare:before {
  content: "\f18a";
}

.mdi-compass:before {
  content: "\f18b";
}

.mdi-compass-off:before {
  content: "ﭜ";
}

.mdi-compass-off-outline:before {
  content: "ﭝ";
}

.mdi-compass-outline:before {
  content: "\f18c";
}

.mdi-console:before {
  content: "\f18d";
}

.mdi-console-line:before {
  content: "\f7b6";
}

.mdi-console-network:before {
  content: "\f8a8";
}

.mdi-console-network-outline:before {
  content: "ﰼ";
}

.mdi-contact-mail:before {
  content: "\f18e";
}

.mdi-contacts:before {
  content: "\f6ca";
}

.mdi-contain:before {
  content: "悔";
}

.mdi-contain-end:before {
  content: "慨";
}

.mdi-contain-start:before {
  content: "憎";
}

.mdi-content-copy:before {
  content: "\f18f";
}

.mdi-content-cut:before {
  content: "\f190";
}

.mdi-content-duplicate:before {
  content: "\f191";
}

.mdi-content-paste:before {
  content: "\f192";
}

.mdi-content-save:before {
  content: "\f193";
}

.mdi-content-save-all:before {
  content: "\f194";
}

.mdi-content-save-outline:before {
  content: "\f817";
}

.mdi-content-save-settings:before {
  content: "\f61b";
}

.mdi-content-save-settings-outline:before {
  content: "ﬓ";
}

.mdi-contrast:before {
  content: "\f195";
}

.mdi-contrast-box:before {
  content: "\f196";
}

.mdi-contrast-circle:before {
  content: "\f197";
}

.mdi-controller-classic:before {
  content: "ﭞ";
}

.mdi-controller-classic-outline:before {
  content: "ﭟ";
}

.mdi-cookie:before {
  content: "\f198";
}

.mdi-copyright:before {
  content: "\f5e6";
}

.mdi-cordova:before {
  content: "綾";
}

.mdi-corn:before {
  content: "\f7b7";
}

.mdi-counter:before {
  content: "\f199";
}

.mdi-cow:before {
  content: "\f19a";
}

.mdi-crane:before {
  content: "\f861";
}

.mdi-creation:before {
  content: "\f1c9";
}

.mdi-credit-card:before {
  content: "\f19b";
}

.mdi-credit-card-multiple:before {
  content: "\f19c";
}

.mdi-credit-card-off:before {
  content: "\f5e4";
}

.mdi-credit-card-plus:before {
  content: "\f675";
}

.mdi-credit-card-refund:before {
  content: "盛";
}

.mdi-credit-card-scan:before {
  content: "\f19d";
}

.mdi-credit-card-settings:before {
  content: "\f8d6";
}

.mdi-crop:before {
  content: "\f19e";
}

.mdi-crop-free:before {
  content: "\f19f";
}

.mdi-crop-landscape:before {
  content: "\f1a0";
}

.mdi-crop-portrait:before {
  content: "\f1a1";
}

.mdi-crop-rotate:before {
  content: "\f695";
}

.mdi-crop-square:before {
  content: "\f1a2";
}

.mdi-crosshairs:before {
  content: "\f1a3";
}

.mdi-crosshairs-gps:before {
  content: "\f1a4";
}

.mdi-crown:before {
  content: "\f1a5";
}

.mdi-cryengine:before {
  content: "菱";
}

.mdi-crystal-ball:before {
  content: "ﬔ";
}

.mdi-cube:before {
  content: "\f1a6";
}

.mdi-cube-outline:before {
  content: "\f1a7";
}

.mdi-cube-scan:before {
  content: "ﭠ";
}

.mdi-cube-send:before {
  content: "\f1a8";
}

.mdi-cube-unfolded:before {
  content: "\f1a9";
}

.mdi-cup:before {
  content: "\f1aa";
}

.mdi-cup-off:before {
  content: "\f5e5";
}

.mdi-cup-water:before {
  content: "\f1ab";
}

.mdi-cupcake:before {
  content: "陵";
}

.mdi-curling:before {
  content: "\f862";
}

.mdi-currency-bdt:before {
  content: "\f863";
}

.mdi-currency-brl:before {
  content: "ﭡ";
}

.mdi-currency-btc:before {
  content: "\f1ac";
}

.mdi-currency-chf:before {
  content: "\f7b8";
}

.mdi-currency-cny:before {
  content: "\f7b9";
}

.mdi-currency-eth:before {
  content: "\f7ba";
}

.mdi-currency-eur:before {
  content: "\f1ad";
}

.mdi-currency-gbp:before {
  content: "\f1ae";
}

.mdi-currency-ils:before {
  content: "ﰽ";
}

.mdi-currency-inr:before {
  content: "\f1af";
}

.mdi-currency-jpy:before {
  content: "\f7bb";
}

.mdi-currency-krw:before {
  content: "\f7bc";
}

.mdi-currency-kzt:before {
  content: "\f864";
}

.mdi-currency-ngn:before {
  content: "\f1b0";
}

.mdi-currency-php:before {
  content: "痢";
}

.mdi-currency-rub:before {
  content: "\f1b1";
}

.mdi-currency-sign:before {
  content: "\f7bd";
}

.mdi-currency-try:before {
  content: "\f1b2";
}

.mdi-currency-twd:before {
  content: "\f7be";
}

.mdi-currency-usd:before {
  content: "\f1b3";
}

.mdi-currency-usd-off:before {
  content: "\f679";
}

.mdi-current-ac:before {
  content: "讀";
}

.mdi-current-dc:before {
  content: "拏";
}

.mdi-cursor-default:before {
  content: "\f1b4";
}

.mdi-cursor-default-outline:before {
  content: "\f1b5";
}

.mdi-cursor-move:before {
  content: "\f1b6";
}

.mdi-cursor-pointer:before {
  content: "\f1b7";
}

.mdi-cursor-text:before {
  content: "\f5e7";
}

.mdi-database:before {
  content: "\f1b8";
}

.mdi-database-check:before {
  content: "直";
}

.mdi-database-edit:before {
  content: "ﭢ";
}

.mdi-database-export:before {
  content: "諾";
}

.mdi-database-import:before {
  content: "樂";
}

.mdi-database-lock:before {
  content: "睊";
}

.mdi-database-minus:before {
  content: "\f1b9";
}

.mdi-database-plus:before {
  content: "\f1ba";
}

.mdi-database-search:before {
  content: "\f865";
}

.mdi-death-star:before {
  content: "\f8d7";
}

.mdi-death-star-variant:before {
  content: "\f8d8";
}

.mdi-deathly-hallows:before {
  content: "ﭣ";
}

.mdi-debian:before {
  content: "\f8d9";
}

.mdi-debug-step-into:before {
  content: "\f1bb";
}

.mdi-debug-step-out:before {
  content: "\f1bc";
}

.mdi-debug-step-over:before {
  content: "\f1bd";
}

.mdi-decagram:before {
  content: "\f76b";
}

.mdi-decagram-outline:before {
  content: "\f76c";
}

.mdi-decimal-decrease:before {
  content: "\f1be";
}

.mdi-decimal-increase:before {
  content: "\f1bf";
}

.mdi-delete:before {
  content: "\f1c0";
}

.mdi-delete-circle:before {
  content: "\f682";
}

.mdi-delete-circle-outline:before {
  content: "ﭤ";
}

.mdi-delete-empty:before {
  content: "\f6cb";
}

.mdi-delete-forever:before {
  content: "\f5e8";
}

.mdi-delete-forever-outline:before {
  content: "ﭥ";
}

.mdi-delete-outline:before {
  content: "罹";
}

.mdi-delete-restore:before {
  content: "\f818";
}

.mdi-delete-sweep:before {
  content: "\f5e9";
}

.mdi-delete-sweep-outline:before {
  content: "ﰾ";
}

.mdi-delete-variant:before {
  content: "\f1c1";
}

.mdi-delta:before {
  content: "\f1c2";
}

.mdi-desk-lamp:before {
  content: "丹";
}

.mdi-deskphone:before {
  content: "\f1c3";
}

.mdi-desktop-classic:before {
  content: "\f7bf";
}

.mdi-desktop-mac:before {
  content: "\f1c4";
}

.mdi-desktop-mac-dashboard:before {
  content: "裏";
}

.mdi-desktop-tower:before {
  content: "\f1c5";
}

.mdi-desktop-tower-monitor:before {
  content: "着";
}

.mdi-details:before {
  content: "\f1c6";
}

.mdi-developer-board:before {
  content: "\f696";
}

.mdi-deviantart:before {
  content: "\f1c7";
}

.mdi-dialpad:before {
  content: "\f61c";
}

.mdi-diameter:before {
  content: "ﰿ";
}

.mdi-diameter-outline:before {
  content: "ﱀ";
}

.mdi-diameter-variant:before {
  content: "ﱁ";
}

.mdi-diamond:before {
  content: "ﭦ";
}

.mdi-diamond-outline:before {
  content: "ﭧ";
}

.mdi-diamond-stone:before {
  content: "\f1c8";
}

.mdi-dice-1:before {
  content: "\f1ca";
}

.mdi-dice-2:before {
  content: "\f1cb";
}

.mdi-dice-3:before {
  content: "\f1cc";
}

.mdi-dice-4:before {
  content: "\f1cd";
}

.mdi-dice-5:before {
  content: "\f1ce";
}

.mdi-dice-6:before {
  content: "\f1cf";
}

.mdi-dice-d10:before {
  content: "\f76e";
}

.mdi-dice-d12:before {
  content: "\f866";
}

.mdi-dice-d20:before {
  content: "\f5ea";
}

.mdi-dice-d4:before {
  content: "\f5eb";
}

.mdi-dice-d6:before {
  content: "\f5ec";
}

.mdi-dice-d8:before {
  content: "\f5ed";
}

.mdi-dice-multiple:before {
  content: "\f76d";
}

.mdi-dictionary:before {
  content: "\f61d";
}

.mdi-dip-switch:before {
  content: "\f7c0";
}

.mdi-directions:before {
  content: "\f1d0";
}

.mdi-directions-fork:before {
  content: "\f641";
}

.mdi-disc:before {
  content: "\f5ee";
}

.mdi-disc-alert:before {
  content: "\f1d1";
}

.mdi-disc-player:before {
  content: "寧";
}

.mdi-discord:before {
  content: "\f66f";
}

.mdi-dishwasher:before {
  content: "磌";
}

.mdi-disqus:before {
  content: "\f1d2";
}

.mdi-disqus-outline:before {
  content: "\f1d3";
}

.mdi-division:before {
  content: "\f1d4";
}

.mdi-division-box:before {
  content: "\f1d5";
}

.mdi-dlna:before {
  content: "懲";
}

.mdi-dna:before {
  content: "\f683";
}

.mdi-dns:before {
  content: "\f1d6";
}

.mdi-dns-outline:before {
  content: "ﭨ";
}

.mdi-do-not-disturb:before {
  content: "\f697";
}

.mdi-do-not-disturb-off:before {
  content: "\f698";
}

.mdi-docker:before {
  content: "\f867";
}

.mdi-doctor:before {
  content: "敏";
}

.mdi-dog:before {
  content: "既";
}

.mdi-dog-service:before {
  content: "窱";
}

.mdi-dog-side:before {
  content: "暑";
}

.mdi-dolby:before {
  content: "\f6b2";
}

.mdi-domain:before {
  content: "\f1d7";
}

.mdi-donkey:before {
  content: "\f7c1";
}

.mdi-door:before {
  content: "\f819";
}

.mdi-door-closed:before {
  content: "\f81a";
}

.mdi-door-open:before {
  content: "\f81b";
}

.mdi-doorbell-video:before {
  content: "\f868";
}

.mdi-dot-net:before {
  content: "節";
}

.mdi-dots-horizontal:before {
  content: "\f1d8";
}

.mdi-dots-horizontal-circle:before {
  content: "\f7c2";
}

.mdi-dots-horizontal-circle-outline:before {
  content: "ﭩ";
}

.mdi-dots-vertical:before {
  content: "\f1d9";
}

.mdi-dots-vertical-circle:before {
  content: "\f7c3";
}

.mdi-dots-vertical-circle-outline:before {
  content: "ﭪ";
}

.mdi-douban:before {
  content: "\f699";
}

.mdi-download:before {
  content: "\f1da";
}

.mdi-download-multiple:before {
  content: "裡";
}

.mdi-download-network:before {
  content: "\f6f3";
}

.mdi-download-network-outline:before {
  content: "ﱂ";
}

.mdi-download-outline:before {
  content: "ﭫ";
}

.mdi-drag:before {
  content: "\f1db";
}

.mdi-drag-horizontal:before {
  content: "\f1dc";
}

.mdi-drag-variant:before {
  content: "ﭬ";
}

.mdi-drag-vertical:before {
  content: "\f1dd";
}

.mdi-drawing:before {
  content: "\f1de";
}

.mdi-drawing-box:before {
  content: "\f1df";
}

.mdi-dribbble:before {
  content: "\f1e0";
}

.mdi-dribbble-box:before {
  content: "\f1e1";
}

.mdi-drone:before {
  content: "\f1e2";
}

.mdi-dropbox:before {
  content: "\f1e3";
}

.mdi-drupal:before {
  content: "\f1e4";
}

.mdi-duck:before {
  content: "\f1e5";
}

.mdi-dumbbell:before {
  content: "\f1e6";
}

.mdi-dump-truck:before {
  content: "ﱃ";
}

.mdi-ear-hearing:before {
  content: "\f7c4";
}

.mdi-ear-hearing-off:before {
  content: "梅";
}

.mdi-earth:before {
  content: "\f1e7";
}

.mdi-earth-box:before {
  content: "\f6cc";
}

.mdi-earth-box-off:before {
  content: "\f6cd";
}

.mdi-earth-off:before {
  content: "\f1e8";
}

.mdi-edge:before {
  content: "\f1e9";
}

.mdi-egg:before {
  content: "类";
}

.mdi-egg-easter:before {
  content: "絛";
}

.mdi-eight-track:before {
  content: "里";
}

.mdi-eject:before {
  content: "\f1ea";
}

.mdi-eject-outline:before {
  content: "ﭭ";
}

.mdi-elephant:before {
  content: "\f7c5";
}

.mdi-elevation-decline:before {
  content: "\f1eb";
}

.mdi-elevation-rise:before {
  content: "\f1ec";
}

.mdi-elevator:before {
  content: "\f1ed";
}

.mdi-email:before {
  content: "\f1ee";
}

.mdi-email-alert:before {
  content: "\f6ce";
}

.mdi-email-check:before {
  content: "練";
}

.mdi-email-check-outline:before {
  content: "缾";
}

.mdi-email-lock:before {
  content: "\f1f1";
}

.mdi-email-mark-as-unread:before {
  content: "ﭮ";
}

.mdi-email-open:before {
  content: "\f1ef";
}

.mdi-email-open-outline:before {
  content: "\f5ef";
}

.mdi-email-outline:before {
  content: "\f1f0";
}

.mdi-email-plus:before {
  content: "離";
}

.mdi-email-plus-outline:before {
  content: "匿";
}

.mdi-email-search:before {
  content: "怒";
}

.mdi-email-search-outline:before {
  content: "率";
}

.mdi-email-variant:before {
  content: "\f5f0";
}

.mdi-ember:before {
  content: "ﬕ";
}

.mdi-emby:before {
  content: "\f6b3";
}

.mdi-emoticon:before {
  content: "ﱄ";
}

.mdi-emoticon-angry:before {
  content: "ﱅ";
}

.mdi-emoticon-angry-outline:before {
  content: "ﱆ";
}

.mdi-emoticon-cool:before {
  content: "ﱇ";
}

.mdi-emoticon-cool-outline:before {
  content: "\f1f3";
}

.mdi-emoticon-cry:before {
  content: "ﱈ";
}

.mdi-emoticon-cry-outline:before {
  content: "ﱉ";
}

.mdi-emoticon-dead:before {
  content: "ﱊ";
}

.mdi-emoticon-dead-outline:before {
  content: "\f69a";
}

.mdi-emoticon-devil:before {
  content: "ﱋ";
}

.mdi-emoticon-devil-outline:before {
  content: "\f1f4";
}

.mdi-emoticon-excited:before {
  content: "ﱌ";
}

.mdi-emoticon-excited-outline:before {
  content: "\f69b";
}

.mdi-emoticon-happy:before {
  content: "ﱍ";
}

.mdi-emoticon-happy-outline:before {
  content: "\f1f5";
}

.mdi-emoticon-kiss:before {
  content: "ﱎ";
}

.mdi-emoticon-kiss-outline:before {
  content: "ﱏ";
}

.mdi-emoticon-neutral:before {
  content: "ﱐ";
}

.mdi-emoticon-neutral-outline:before {
  content: "\f1f6";
}

.mdi-emoticon-outline:before {
  content: "\f1f2";
}

.mdi-emoticon-poop:before {
  content: "\f1f7";
}

.mdi-emoticon-poop-outline:before {
  content: "ﱑ";
}

.mdi-emoticon-sad:before {
  content: "ﱒ";
}

.mdi-emoticon-sad-outline:before {
  content: "\f1f8";
}

.mdi-emoticon-tongue:before {
  content: "\f1f9";
}

.mdi-emoticon-tongue-outline:before {
  content: "ﱓ";
}

.mdi-emoticon-wink:before {
  content: "ﱔ";
}

.mdi-emoticon-wink-outline:before {
  content: "ﱕ";
}

.mdi-engine:before {
  content: "\f1fa";
}

.mdi-engine-off:before {
  content: "海";
}

.mdi-engine-off-outline:before {
  content: "渚";
}

.mdi-engine-outline:before {
  content: "\f1fb";
}

.mdi-equal:before {
  content: "\f1fc";
}

.mdi-equal-box:before {
  content: "\f1fd";
}

.mdi-eraser:before {
  content: "\f1fe";
}

.mdi-eraser-variant:before {
  content: "\f642";
}

.mdi-escalator:before {
  content: "\f1ff";
}

.mdi-eslint:before {
  content: "ﱖ";
}

.mdi-et:before {
  content: "者";
}

.mdi-ethereum:before {
  content: "\f869";
}

.mdi-ethernet:before {
  content: "\f200";
}

.mdi-ethernet-cable:before {
  content: "\f201";
}

.mdi-ethernet-cable-off:before {
  content: "\f202";
}

.mdi-etsy:before {
  content: "\f203";
}

.mdi-ev-station:before {
  content: "\f5f1";
}

.mdi-eventbrite:before {
  content: "\f7c6";
}

.mdi-evernote:before {
  content: "\f204";
}

.mdi-exclamation:before {
  content: "\f205";
}

.mdi-exit-run:before {
  content: "漢";
}

.mdi-exit-to-app:before {
  content: "\f206";
}

.mdi-expand-all:before {
  content: "荒";
}

.mdi-expand-all-outline:before {
  content: "華";
}

.mdi-exponent:before {
  content: "異";
}

.mdi-exponent-box:before {
  content: "北";
}

.mdi-export:before {
  content: "\f207";
}

.mdi-export-variant:before {
  content: "ﭯ";
}

.mdi-eye:before {
  content: "\f208";
}

.mdi-eye-circle:before {
  content: "ﭰ";
}

.mdi-eye-circle-outline:before {
  content: "ﭱ";
}

.mdi-eye-off:before {
  content: "\f209";
}

.mdi-eye-off-outline:before {
  content: "\f6d0";
}

.mdi-eye-outline:before {
  content: "\f6cf";
}

.mdi-eye-plus:before {
  content: "\f86a";
}

.mdi-eye-plus-outline:before {
  content: "\f86b";
}

.mdi-eye-settings:before {
  content: "\f86c";
}

.mdi-eye-settings-outline:before {
  content: "\f86d";
}

.mdi-eyedropper:before {
  content: "\f20a";
}

.mdi-eyedropper-variant:before {
  content: "\f20b";
}

.mdi-face:before {
  content: "\f643";
}

.mdi-face-outline:before {
  content: "ﭲ";
}

.mdi-face-profile:before {
  content: "\f644";
}

.mdi-face-recognition:before {
  content: "ﱗ";
}

.mdi-facebook:before {
  content: "\f20c";
}

.mdi-facebook-box:before {
  content: "\f20d";
}

.mdi-facebook-messenger:before {
  content: "\f20e";
}

.mdi-facebook-workplace:before {
  content: "ﬖ";
}

.mdi-factory:before {
  content: "\f20f";
}

.mdi-fan:before {
  content: "\f210";
}

.mdi-fan-off:before {
  content: "\f81c";
}

.mdi-fast-forward:before {
  content: "\f211";
}

.mdi-fast-forward-outline:before {
  content: "\f6d1";
}

.mdi-fax:before {
  content: "\f212";
}

.mdi-feather:before {
  content: "\f6d2";
}

.mdi-feature-search:before {
  content: "煮";
}

.mdi-feature-search-outline:before {
  content: "爫";
}

.mdi-fedora:before {
  content: "\f8da";
}

.mdi-ferry:before {
  content: "\f213";
}

.mdi-file:before {
  content: "\f214";
}

.mdi-file-account:before {
  content: "\f73a";
}

.mdi-file-alert:before {
  content: "琢";
}

.mdi-file-alert-outline:before {
  content: "碑";
}

.mdi-file-cabinet:before {
  content: "蝹";
}

.mdi-file-chart:before {
  content: "\f215";
}

.mdi-file-check:before {
  content: "\f216";
}

.mdi-file-cloud:before {
  content: "\f217";
}

.mdi-file-compare:before {
  content: "\f8a9";
}

.mdi-file-delimited:before {
  content: "\f218";
}

.mdi-file-document:before {
  content: "\f219";
}

.mdi-file-document-box:before {
  content: "\f21a";
}

.mdi-file-document-box-multiple:before {
  content: "襁";
}

.mdi-file-document-box-multiple-outline:before {
  content: "覆";
}

.mdi-file-document-box-outline:before {
  content: "溺";
}

.mdi-file-document-outline:before {
  content: "吝";
}

.mdi-file-download:before {
  content: "磻";
}

.mdi-file-download-outline:before {
  content: "便";
}

.mdi-file-excel:before {
  content: "\f21b";
}

.mdi-file-excel-box:before {
  content: "\f21c";
}

.mdi-file-export:before {
  content: "\f21d";
}

.mdi-file-find:before {
  content: "\f21e";
}

.mdi-file-find-outline:before {
  content: "ﭳ";
}

.mdi-file-hidden:before {
  content: "\f613";
}

.mdi-file-image:before {
  content: "\f21f";
}

.mdi-file-import:before {
  content: "\f220";
}

.mdi-file-lock:before {
  content: "\f221";
}

.mdi-file-move:before {
  content: "視";
}

.mdi-file-multiple:before {
  content: "\f222";
}

.mdi-file-music:before {
  content: "\f223";
}

.mdi-file-outline:before {
  content: "\f224";
}

.mdi-file-pdf:before {
  content: "\f225";
}

.mdi-file-pdf-box:before {
  content: "\f226";
}

.mdi-file-percent:before {
  content: "\f81d";
}

.mdi-file-plus:before {
  content: "\f751";
}

.mdi-file-powerpoint:before {
  content: "\f227";
}

.mdi-file-powerpoint-box:before {
  content: "\f228";
}

.mdi-file-presentation-box:before {
  content: "\f229";
}

.mdi-file-question:before {
  content: "\f86e";
}

.mdi-file-remove:before {
  content: "ﭴ";
}

.mdi-file-replace:before {
  content: "ﬗ";
}

.mdi-file-replace-outline:before {
  content: "﬘";
}

.mdi-file-restore:before {
  content: "\f670";
}

.mdi-file-search:before {
  content: "ﱘ";
}

.mdi-file-search-outline:before {
  content: "ﱙ";
}

.mdi-file-send:before {
  content: "\f22a";
}

.mdi-file-table:before {
  content: "ﱚ";
}

.mdi-file-table-outline:before {
  content: "ﱛ";
}

.mdi-file-tree:before {
  content: "\f645";
}

.mdi-file-undo:before {
  content: "\f8db";
}

.mdi-file-upload:before {
  content: "社";
}

.mdi-file-upload-outline:before {
  content: "祉";
}

.mdi-file-video:before {
  content: "\f22b";
}

.mdi-file-word:before {
  content: "\f22c";
}

.mdi-file-word-box:before {
  content: "\f22d";
}

.mdi-file-xml:before {
  content: "\f22e";
}

.mdi-film:before {
  content: "\f22f";
}

.mdi-filmstrip:before {
  content: "\f230";
}

.mdi-filmstrip-off:before {
  content: "\f231";
}

.mdi-filter:before {
  content: "\f232";
}

.mdi-filter-outline:before {
  content: "\f233";
}

.mdi-filter-remove:before {
  content: "\f234";
}

.mdi-filter-remove-outline:before {
  content: "\f235";
}

.mdi-filter-variant:before {
  content: "\f236";
}

.mdi-finance:before {
  content: "\f81e";
}

.mdi-find-replace:before {
  content: "\f6d3";
}

.mdi-fingerprint:before {
  content: "\f237";
}

.mdi-fire:before {
  content: "\f238";
}

.mdi-fire-truck:before {
  content: "\f8aa";
}

.mdi-firebase:before {
  content: "復";
}

.mdi-firefox:before {
  content: "\f239";
}

.mdi-fish:before {
  content: "\f23a";
}

.mdi-flag:before {
  content: "\f23b";
}

.mdi-flag-checkered:before {
  content: "\f23c";
}

.mdi-flag-minus:before {
  content: "ﭵ";
}

.mdi-flag-outline:before {
  content: "\f23d";
}

.mdi-flag-plus:before {
  content: "ﭶ";
}

.mdi-flag-remove:before {
  content: "ﭷ";
}

.mdi-flag-triangle:before {
  content: "\f23f";
}

.mdi-flag-variant:before {
  content: "\f240";
}

.mdi-flag-variant-outline:before {
  content: "\f23e";
}

.mdi-flash:before {
  content: "\f241";
}

.mdi-flash-auto:before {
  content: "\f242";
}

.mdi-flash-circle:before {
  content: "\f81f";
}

.mdi-flash-off:before {
  content: "\f243";
}

.mdi-flash-outline:before {
  content: "\f6d4";
}

.mdi-flash-red-eye:before {
  content: "\f67a";
}

.mdi-flashlight:before {
  content: "\f244";
}

.mdi-flashlight-off:before {
  content: "\f245";
}

.mdi-flask:before {
  content: "\f093";
}

.mdi-flask-empty:before {
  content: "\f094";
}

.mdi-flask-empty-outline:before {
  content: "\f095";
}

.mdi-flask-outline:before {
  content: "\f096";
}

.mdi-flattr:before {
  content: "\f246";
}

.mdi-flip-to-back:before {
  content: "\f247";
}

.mdi-flip-to-front:before {
  content: "\f248";
}

.mdi-floor-lamp:before {
  content: "\f8dc";
}

.mdi-floor-plan:before {
  content: "\f820";
}

.mdi-floppy:before {
  content: "\f249";
}

.mdi-floppy-variant:before {
  content: "燐";
}

.mdi-flower:before {
  content: "\f24a";
}

.mdi-flower-outline:before {
  content: "璘";
}

.mdi-flower-tulip:before {
  content: "藺";
}

.mdi-flower-tulip-outline:before {
  content: "隣";
}

.mdi-folder:before {
  content: "\f24b";
}

.mdi-folder-account:before {
  content: "\f24c";
}

.mdi-folder-account-outline:before {
  content: "ﭸ";
}

.mdi-folder-clock:before {
  content: "調";
}

.mdi-folder-clock-outline:before {
  content: "諸";
}

.mdi-folder-download:before {
  content: "\f24d";
}

.mdi-folder-edit:before {
  content: "\f8dd";
}

.mdi-folder-google-drive:before {
  content: "\f24e";
}

.mdi-folder-image:before {
  content: "\f24f";
}

.mdi-folder-key:before {
  content: "\f8ab";
}

.mdi-folder-key-network:before {
  content: "\f8ac";
}

.mdi-folder-key-network-outline:before {
  content: "ﱜ";
}

.mdi-folder-lock:before {
  content: "\f250";
}

.mdi-folder-lock-open:before {
  content: "\f251";
}

.mdi-folder-move:before {
  content: "\f252";
}

.mdi-folder-multiple:before {
  content: "\f253";
}

.mdi-folder-multiple-image:before {
  content: "\f254";
}

.mdi-folder-multiple-outline:before {
  content: "\f255";
}

.mdi-folder-network:before {
  content: "\f86f";
}

.mdi-folder-network-outline:before {
  content: "ﱝ";
}

.mdi-folder-open:before {
  content: "\f76f";
}

.mdi-folder-outline:before {
  content: "\f256";
}

.mdi-folder-plus:before {
  content: "\f257";
}

.mdi-folder-plus-outline:before {
  content: "ﭹ";
}

.mdi-folder-remove:before {
  content: "\f258";
}

.mdi-folder-remove-outline:before {
  content: "ﭺ";
}

.mdi-folder-search:before {
  content: "不";
}

.mdi-folder-search-outline:before {
  content: "泌";
}

.mdi-folder-star:before {
  content: "\f69c";
}

.mdi-folder-star-outline:before {
  content: "ﭻ";
}

.mdi-folder-text:before {
  content: "ﱞ";
}

.mdi-folder-text-outline:before {
  content: "ﱟ";
}

.mdi-folder-upload:before {
  content: "\f259";
}

.mdi-font-awesome:before {
  content: "\f03a";
}

.mdi-food:before {
  content: "\f25a";
}

.mdi-food-apple:before {
  content: "\f25b";
}

.mdi-food-apple-outline:before {
  content: "ﱠ";
}

.mdi-food-croissant:before {
  content: "\f7c7";
}

.mdi-food-fork-drink:before {
  content: "\f5f2";
}

.mdi-food-off:before {
  content: "\f5f3";
}

.mdi-food-variant:before {
  content: "\f25c";
}

.mdi-football:before {
  content: "\f25d";
}

.mdi-football-australian:before {
  content: "\f25e";
}

.mdi-football-helmet:before {
  content: "\f25f";
}

.mdi-forklift:before {
  content: "\f7c8";
}

.mdi-format-align-bottom:before {
  content: "\f752";
}

.mdi-format-align-center:before {
  content: "\f260";
}

.mdi-format-align-justify:before {
  content: "\f261";
}

.mdi-format-align-left:before {
  content: "\f262";
}

.mdi-format-align-middle:before {
  content: "\f753";
}

.mdi-format-align-right:before {
  content: "\f263";
}

.mdi-format-align-top:before {
  content: "\f754";
}

.mdi-format-annotation-minus:before {
  content: "請";
}

.mdi-format-annotation-plus:before {
  content: "\f646";
}

.mdi-format-bold:before {
  content: "\f264";
}

.mdi-format-clear:before {
  content: "\f265";
}

.mdi-format-color-fill:before {
  content: "\f266";
}

.mdi-format-color-text:before {
  content: "\f69d";
}

.mdi-format-columns:before {
  content: "\f8de";
}

.mdi-format-float-center:before {
  content: "\f267";
}

.mdi-format-float-left:before {
  content: "\f268";
}

.mdi-format-float-none:before {
  content: "\f269";
}

.mdi-format-float-right:before {
  content: "\f26a";
}

.mdi-format-font:before {
  content: "\f6d5";
}

.mdi-format-font-size-decrease:before {
  content: "鱗";
}

.mdi-format-font-size-increase:before {
  content: "麟";
}

.mdi-format-header-1:before {
  content: "\f26b";
}

.mdi-format-header-2:before {
  content: "\f26c";
}

.mdi-format-header-3:before {
  content: "\f26d";
}

.mdi-format-header-4:before {
  content: "\f26e";
}

.mdi-format-header-5:before {
  content: "\f26f";
}

.mdi-format-header-6:before {
  content: "\f270";
}

.mdi-format-header-decrease:before {
  content: "\f271";
}

.mdi-format-header-equal:before {
  content: "\f272";
}

.mdi-format-header-increase:before {
  content: "\f273";
}

.mdi-format-header-pound:before {
  content: "\f274";
}

.mdi-format-horizontal-align-center:before {
  content: "\f61e";
}

.mdi-format-horizontal-align-left:before {
  content: "\f61f";
}

.mdi-format-horizontal-align-right:before {
  content: "\f620";
}

.mdi-format-indent-decrease:before {
  content: "\f275";
}

.mdi-format-indent-increase:before {
  content: "\f276";
}

.mdi-format-italic:before {
  content: "\f277";
}

.mdi-format-letter-case:before {
  content: "﬙";
}

.mdi-format-letter-case-lower:before {
  content: "﬚";
}

.mdi-format-letter-case-upper:before {
  content: "﬛";
}

.mdi-format-line-spacing:before {
  content: "\f278";
}

.mdi-format-line-style:before {
  content: "\f5c8";
}

.mdi-format-line-weight:before {
  content: "\f5c9";
}

.mdi-format-list-bulleted:before {
  content: "\f279";
}

.mdi-format-list-bulleted-type:before {
  content: "\f27a";
}

.mdi-format-list-checkbox:before {
  content: "數";
}

.mdi-format-list-checks:before {
  content: "\f755";
}

.mdi-format-list-numbered:before {
  content: "\f27b";
}

.mdi-format-page-break:before {
  content: "\f6d6";
}

.mdi-format-paint:before {
  content: "\f27c";
}

.mdi-format-paragraph:before {
  content: "\f27d";
}

.mdi-format-pilcrow:before {
  content: "\f6d7";
}

.mdi-format-quote-close:before {
  content: "\f27e";
}

.mdi-format-quote-open:before {
  content: "\f756";
}

.mdi-format-rotate-90:before {
  content: "\f6a9";
}

.mdi-format-section:before {
  content: "\f69e";
}

.mdi-format-size:before {
  content: "\f27f";
}

.mdi-format-strikethrough:before {
  content: "\f280";
}

.mdi-format-strikethrough-variant:before {
  content: "\f281";
}

.mdi-format-subscript:before {
  content: "\f282";
}

.mdi-format-superscript:before {
  content: "\f283";
}

.mdi-format-text:before {
  content: "\f284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\f285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\f286";
}

.mdi-format-title:before {
  content: "\f5f4";
}

.mdi-format-underline:before {
  content: "\f287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\f621";
}

.mdi-format-vertical-align-center:before {
  content: "\f622";
}

.mdi-format-vertical-align-top:before {
  content: "\f623";
}

.mdi-format-wrap-inline:before {
  content: "\f288";
}

.mdi-format-wrap-square:before {
  content: "\f289";
}

.mdi-format-wrap-tight:before {
  content: "\f28a";
}

.mdi-format-wrap-top-bottom:before {
  content: "\f28b";
}

.mdi-forum:before {
  content: "\f28c";
}

.mdi-forum-outline:before {
  content: "\f821";
}

.mdi-forward:before {
  content: "\f28d";
}

.mdi-fountain:before {
  content: "索";
}

.mdi-foursquare:before {
  content: "\f28e";
}

.mdi-freebsd:before {
  content: "\f8df";
}

.mdi-fridge:before {
  content: "\f290";
}

.mdi-fridge-bottom:before {
  content: "\f292";
}

.mdi-fridge-outline:before {
  content: "\f28f";
}

.mdi-fridge-top:before {
  content: "\f291";
}

.mdi-fuel:before {
  content: "\f7c9";
}

.mdi-fullscreen:before {
  content: "\f293";
}

.mdi-fullscreen-exit:before {
  content: "\f294";
}

.mdi-function:before {
  content: "\f295";
}

.mdi-function-variant:before {
  content: "\f870";
}

.mdi-fuse:before {
  content: "ﱡ";
}

.mdi-fuse-blade:before {
  content: "ﱢ";
}

.mdi-gamepad:before {
  content: "\f296";
}

.mdi-gamepad-variant:before {
  content: "\f297";
}

.mdi-garage:before {
  content: "\f6d8";
}

.mdi-garage-alert:before {
  content: "\f871";
}

.mdi-garage-open:before {
  content: "\f6d9";
}

.mdi-gas-cylinder:before {
  content: "\f647";
}

.mdi-gas-station:before {
  content: "\f298";
}

.mdi-gate:before {
  content: "\f299";
}

.mdi-gate-and:before {
  content: "\f8e0";
}

.mdi-gate-nand:before {
  content: "\f8e1";
}

.mdi-gate-nor:before {
  content: "\f8e2";
}

.mdi-gate-not:before {
  content: "\f8e3";
}

.mdi-gate-or:before {
  content: "\f8e4";
}

.mdi-gate-xnor:before {
  content: "\f8e5";
}

.mdi-gate-xor:before {
  content: "\f8e6";
}

.mdi-gauge:before {
  content: "\f29a";
}

.mdi-gauge-empty:before {
  content: "\f872";
}

.mdi-gauge-full:before {
  content: "\f873";
}

.mdi-gauge-low:before {
  content: "\f874";
}

.mdi-gavel:before {
  content: "\f29b";
}

.mdi-gender-female:before {
  content: "\f29c";
}

.mdi-gender-male:before {
  content: "\f29d";
}

.mdi-gender-male-female:before {
  content: "\f29e";
}

.mdi-gender-transgender:before {
  content: "\f29f";
}

.mdi-gentoo:before {
  content: "\f8e7";
}

.mdi-gesture:before {
  content: "\f7ca";
}

.mdi-gesture-double-tap:before {
  content: "\f73b";
}

.mdi-gesture-pinch:before {
  content: "謁";
}

.mdi-gesture-spread:before {
  content: "諾";
}

.mdi-gesture-swipe-down:before {
  content: "\f73c";
}

.mdi-gesture-swipe-horizontal:before {
  content: "諭";
}

.mdi-gesture-swipe-left:before {
  content: "\f73d";
}

.mdi-gesture-swipe-right:before {
  content: "\f73e";
}

.mdi-gesture-swipe-up:before {
  content: "\f73f";
}

.mdi-gesture-swipe-vertical:before {
  content: "謹";
}

.mdi-gesture-tap:before {
  content: "\f740";
}

.mdi-gesture-two-double-tap:before {
  content: "\f741";
}

.mdi-gesture-two-tap:before {
  content: "\f742";
}

.mdi-ghost:before {
  content: "\f2a0";
}

.mdi-ghost-off:before {
  content: "林";
}

.mdi-gift:before {
  content: "\f2a1";
}

.mdi-git:before {
  content: "\f2a2";
}

.mdi-github-box:before {
  content: "\f2a3";
}

.mdi-github-circle:before {
  content: "\f2a4";
}

.mdi-github-face:before {
  content: "\f6da";
}

.mdi-gitlab:before {
  content: "ﭼ";
}

.mdi-glass-cocktail:before {
  content: "\f356";
}

.mdi-glass-flute:before {
  content: "\f2a5";
}

.mdi-glass-mug:before {
  content: "\f2a6";
}

.mdi-glass-stange:before {
  content: "\f2a7";
}

.mdi-glass-tulip:before {
  content: "\f2a8";
}

.mdi-glass-wine:before {
  content: "\f875";
}

.mdi-glassdoor:before {
  content: "\f2a9";
}

.mdi-glasses:before {
  content: "\f2aa";
}

.mdi-globe-model:before {
  content: "\f8e8";
}

.mdi-gmail:before {
  content: "\f2ab";
}

.mdi-gnome:before {
  content: "\f2ac";
}

.mdi-gog:before {
  content: "ﭽ";
}

.mdi-golf:before {
  content: "\f822";
}

.mdi-gondola:before {
  content: "\f685";
}

.mdi-google:before {
  content: "\f2ad";
}

.mdi-google-adwords:before {
  content: "ﱣ";
}

.mdi-google-allo:before {
  content: "\f801";
}

.mdi-google-analytics:before {
  content: "\f7cb";
}

.mdi-google-assistant:before {
  content: "\f7cc";
}

.mdi-google-cardboard:before {
  content: "\f2ae";
}

.mdi-google-chrome:before {
  content: "\f2af";
}

.mdi-google-circles:before {
  content: "\f2b0";
}

.mdi-google-circles-communities:before {
  content: "\f2b1";
}

.mdi-google-circles-extended:before {
  content: "\f2b2";
}

.mdi-google-circles-group:before {
  content: "\f2b3";
}

.mdi-google-controller:before {
  content: "\f2b4";
}

.mdi-google-controller-off:before {
  content: "\f2b5";
}

.mdi-google-drive:before {
  content: "\f2b6";
}

.mdi-google-earth:before {
  content: "\f2b7";
}

.mdi-google-fit:before {
  content: "參";
}

.mdi-google-glass:before {
  content: "\f2b8";
}

.mdi-google-hangouts:before {
  content: "\f2c9";
}

.mdi-google-home:before {
  content: "\f823";
}

.mdi-google-keep:before {
  content: "\f6db";
}

.mdi-google-lens:before {
  content: "淋";
}

.mdi-google-maps:before {
  content: "\f5f5";
}

.mdi-google-nearby:before {
  content: "\f2b9";
}

.mdi-google-pages:before {
  content: "\f2ba";
}

.mdi-google-photos:before {
  content: "\f6dc";
}

.mdi-google-physical-web:before {
  content: "\f2bb";
}

.mdi-google-play:before {
  content: "\f2bc";
}

.mdi-google-plus:before {
  content: "\f2bd";
}

.mdi-google-plus-box:before {
  content: "\f2be";
}

.mdi-google-spreadsheet:before {
  content: "臨";
}

.mdi-google-street-view:before {
  content: "ﱤ";
}

.mdi-google-translate:before {
  content: "\f2bf";
}

.mdi-google-wallet:before {
  content: "\f2c0";
}

.mdi-gpu:before {
  content: "\f8ad";
}

.mdi-gradient:before {
  content: "\f69f";
}

.mdi-graphql:before {
  content: "\f876";
}

.mdi-grave-stone:before {
  content: "ﭾ";
}

.mdi-grease-pencil:before {
  content: "\f648";
}

.mdi-greater-than:before {
  content: "塞";
}

.mdi-greater-than-or-equal:before {
  content: "省";
}

.mdi-grid:before {
  content: "\f2c1";
}

.mdi-grid-large:before {
  content: "\f757";
}

.mdi-grid-off:before {
  content: "\f2c2";
}

.mdi-group:before {
  content: "\f2c3";
}

.mdi-guitar-acoustic:before {
  content: "\f770";
}

.mdi-guitar-electric:before {
  content: "\f2c4";
}

.mdi-guitar-pick:before {
  content: "\f2c5";
}

.mdi-guitar-pick-outline:before {
  content: "\f2c6";
}

.mdi-guy-fawkes-mask:before {
  content: "\f824";
}

.mdi-hackernews:before {
  content: "\f624";
}

.mdi-hail:before {
  content: "變";
}

.mdi-halloween:before {
  content: "ﭿ";
}

.mdi-hamburger:before {
  content: "\f684";
}

.mdi-hammer:before {
  content: "\f8e9";
}

.mdi-hand:before {
  content: "祈";
}

.mdi-hand-okay:before {
  content: "祐";
}

.mdi-hand-peace:before {
  content: "祖";
}

.mdi-hand-peace-variant:before {
  content: "祝";
}

.mdi-hand-pointing-down:before {
  content: "禍";
}

.mdi-hand-pointing-left:before {
  content: "禎";
}

.mdi-hand-pointing-right:before {
  content: "\f2c7";
}

.mdi-hand-pointing-up:before {
  content: "穀";
}

.mdi-hanger:before {
  content: "\f2c8";
}

.mdi-hard-hat:before {
  content: "葉";
}

.mdi-harddisk:before {
  content: "\f2ca";
}

.mdi-hat-fedora:before {
  content: "ﮀ";
}

.mdi-hazard-lights:before {
  content: "ﱥ";
}

.mdi-headphones:before {
  content: "\f2cb";
}

.mdi-headphones-bluetooth:before {
  content: "說";
}

.mdi-headphones-box:before {
  content: "\f2cc";
}

.mdi-headphones-off:before {
  content: "\f7cd";
}

.mdi-headphones-settings:before {
  content: "\f2cd";
}

.mdi-headset:before {
  content: "\f2ce";
}

.mdi-headset-dock:before {
  content: "\f2cf";
}

.mdi-headset-off:before {
  content: "\f2d0";
}

.mdi-heart:before {
  content: "\f2d1";
}

.mdi-heart-box:before {
  content: "\f2d2";
}

.mdi-heart-box-outline:before {
  content: "\f2d3";
}

.mdi-heart-broken:before {
  content: "\f2d4";
}

.mdi-heart-circle:before {
  content: "殺";
}

.mdi-heart-circle-outline:before {
  content: "辰";
}

.mdi-heart-half:before {
  content: "\f6de";
}

.mdi-heart-half-full:before {
  content: "\f6dd";
}

.mdi-heart-half-outline:before {
  content: "\f6df";
}

.mdi-heart-multiple:before {
  content: "突";
}

.mdi-heart-multiple-outline:before {
  content: "節";
}

.mdi-heart-off:before {
  content: "\f758";
}

.mdi-heart-outline:before {
  content: "\f2d5";
}

.mdi-heart-pulse:before {
  content: "\f5f6";
}

.mdi-helicopter:before {
  content: "贈";
}

.mdi-help:before {
  content: "\f2d6";
}

.mdi-help-box:before {
  content: "\f78a";
}

.mdi-help-circle:before {
  content: "\f2d7";
}

.mdi-help-circle-outline:before {
  content: "\f625";
}

.mdi-help-network:before {
  content: "\f6f4";
}

.mdi-help-network-outline:before {
  content: "ﱦ";
}

.mdi-help-rhombus:before {
  content: "ﮁ";
}

.mdi-help-rhombus-outline:before {
  content: "ﮂ";
}

.mdi-hexagon:before {
  content: "\f2d8";
}

.mdi-hexagon-multiple:before {
  content: "\f6e0";
}

.mdi-hexagon-outline:before {
  content: "\f2d9";
}

.mdi-hexagon-slice-1:before {
  content: "輸";
}

.mdi-hexagon-slice-2:before {
  content: "遲";
}

.mdi-hexagon-slice-3:before {
  content: "醙";
}

.mdi-hexagon-slice-4:before {
  content: "鉶";
}

.mdi-hexagon-slice-5:before {
  content: "陼";
}

.mdi-hexagon-slice-6:before {
  content: "難";
}

.mdi-hexagram:before {
  content: "靖";
}

.mdi-hexagram-outline:before {
  content: "韛";
}

.mdi-high-definition:before {
  content: "\f7ce";
}

.mdi-high-definition-box:before {
  content: "\f877";
}

.mdi-highway:before {
  content: "\f5f7";
}

.mdi-hinduism:before {
  content: "沈";
}

.mdi-history:before {
  content: "\f2da";
}

.mdi-hockey-puck:before {
  content: "\f878";
}

.mdi-hockey-sticks:before {
  content: "\f879";
}

.mdi-hololens:before {
  content: "\f2db";
}

.mdi-home:before {
  content: "\f2dc";
}

.mdi-home-account:before {
  content: "\f825";
}

.mdi-home-alert:before {
  content: "\f87a";
}

.mdi-home-assistant:before {
  content: "\f7cf";
}

.mdi-home-automation:before {
  content: "\f7d0";
}

.mdi-home-circle:before {
  content: "\f7d1";
}

.mdi-home-currency-usd:before {
  content: "\f8ae";
}

.mdi-home-heart:before {
  content: "\f826";
}

.mdi-home-lock:before {
  content: "\f8ea";
}

.mdi-home-lock-open:before {
  content: "\f8eb";
}

.mdi-home-map-marker:before {
  content: "\f5f8";
}

.mdi-home-minus:before {
  content: "拾";
}

.mdi-home-modern:before {
  content: "\f2dd";
}

.mdi-home-outline:before {
  content: "\f6a0";
}

.mdi-home-plus:before {
  content: "若";
}

.mdi-home-variant:before {
  content: "\f2de";
}

.mdi-home-variant-outline:before {
  content: "ﮃ";
}

.mdi-hook:before {
  content: "\f6e1";
}

.mdi-hook-off:before {
  content: "\f6e2";
}

.mdi-hops:before {
  content: "\f2df";
}

.mdi-horseshoe:before {
  content: "練";
}

.mdi-hospital:before {
  content: "\f2e0";
}

.mdi-hospital-building:before {
  content: "\f2e1";
}

.mdi-hospital-marker:before {
  content: "\f2e2";
}

.mdi-hot-tub:before {
  content: "\f827";
}

.mdi-hotel:before {
  content: "\f2e3";
}

.mdi-houzz:before {
  content: "\f2e4";
}

.mdi-houzz-box:before {
  content: "\f2e5";
}

.mdi-hulu:before {
  content: "\f828";
}

.mdi-human:before {
  content: "\f2e6";
}

.mdi-human-child:before {
  content: "\f2e7";
}

.mdi-human-female:before {
  content: "\f649";
}

.mdi-human-female-boy:before {
  content: "縉";
}

.mdi-human-female-female:before {
  content: "繁";
}

.mdi-human-female-girl:before {
  content: "署";
}

.mdi-human-greeting:before {
  content: "\f64a";
}

.mdi-human-handsdown:before {
  content: "\f64b";
}

.mdi-human-handsup:before {
  content: "\f64c";
}

.mdi-human-male:before {
  content: "\f64d";
}

.mdi-human-male-boy:before {
  content: "者";
}

.mdi-human-male-female:before {
  content: "\f2e8";
}

.mdi-human-male-girl:before {
  content: "臭";
}

.mdi-human-male-male:before {
  content: "艹";
}

.mdi-human-pregnant:before {
  content: "\f5cf";
}

.mdi-humble-bundle:before {
  content: "\f743";
}

.mdi-ice-cream:before {
  content: "\f829";
}

.mdi-iframe:before {
  content: "ﱧ";
}

.mdi-iframe-outline:before {
  content: "ﱨ";
}

.mdi-image:before {
  content: "\f2e9";
}

.mdi-image-album:before {
  content: "\f2ea";
}

.mdi-image-area:before {
  content: "\f2eb";
}

.mdi-image-area-close:before {
  content: "\f2ec";
}

.mdi-image-broken:before {
  content: "\f2ed";
}

.mdi-image-broken-variant:before {
  content: "\f2ee";
}

.mdi-image-filter:before {
  content: "\f2ef";
}

.mdi-image-filter-black-white:before {
  content: "\f2f0";
}

.mdi-image-filter-center-focus:before {
  content: "\f2f1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\f2f2";
}

.mdi-image-filter-drama:before {
  content: "\f2f3";
}

.mdi-image-filter-frames:before {
  content: "\f2f4";
}

.mdi-image-filter-hdr:before {
  content: "\f2f5";
}

.mdi-image-filter-none:before {
  content: "\f2f6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\f2f7";
}

.mdi-image-filter-vintage:before {
  content: "\f2f8";
}

.mdi-image-move:before {
  content: "立";
}

.mdi-image-multiple:before {
  content: "\f2f9";
}

.mdi-image-off:before {
  content: "\f82a";
}

.mdi-image-outline:before {
  content: "掠";
}

.mdi-image-plus:before {
  content: "\f87b";
}

.mdi-image-search:before {
  content: "略";
}

.mdi-image-search-outline:before {
  content: "亮";
}

.mdi-image-size-select-actual:before {
  content: "ﱩ";
}

.mdi-image-size-select-large:before {
  content: "ﱪ";
}

.mdi-image-size-select-small:before {
  content: "ﱫ";
}

.mdi-import:before {
  content: "\f2fa";
}

.mdi-inbox:before {
  content: "\f686";
}

.mdi-inbox-arrow-down:before {
  content: "\f2fb";
}

.mdi-inbox-arrow-up:before {
  content: "\f3d1";
}

.mdi-inbox-multiple:before {
  content: "\f8af";
}

.mdi-inbox-multiple-outline:before {
  content: "ﮄ";
}

.mdi-incognito:before {
  content: "\f5f9";
}

.mdi-infinity:before {
  content: "\f6e3";
}

.mdi-information:before {
  content: "\f2fc";
}

.mdi-information-outline:before {
  content: "\f2fd";
}

.mdi-information-variant:before {
  content: "\f64e";
}

.mdi-instagram:before {
  content: "\f2fe";
}

.mdi-instapaper:before {
  content: "\f2ff";
}

.mdi-internet-explorer:before {
  content: "\f300";
}

.mdi-invert-colors:before {
  content: "\f301";
}

.mdi-ip:before {
  content: "艹";
}

.mdi-ip-network:before {
  content: "著";
}

.mdi-ip-network-outline:before {
  content: "ﱬ";
}

.mdi-ipod:before {
  content: "ﱭ";
}

.mdi-islam:before {
  content: "兩";
}

.mdi-itunes:before {
  content: "\f676";
}

.mdi-jeepney:before {
  content: "\f302";
}

.mdi-jira:before {
  content: "\f303";
}

.mdi-jquery:before {
  content: "\f87c";
}

.mdi-jsfiddle:before {
  content: "\f304";
}

.mdi-json:before {
  content: "\f626";
}

.mdi-judaism:before {
  content: "凉";
}

.mdi-karate:before {
  content: "\f82b";
}

.mdi-keg:before {
  content: "\f305";
}

.mdi-kettle:before {
  content: "\f5fa";
}

.mdi-key:before {
  content: "\f306";
}

.mdi-key-change:before {
  content: "\f307";
}

.mdi-key-minus:before {
  content: "\f308";
}

.mdi-key-plus:before {
  content: "\f309";
}

.mdi-key-remove:before {
  content: "\f30a";
}

.mdi-key-variant:before {
  content: "\f30b";
}

.mdi-keyboard:before {
  content: "\f30c";
}

.mdi-keyboard-backspace:before {
  content: "\f30d";
}

.mdi-keyboard-caps:before {
  content: "\f30e";
}

.mdi-keyboard-close:before {
  content: "\f30f";
}

.mdi-keyboard-off:before {
  content: "\f310";
}

.mdi-keyboard-outline:before {
  content: "梁";
}

.mdi-keyboard-return:before {
  content: "\f311";
}

.mdi-keyboard-settings:before {
  content: "笠";
}

.mdi-keyboard-settings-outline:before {
  content: "粒";
}

.mdi-keyboard-tab:before {
  content: "\f312";
}

.mdi-keyboard-variant:before {
  content: "\f313";
}

.mdi-kickstarter:before {
  content: "\f744";
}

.mdi-knife:before {
  content: "狀";
}

.mdi-knife-military:before {
  content: "炙";
}

.mdi-kodi:before {
  content: "\f314";
}

.mdi-label:before {
  content: "\f315";
}

.mdi-label-off:before {
  content: "響";
}

.mdi-label-off-outline:before {
  content: "頋";
}

.mdi-label-outline:before {
  content: "\f316";
}

.mdi-label-variant:before {
  content: "頻";
}

.mdi-label-variant-outline:before {
  content: "鬒";
}

.mdi-ladybug:before {
  content: "\f82c";
}

.mdi-lambda:before {
  content: "\f627";
}

.mdi-lamp:before {
  content: "\f6b4";
}

.mdi-lan:before {
  content: "\f317";
}

.mdi-lan-connect:before {
  content: "\f318";
}

.mdi-lan-disconnect:before {
  content: "\f319";
}

.mdi-lan-pending:before {
  content: "\f31a";
}

.mdi-language-c:before {
  content: "\f671";
}

.mdi-language-cpp:before {
  content: "\f672";
}

.mdi-language-csharp:before {
  content: "\f31b";
}

.mdi-language-css3:before {
  content: "\f31c";
}

.mdi-language-go:before {
  content: "\f7d2";
}

.mdi-language-haskell:before {
  content: "ﱮ";
}

.mdi-language-html5:before {
  content: "\f31d";
}

.mdi-language-java:before {
  content: "﬜";
}

.mdi-language-javascript:before {
  content: "\f31e";
}

.mdi-language-lua:before {
  content: "\f8b0";
}

.mdi-language-php:before {
  content: "\f31f";
}

.mdi-language-python:before {
  content: "\f320";
}

.mdi-language-python-text:before {
  content: "\f321";
}

.mdi-language-r:before {
  content: "\f7d3";
}

.mdi-language-ruby-on-rails:before {
  content: "龜";
}

.mdi-language-swift:before {
  content: "\f6e4";
}

.mdi-language-typescript:before {
  content: "\f6e5";
}

.mdi-laptop:before {
  content: "\f322";
}

.mdi-laptop-chromebook:before {
  content: "\f323";
}

.mdi-laptop-mac:before {
  content: "\f324";
}

.mdi-laptop-off:before {
  content: "\f6e6";
}

.mdi-laptop-windows:before {
  content: "\f325";
}

.mdi-laravel:before {
  content: "𢡊";
}

.mdi-lastfm:before {
  content: "\f326";
}

.mdi-lastpass:before {
  content: "\f446";
}

.mdi-launch:before {
  content: "\f327";
}

.mdi-lava-lamp:before {
  content: "\f7d4";
}

.mdi-layers:before {
  content: "\f328";
}

.mdi-layers-off:before {
  content: "\f329";
}

.mdi-layers-off-outline:before {
  content: "識";
}

.mdi-layers-outline:before {
  content: "什";
}

.mdi-lead-pencil:before {
  content: "\f64f";
}

.mdi-leaf:before {
  content: "\f32a";
}

.mdi-leaf-maple:before {
  content: "ﱯ";
}

.mdi-led-off:before {
  content: "\f32b";
}

.mdi-led-on:before {
  content: "\f32c";
}

.mdi-led-outline:before {
  content: "\f32d";
}

.mdi-led-strip:before {
  content: "\f7d5";
}

.mdi-led-variant-off:before {
  content: "\f32e";
}

.mdi-led-variant-on:before {
  content: "\f32f";
}

.mdi-led-variant-outline:before {
  content: "\f330";
}

.mdi-less-than:before {
  content: "糧";
}

.mdi-less-than-or-equal:before {
  content: "良";
}

.mdi-library:before {
  content: "\f331";
}

.mdi-library-books:before {
  content: "\f332";
}

.mdi-library-music:before {
  content: "\f333";
}

.mdi-library-plus:before {
  content: "\f334";
}

.mdi-library-shelves:before {
  content: "ﮅ";
}

.mdi-lifebuoy:before {
  content: "\f87d";
}

.mdi-light-switch:before {
  content: "諒";
}

.mdi-lightbulb:before {
  content: "\f335";
}

.mdi-lightbulb-on:before {
  content: "\f6e7";
}

.mdi-lightbulb-on-outline:before {
  content: "\f6e8";
}

.mdi-lightbulb-outline:before {
  content: "\f336";
}

.mdi-lighthouse:before {
  content: "茶";
}

.mdi-lighthouse-on:before {
  content: "刺";
}

.mdi-link:before {
  content: "\f337";
}

.mdi-link-off:before {
  content: "\f338";
}

.mdi-link-plus:before {
  content: "ﱰ";
}

.mdi-link-variant:before {
  content: "\f339";
}

.mdi-link-variant-off:before {
  content: "\f33a";
}

.mdi-linkedin:before {
  content: "\f33b";
}

.mdi-linkedin-box:before {
  content: "\f33c";
}

.mdi-linux:before {
  content: "\f33d";
}

.mdi-linux-mint:before {
  content: "\f8ec";
}

.mdi-litecoin:before {
  content: "褐";
}

.mdi-loading:before {
  content: "\f771";
}

.mdi-lock:before {
  content: "\f33e";
}

.mdi-lock-alert:before {
  content: "\f8ed";
}

.mdi-lock-clock:before {
  content: "量";
}

.mdi-lock-open:before {
  content: "\f33f";
}

.mdi-lock-open-outline:before {
  content: "\f340";
}

.mdi-lock-outline:before {
  content: "\f341";
}

.mdi-lock-pattern:before {
  content: "\f6e9";
}

.mdi-lock-plus:before {
  content: "\f5fb";
}

.mdi-lock-question:before {
  content: "\f8ee";
}

.mdi-lock-reset:before {
  content: "\f772";
}

.mdi-lock-smart:before {
  content: "\f8b1";
}

.mdi-locker:before {
  content: "\f7d6";
}

.mdi-locker-multiple:before {
  content: "\f7d7";
}

.mdi-login:before {
  content: "\f342";
}

.mdi-login-variant:before {
  content: "\f5fc";
}

.mdi-logout:before {
  content: "\f343";
}

.mdi-logout-variant:before {
  content: "\f5fd";
}

.mdi-looks:before {
  content: "\f344";
}

.mdi-loop:before {
  content: "\f6ea";
}

.mdi-loupe:before {
  content: "\f345";
}

.mdi-lumx:before {
  content: "\f346";
}

.mdi-lyft:before {
  content: "יִ";
}

.mdi-magnet:before {
  content: "\f347";
}

.mdi-magnet-on:before {
  content: "\f348";
}

.mdi-magnify:before {
  content: "\f349";
}

.mdi-magnify-close:before {
  content: "勵";
}

.mdi-magnify-minus:before {
  content: "\f34a";
}

.mdi-magnify-minus-cursor:before {
  content: "視";
}

.mdi-magnify-minus-outline:before {
  content: "\f6eb";
}

.mdi-magnify-plus:before {
  content: "\f34b";
}

.mdi-magnify-plus-cursor:before {
  content: "謁";
}

.mdi-magnify-plus-outline:before {
  content: "\f6ec";
}

.mdi-mail-ru:before {
  content: "\f34c";
}

.mdi-mailbox:before {
  content: "\f6ed";
}

.mdi-map:before {
  content: "\f34d";
}

.mdi-map-legend:before {
  content: "切";
}

.mdi-map-marker:before {
  content: "\f34e";
}

.mdi-map-marker-check:before {
  content: "ﱱ";
}

.mdi-map-marker-circle:before {
  content: "\f34f";
}

.mdi-map-marker-distance:before {
  content: "\f8ef";
}

.mdi-map-marker-minus:before {
  content: "\f650";
}

.mdi-map-marker-multiple:before {
  content: "\f350";
}

.mdi-map-marker-off:before {
  content: "\f351";
}

.mdi-map-marker-outline:before {
  content: "\f7d8";
}

.mdi-map-marker-plus:before {
  content: "\f651";
}

.mdi-map-marker-radius:before {
  content: "\f352";
}

.mdi-map-minus:before {
  content: "呂";
}

.mdi-map-outline:before {
  content: "女";
}

.mdi-map-plus:before {
  content: "廬";
}

.mdi-map-search:before {
  content: "旅";
}

.mdi-map-search-outline:before {
  content: "濾";
}

.mdi-mapbox:before {
  content: "ﮆ";
}

.mdi-margin:before {
  content: "\f353";
}

.mdi-markdown:before {
  content: "\f354";
}

.mdi-marker:before {
  content: "\f652";
}

.mdi-marker-check:before {
  content: "\f355";
}

.mdi-mastodon:before {
  content: "𢡄";
}

.mdi-mastodon-variant:before {
  content: "𣏕";
}

.mdi-material-design:before {
  content: "礪";
}

.mdi-material-ui:before {
  content: "\f357";
}

.mdi-math-compass:before {
  content: "\f358";
}

.mdi-math-cos:before {
  content: "ﱲ";
}

.mdi-math-sin:before {
  content: "ﱳ";
}

.mdi-math-tan:before {
  content: "ﱴ";
}

.mdi-matrix:before {
  content: "\f628";
}

.mdi-maxcdn:before {
  content: "\f359";
}

.mdi-medal:before {
  content: "閭";
}

.mdi-medical-bag:before {
  content: "\f6ee";
}

.mdi-medium:before {
  content: "\f35a";
}

.mdi-meetup:before {
  content: "㮝";
}

.mdi-memory:before {
  content: "\f35b";
}

.mdi-menu:before {
  content: "\f35c";
}

.mdi-menu-down:before {
  content: "\f35d";
}

.mdi-menu-down-outline:before {
  content: "\f6b5";
}

.mdi-menu-left:before {
  content: "\f35e";
}

.mdi-menu-left-outline:before {
  content: "度";
}

.mdi-menu-open:before {
  content: "ﮇ";
}

.mdi-menu-right:before {
  content: "\f35f";
}

.mdi-menu-right-outline:before {
  content: "拓";
}

.mdi-menu-swap:before {
  content: "謹";
}

.mdi-menu-swap-outline:before {
  content: "賓";
}

.mdi-menu-up:before {
  content: "\f360";
}

.mdi-menu-up-outline:before {
  content: "\f6b6";
}

.mdi-message:before {
  content: "\f361";
}

.mdi-message-alert:before {
  content: "\f362";
}

.mdi-message-alert-outline:before {
  content: "糖";
}

.mdi-message-bulleted:before {
  content: "\f6a1";
}

.mdi-message-bulleted-off:before {
  content: "\f6a2";
}

.mdi-message-draw:before {
  content: "\f363";
}

.mdi-message-image:before {
  content: "\f364";
}

.mdi-message-outline:before {
  content: "\f365";
}

.mdi-message-plus:before {
  content: "\f653";
}

.mdi-message-processing:before {
  content: "\f366";
}

.mdi-message-reply:before {
  content: "\f367";
}

.mdi-message-reply-text:before {
  content: "\f368";
}

.mdi-message-settings:before {
  content: "\f6ef";
}

.mdi-message-settings-variant:before {
  content: "\f6f0";
}

.mdi-message-text:before {
  content: "\f369";
}

.mdi-message-text-outline:before {
  content: "\f36a";
}

.mdi-message-video:before {
  content: "\f36b";
}

.mdi-meteor:before {
  content: "\f629";
}

.mdi-metronome:before {
  content: "\f7d9";
}

.mdi-metronome-tick:before {
  content: "\f7da";
}

.mdi-micro-sd:before {
  content: "\f7db";
}

.mdi-microphone:before {
  content: "\f36c";
}

.mdi-microphone-minus:before {
  content: "\f8b2";
}

.mdi-microphone-off:before {
  content: "\f36d";
}

.mdi-microphone-outline:before {
  content: "\f36e";
}

.mdi-microphone-plus:before {
  content: "\f8b3";
}

.mdi-microphone-settings:before {
  content: "\f36f";
}

.mdi-microphone-variant:before {
  content: "\f370";
}

.mdi-microphone-variant-off:before {
  content: "\f371";
}

.mdi-microscope:before {
  content: "\f654";
}

.mdi-microsoft:before {
  content: "\f372";
}

.mdi-microsoft-dynamics:before {
  content: "驪";
}

.mdi-microwave:before {
  content: "ﱵ";
}

.mdi-midi:before {
  content: "\f8f0";
}

.mdi-midi-port:before {
  content: "\f8f1";
}

.mdi-minecraft:before {
  content: "\f373";
}

.mdi-mini-sd:before {
  content: "宅";
}

.mdi-minidisc:before {
  content: "洞";
}

.mdi-minus:before {
  content: "\f374";
}

.mdi-minus-box:before {
  content: "\f375";
}

.mdi-minus-box-outline:before {
  content: "\f6f1";
}

.mdi-minus-circle:before {
  content: "\f376";
}

.mdi-minus-circle-outline:before {
  content: "\f377";
}

.mdi-minus-network:before {
  content: "\f378";
}

.mdi-minus-network-outline:before {
  content: "ﱶ";
}

.mdi-mixcloud:before {
  content: "\f62a";
}

.mdi-mixed-reality:before {
  content: "\f87e";
}

.mdi-mixer:before {
  content: "\f7dc";
}

.mdi-molecule:before {
  content: "ﮈ";
}

.mdi-monitor:before {
  content: "\f379";
}

.mdi-monitor-cellphone:before {
  content: "麗";
}

.mdi-monitor-cellphone-star:before {
  content: "黎";
}

.mdi-monitor-dashboard:before {
  content: "暴";
}

.mdi-monitor-multiple:before {
  content: "\f37a";
}

.mdi-more:before {
  content: "\f37b";
}

.mdi-motorbike:before {
  content: "\f37c";
}

.mdi-mouse:before {
  content: "\f37d";
}

.mdi-mouse-bluetooth:before {
  content: "力";
}

.mdi-mouse-off:before {
  content: "\f37e";
}

.mdi-mouse-variant:before {
  content: "\f37f";
}

.mdi-mouse-variant-off:before {
  content: "\f380";
}

.mdi-move-resize:before {
  content: "\f655";
}

.mdi-move-resize-variant:before {
  content: "\f656";
}

.mdi-movie:before {
  content: "\f381";
}

.mdi-movie-roll:before {
  content: "\f7dd";
}

.mdi-muffin:before {
  content: "曆";
}

.mdi-multiplication:before {
  content: "\f382";
}

.mdi-multiplication-box:before {
  content: "\f383";
}

.mdi-mushroom:before {
  content: "\f7de";
}

.mdi-mushroom-outline:before {
  content: "\f7df";
}

.mdi-music:before {
  content: "\f759";
}

.mdi-music-box:before {
  content: "\f384";
}

.mdi-music-box-outline:before {
  content: "\f385";
}

.mdi-music-circle:before {
  content: "\f386";
}

.mdi-music-circle-outline:before {
  content: "䀘";
}

.mdi-music-note:before {
  content: "\f387";
}

.mdi-music-note-bluetooth:before {
  content: "\f5fe";
}

.mdi-music-note-bluetooth-off:before {
  content: "\f5ff";
}

.mdi-music-note-eighth:before {
  content: "\f388";
}

.mdi-music-note-half:before {
  content: "\f389";
}

.mdi-music-note-off:before {
  content: "\f38a";
}

.mdi-music-note-quarter:before {
  content: "\f38b";
}

.mdi-music-note-sixteenth:before {
  content: "\f38c";
}

.mdi-music-note-whole:before {
  content: "\f38d";
}

.mdi-music-off:before {
  content: "\f75a";
}

.mdi-nas:before {
  content: "\f8f2";
}

.mdi-nativescript:before {
  content: "\f87f";
}

.mdi-nature:before {
  content: "\f38e";
}

.mdi-nature-people:before {
  content: "\f38f";
}

.mdi-navigation:before {
  content: "\f390";
}

.mdi-near-me:before {
  content: "\f5cd";
}

.mdi-needle:before {
  content: "\f391";
}

.mdi-netflix:before {
  content: "\f745";
}

.mdi-network:before {
  content: "\f6f2";
}

.mdi-network-off:before {
  content: "ﱷ";
}

.mdi-network-off-outline:before {
  content: "ﱸ";
}

.mdi-network-outline:before {
  content: "ﱹ";
}

.mdi-network-strength-1:before {
  content: "\f8f3";
}

.mdi-network-strength-1-alert:before {
  content: "\f8f4";
}

.mdi-network-strength-2:before {
  content: "\f8f5";
}

.mdi-network-strength-2-alert:before {
  content: "\f8f6";
}

.mdi-network-strength-3:before {
  content: "\f8f7";
}

.mdi-network-strength-3-alert:before {
  content: "\f8f8";
}

.mdi-network-strength-4:before {
  content: "\f8f9";
}

.mdi-network-strength-4-alert:before {
  content: "\f8fa";
}

.mdi-network-strength-off:before {
  content: "\f8fb";
}

.mdi-network-strength-off-outline:before {
  content: "\f8fc";
}

.mdi-network-strength-outline:before {
  content: "\f8fd";
}

.mdi-new-box:before {
  content: "\f394";
}

.mdi-newspaper:before {
  content: "\f395";
}

.mdi-nfc:before {
  content: "\f396";
}

.mdi-nfc-tap:before {
  content: "\f397";
}

.mdi-nfc-variant:before {
  content: "\f398";
}

.mdi-ninja:before {
  content: "\f773";
}

.mdi-nintendo-switch:before {
  content: "\f7e0";
}

.mdi-nodejs:before {
  content: "\f399";
}

.mdi-not-equal:before {
  content: "歷";
}

.mdi-not-equal-variant:before {
  content: "轢";
}

.mdi-note:before {
  content: "\f39a";
}

.mdi-note-multiple:before {
  content: "\f6b7";
}

.mdi-note-multiple-outline:before {
  content: "\f6b8";
}

.mdi-note-outline:before {
  content: "\f39b";
}

.mdi-note-plus:before {
  content: "\f39c";
}

.mdi-note-plus-outline:before {
  content: "\f39d";
}

.mdi-note-text:before {
  content: "\f39e";
}

.mdi-notebook:before {
  content: "\f82d";
}

.mdi-notification-clear-all:before {
  content: "\f39f";
}

.mdi-npm:before {
  content: "\f6f6";
}

.mdi-npm-variant:before {
  content: "年";
}

.mdi-npm-variant-outline:before {
  content: "憐";
}

.mdi-nuke:before {
  content: "\f6a3";
}

.mdi-null:before {
  content: "\f7e1";
}

.mdi-numeric:before {
  content: "\f3a0";
}

.mdi-numeric-0:before {
  content: "0";
}

.mdi-numeric-0-box:before {
  content: "\f3a1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\f3a2";
}

.mdi-numeric-0-box-outline:before {
  content: "\f3a3";
}

.mdi-numeric-0-circle:before {
  content: "ﱺ";
}

.mdi-numeric-0-circle-outline:before {
  content: "ﱻ";
}

.mdi-numeric-1:before {
  content: "1";
}

.mdi-numeric-1-box:before {
  content: "\f3a4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\f3a5";
}

.mdi-numeric-1-box-outline:before {
  content: "\f3a6";
}

.mdi-numeric-1-circle:before {
  content: "ﱼ";
}

.mdi-numeric-1-circle-outline:before {
  content: "ﱽ";
}

.mdi-numeric-2:before {
  content: "2";
}

.mdi-numeric-2-box:before {
  content: "\f3a7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\f3a8";
}

.mdi-numeric-2-box-outline:before {
  content: "\f3a9";
}

.mdi-numeric-2-circle:before {
  content: "ﱾ";
}

.mdi-numeric-2-circle-outline:before {
  content: "ﱿ";
}

.mdi-numeric-3:before {
  content: "3";
}

.mdi-numeric-3-box:before {
  content: "\f3aa";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\f3ab";
}

.mdi-numeric-3-box-outline:before {
  content: "\f3ac";
}

.mdi-numeric-3-circle:before {
  content: "ﲀ";
}

.mdi-numeric-3-circle-outline:before {
  content: "ﲁ";
}

.mdi-numeric-4:before {
  content: "4";
}

.mdi-numeric-4-box:before {
  content: "\f3ad";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\f3ae";
}

.mdi-numeric-4-box-outline:before {
  content: "\f3af";
}

.mdi-numeric-4-circle:before {
  content: "ﲂ";
}

.mdi-numeric-4-circle-outline:before {
  content: "ﲃ";
}

.mdi-numeric-5:before {
  content: "5";
}

.mdi-numeric-5-box:before {
  content: "\f3b0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\f3b1";
}

.mdi-numeric-5-box-outline:before {
  content: "\f3b2";
}

.mdi-numeric-5-circle:before {
  content: "ﲄ";
}

.mdi-numeric-5-circle-outline:before {
  content: "ﲅ";
}

.mdi-numeric-6:before {
  content: "6";
}

.mdi-numeric-6-box:before {
  content: "\f3b3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\f3b4";
}

.mdi-numeric-6-box-outline:before {
  content: "\f3b5";
}

.mdi-numeric-6-circle:before {
  content: "ﲆ";
}

.mdi-numeric-6-circle-outline:before {
  content: "ﲇ";
}

.mdi-numeric-7:before {
  content: "7";
}

.mdi-numeric-7-box:before {
  content: "\f3b6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\f3b7";
}

.mdi-numeric-7-box-outline:before {
  content: "\f3b8";
}

.mdi-numeric-7-circle:before {
  content: "ﲈ";
}

.mdi-numeric-7-circle-outline:before {
  content: "ﲉ";
}

.mdi-numeric-8:before {
  content: "8";
}

.mdi-numeric-8-box:before {
  content: "\f3b9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\f3ba";
}

.mdi-numeric-8-box-outline:before {
  content: "\f3bb";
}

.mdi-numeric-8-circle:before {
  content: "ﲊ";
}

.mdi-numeric-8-circle-outline:before {
  content: "ﲋ";
}

.mdi-numeric-9:before {
  content: "9";
}

.mdi-numeric-9-box:before {
  content: "\f3bc";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\f3bd";
}

.mdi-numeric-9-box-outline:before {
  content: "\f3be";
}

.mdi-numeric-9-circle:before {
  content: "ﲌ";
}

.mdi-numeric-9-circle-outline:before {
  content: "ﲍ";
}

.mdi-numeric-9-plus-box:before {
  content: "\f3bf";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\f3c0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\f3c1";
}

.mdi-numeric-9-plus-circle:before {
  content: "ﲎ";
}

.mdi-numeric-9-plus-circle-outline:before {
  content: "ﲏ";
}

.mdi-nut:before {
  content: "\f6f7";
}

.mdi-nutrition:before {
  content: "\f3c2";
}

.mdi-oar:before {
  content: "\f67b";
}

.mdi-octagon:before {
  content: "\f3c3";
}

.mdi-octagon-outline:before {
  content: "\f3c4";
}

.mdi-octagram:before {
  content: "\f6f8";
}

.mdi-octagram-outline:before {
  content: "\f774";
}

.mdi-odnoklassniki:before {
  content: "\f3c5";
}

.mdi-office:before {
  content: "\f3c6";
}

.mdi-office-building:before {
  content: "戀";
}

.mdi-oil:before {
  content: "\f3c7";
}

.mdi-oil-temperature:before {
  content: "\f3c8";
}

.mdi-omega:before {
  content: "\f3c9";
}

.mdi-one-up:before {
  content: "ﮉ";
}

.mdi-onedrive:before {
  content: "\f3ca";
}

.mdi-onenote:before {
  content: "\f746";
}

.mdi-onepassword:before {
  content: "\f880";
}

.mdi-opacity:before {
  content: "\f5cc";
}

.mdi-open-in-app:before {
  content: "\f3cb";
}

.mdi-open-in-new:before {
  content: "\f3cc";
}

.mdi-open-source-initiative:before {
  content: "ﮊ";
}

.mdi-openid:before {
  content: "\f3cd";
}

.mdi-opera:before {
  content: "\f3ce";
}

.mdi-orbit:before {
  content: "\f018";
}

.mdi-origin:before {
  content: "שׂ";
}

.mdi-ornament:before {
  content: "\f3cf";
}

.mdi-ornament-variant:before {
  content: "\f3d0";
}

.mdi-owl:before {
  content: "\f3d2";
}

.mdi-pac-man:before {
  content: "ﮋ";
}

.mdi-package:before {
  content: "\f3d3";
}

.mdi-package-down:before {
  content: "\f3d4";
}

.mdi-package-up:before {
  content: "\f3d5";
}

.mdi-package-variant:before {
  content: "\f3d6";
}

.mdi-package-variant-closed:before {
  content: "\f3d7";
}

.mdi-page-first:before {
  content: "\f600";
}

.mdi-page-last:before {
  content: "\f601";
}

.mdi-page-layout-body:before {
  content: "\f6f9";
}

.mdi-page-layout-footer:before {
  content: "\f6fa";
}

.mdi-page-layout-header:before {
  content: "\f6fb";
}

.mdi-page-layout-sidebar-left:before {
  content: "\f6fc";
}

.mdi-page-layout-sidebar-right:before {
  content: "\f6fd";
}

.mdi-page-next:before {
  content: "ﮌ";
}

.mdi-page-next-outline:before {
  content: "ﮍ";
}

.mdi-page-previous:before {
  content: "ﮎ";
}

.mdi-page-previous-outline:before {
  content: "ﮏ";
}

.mdi-palette:before {
  content: "\f3d8";
}

.mdi-palette-advanced:before {
  content: "\f3d9";
}

.mdi-palette-swatch:before {
  content: "\f8b4";
}

.mdi-pan:before {
  content: "ﮐ";
}

.mdi-pan-bottom-left:before {
  content: "ﮑ";
}

.mdi-pan-bottom-right:before {
  content: "ﮒ";
}

.mdi-pan-down:before {
  content: "ﮓ";
}

.mdi-pan-horizontal:before {
  content: "ﮔ";
}

.mdi-pan-left:before {
  content: "ﮕ";
}

.mdi-pan-right:before {
  content: "ﮖ";
}

.mdi-pan-top-left:before {
  content: "ﮗ";
}

.mdi-pan-top-right:before {
  content: "ﮘ";
}

.mdi-pan-up:before {
  content: "ﮙ";
}

.mdi-pan-vertical:before {
  content: "ﮚ";
}

.mdi-panda:before {
  content: "\f3da";
}

.mdi-pandora:before {
  content: "\f3db";
}

.mdi-panorama:before {
  content: "\f3dc";
}

.mdi-panorama-fisheye:before {
  content: "\f3dd";
}

.mdi-panorama-horizontal:before {
  content: "\f3de";
}

.mdi-panorama-vertical:before {
  content: "\f3df";
}

.mdi-panorama-wide-angle:before {
  content: "\f3e0";
}

.mdi-paper-cut-vertical:before {
  content: "\f3e1";
}

.mdi-paperclip:before {
  content: "\f3e2";
}

.mdi-parachute:before {
  content: "ﲐ";
}

.mdi-parachute-outline:before {
  content: "ﲑ";
}

.mdi-parking:before {
  content: "\f3e3";
}

.mdi-passport:before {
  content: "\f7e2";
}

.mdi-patreon:before {
  content: "\f881";
}

.mdi-pause:before {
  content: "\f3e4";
}

.mdi-pause-circle:before {
  content: "\f3e5";
}

.mdi-pause-circle-outline:before {
  content: "\f3e6";
}

.mdi-pause-octagon:before {
  content: "\f3e7";
}

.mdi-pause-octagon-outline:before {
  content: "\f3e8";
}

.mdi-paw:before {
  content: "\f3e9";
}

.mdi-paw-off:before {
  content: "\f657";
}

.mdi-paypal:before {
  content: "\f882";
}

.mdi-peace:before {
  content: "\f883";
}

.mdi-pen:before {
  content: "\f3ea";
}

.mdi-pencil:before {
  content: "\f3eb";
}

.mdi-pencil-box:before {
  content: "\f3ec";
}

.mdi-pencil-box-outline:before {
  content: "\f3ed";
}

.mdi-pencil-circle:before {
  content: "\f6fe";
}

.mdi-pencil-circle-outline:before {
  content: "\f775";
}

.mdi-pencil-lock:before {
  content: "\f3ee";
}

.mdi-pencil-off:before {
  content: "\f3ef";
}

.mdi-pencil-outline:before {
  content: "ﲒ";
}

.mdi-pentagon:before {
  content: "\f6ff";
}

.mdi-pentagon-outline:before {
  content: "\f700";
}

.mdi-percent:before {
  content: "\f3f0";
}

.mdi-periodic-table:before {
  content: "\f8b5";
}

.mdi-periodic-table-co2:before {
  content: "\f7e3";
}

.mdi-periscope:before {
  content: "\f747";
}

.mdi-pharmacy:before {
  content: "\f3f1";
}

.mdi-phone:before {
  content: "\f3f2";
}

.mdi-phone-bluetooth:before {
  content: "\f3f3";
}

.mdi-phone-classic:before {
  content: "\f602";
}

.mdi-phone-forward:before {
  content: "\f3f4";
}

.mdi-phone-hangup:before {
  content: "\f3f5";
}

.mdi-phone-in-talk:before {
  content: "\f3f6";
}

.mdi-phone-incoming:before {
  content: "\f3f7";
}

.mdi-phone-lock:before {
  content: "\f3f8";
}

.mdi-phone-log:before {
  content: "\f3f9";
}

.mdi-phone-minus:before {
  content: "\f658";
}

.mdi-phone-missed:before {
  content: "\f3fa";
}

.mdi-phone-outgoing:before {
  content: "\f3fb";
}

.mdi-phone-paused:before {
  content: "\f3fc";
}

.mdi-phone-plus:before {
  content: "\f659";
}

.mdi-phone-return:before {
  content: "\f82e";
}

.mdi-phone-rotate-landscape:before {
  content: "\f884";
}

.mdi-phone-rotate-portrait:before {
  content: "\f885";
}

.mdi-phone-settings:before {
  content: "\f3fd";
}

.mdi-phone-voip:before {
  content: "\f3fe";
}

.mdi-pi:before {
  content: "\f3ff";
}

.mdi-pi-box:before {
  content: "\f400";
}

.mdi-piano:before {
  content: "\f67c";
}

.mdi-pickaxe:before {
  content: "\f8b6";
}

.mdi-pier:before {
  content: "\f886";
}

.mdi-pier-crane:before {
  content: "\f887";
}

.mdi-pig:before {
  content: "\f401";
}

.mdi-pill:before {
  content: "\f402";
}

.mdi-pillar:before {
  content: "\f701";
}

.mdi-pin:before {
  content: "\f403";
}

.mdi-pin-off:before {
  content: "\f404";
}

.mdi-pin-off-outline:before {
  content: "勞";
}

.mdi-pin-outline:before {
  content: "擄";
}

.mdi-pine-tree:before {
  content: "\f405";
}

.mdi-pine-tree-box:before {
  content: "\f406";
}

.mdi-pinterest:before {
  content: "\f407";
}

.mdi-pinterest-box:before {
  content: "\f408";
}

.mdi-pinwheel:before {
  content: "䀹";
}

.mdi-pinwheel-outline:before {
  content: "𥉉";
}

.mdi-pipe:before {
  content: "\f7e4";
}

.mdi-pipe-disconnected:before {
  content: "\f7e5";
}

.mdi-pipe-leak:before {
  content: "\f888";
}

.mdi-pirate:before {
  content: "輻";
}

.mdi-pistol:before {
  content: "\f702";
}

.mdi-piston:before {
  content: "\f889";
}

.mdi-pizza:before {
  content: "\f409";
}

.mdi-play:before {
  content: "\f40a";
}

.mdi-play-box-outline:before {
  content: "\f40b";
}

.mdi-play-circle:before {
  content: "\f40c";
}

.mdi-play-circle-outline:before {
  content: "\f40d";
}

.mdi-play-network:before {
  content: "\f88a";
}

.mdi-play-network-outline:before {
  content: "ﲓ";
}

.mdi-play-pause:before {
  content: "\f40e";
}

.mdi-play-protected-content:before {
  content: "\f40f";
}

.mdi-play-speed:before {
  content: "\f8fe";
}

.mdi-playlist-check:before {
  content: "\f5c7";
}

.mdi-playlist-edit:before {
  content: "\f8ff";
}

.mdi-playlist-minus:before {
  content: "\f410";
}

.mdi-playlist-music:before {
  content: "ﲔ";
}

.mdi-playlist-music-outline:before {
  content: "ﲕ";
}

.mdi-playlist-play:before {
  content: "\f411";
}

.mdi-playlist-plus:before {
  content: "\f412";
}

.mdi-playlist-remove:before {
  content: "\f413";
}

.mdi-playstation:before {
  content: "\f414";
}

.mdi-plex:before {
  content: "\f6b9";
}

.mdi-plus:before {
  content: "\f415";
}

.mdi-plus-box:before {
  content: "\f416";
}

.mdi-plus-box-outline:before {
  content: "\f703";
}

.mdi-plus-circle:before {
  content: "\f417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\f418";
}

.mdi-plus-circle-outline:before {
  content: "\f419";
}

.mdi-plus-minus:before {
  content: "撚";
}

.mdi-plus-minus-box:before {
  content: "漣";
}

.mdi-plus-network:before {
  content: "\f41a";
}

.mdi-plus-network-outline:before {
  content: "ﲖ";
}

.mdi-plus-one:before {
  content: "\f41b";
}

.mdi-plus-outline:before {
  content: "\f704";
}

.mdi-pocket:before {
  content: "\f41c";
}

.mdi-podcast:before {
  content: "煉";
}

.mdi-pokeball:before {
  content: "\f41d";
}

.mdi-pokemon-go:before {
  content: "行";
}

.mdi-poker-chip:before {
  content: "\f82f";
}

.mdi-polaroid:before {
  content: "\f41e";
}

.mdi-poll:before {
  content: "\f41f";
}

.mdi-poll-box:before {
  content: "\f420";
}

.mdi-polymer:before {
  content: "\f421";
}

.mdi-pool:before {
  content: "\f606";
}

.mdi-popcorn:before {
  content: "\f422";
}

.mdi-postage-stamp:before {
  content: "ﲗ";
}

.mdi-pot:before {
  content: "\f65a";
}

.mdi-pot-mix:before {
  content: "\f65b";
}

.mdi-pound:before {
  content: "\f423";
}

.mdi-pound-box:before {
  content: "\f424";
}

.mdi-power:before {
  content: "\f425";
}

.mdi-power-cycle:before {
  content: "豈";
}

.mdi-power-off:before {
  content: "更";
}

.mdi-power-on:before {
  content: "車";
}

.mdi-power-plug:before {
  content: "\f6a4";
}

.mdi-power-plug-off:before {
  content: "\f6a5";
}

.mdi-power-settings:before {
  content: "\f426";
}

.mdi-power-sleep:before {
  content: "賈";
}

.mdi-power-socket:before {
  content: "\f427";
}

.mdi-power-socket-au:before {
  content: "滑";
}

.mdi-power-socket-eu:before {
  content: "\f7e6";
}

.mdi-power-socket-uk:before {
  content: "\f7e7";
}

.mdi-power-socket-us:before {
  content: "\f7e8";
}

.mdi-power-standby:before {
  content: "串";
}

.mdi-powershell:before {
  content: "降";
}

.mdi-prescription:before {
  content: "\f705";
}

.mdi-presentation:before {
  content: "\f428";
}

.mdi-presentation-play:before {
  content: "\f429";
}

.mdi-printer:before {
  content: "\f42a";
}

.mdi-printer-3d:before {
  content: "\f42b";
}

.mdi-printer-alert:before {
  content: "\f42c";
}

.mdi-printer-settings:before {
  content: "\f706";
}

.mdi-printer-wireless:before {
  content: "見";
}

.mdi-priority-high:before {
  content: "\f603";
}

.mdi-priority-low:before {
  content: "\f604";
}

.mdi-professional-hexagon:before {
  content: "\f42d";
}

.mdi-progress-alert:before {
  content: "ﲘ";
}

.mdi-progress-check:before {
  content: "璉";
}

.mdi-progress-clock:before {
  content: "秊";
}

.mdi-progress-download:before {
  content: "練";
}

.mdi-progress-upload:before {
  content: "聯";
}

.mdi-progress-wrench:before {
  content: "ﲙ";
}

.mdi-projector:before {
  content: "\f42e";
}

.mdi-projector-screen:before {
  content: "\f42f";
}

.mdi-publish:before {
  content: "\f6a6";
}

.mdi-pulse:before {
  content: "\f430";
}

.mdi-pumpkin:before {
  content: "ﮛ";
}

.mdi-puzzle:before {
  content: "\f431";
}

.mdi-puzzle-outline:before {
  content: "贈";
}

.mdi-qi:before {
  content: "輦";
}

.mdi-qqchat:before {
  content: "\f605";
}

.mdi-qrcode:before {
  content: "\f432";
}

.mdi-qrcode-edit:before {
  content: "\f8b7";
}

.mdi-qrcode-scan:before {
  content: "\f433";
}

.mdi-quadcopter:before {
  content: "\f434";
}

.mdi-quality-high:before {
  content: "\f435";
}

.mdi-quality-low:before {
  content: "廓";
}

.mdi-quality-medium:before {
  content: "兀";
}

.mdi-quicktime:before {
  content: "\f436";
}

.mdi-rabbit:before {
  content: "句";
}

.mdi-radar:before {
  content: "\f437";
}

.mdi-radiator:before {
  content: "\f438";
}

.mdi-radiator-disabled:before {
  content: "𥳐";
}

.mdi-radiator-off:before {
  content: "𧻓";
}

.mdi-radio:before {
  content: "\f439";
}

.mdi-radio-am:before {
  content: "ﲚ";
}

.mdi-radio-fm:before {
  content: "ﲛ";
}

.mdi-radio-handheld:before {
  content: "\f43a";
}

.mdi-radio-tower:before {
  content: "\f43b";
}

.mdi-radioactive:before {
  content: "\f43c";
}

.mdi-radiobox-blank:before {
  content: "\f43d";
}

.mdi-radiobox-marked:before {
  content: "\f43e";
}

.mdi-radius:before {
  content: "ﲜ";
}

.mdi-radius-outline:before {
  content: "ﲝ";
}

.mdi-raspberrypi:before {
  content: "\f43f";
}

.mdi-ray-end:before {
  content: "\f440";
}

.mdi-ray-end-arrow:before {
  content: "\f441";
}

.mdi-ray-start:before {
  content: "\f442";
}

.mdi-ray-start-arrow:before {
  content: "\f443";
}

.mdi-ray-start-end:before {
  content: "\f444";
}

.mdi-ray-vertex:before {
  content: "\f445";
}

.mdi-react:before {
  content: "\f707";
}

.mdi-read:before {
  content: "\f447";
}

.mdi-receipt:before {
  content: "\f449";
}

.mdi-record:before {
  content: "\f44a";
}

.mdi-record-player:before {
  content: "蓮";
}

.mdi-record-rec:before {
  content: "\f44b";
}

.mdi-recycle:before {
  content: "\f44c";
}

.mdi-reddit:before {
  content: "\f44d";
}

.mdi-redo:before {
  content: "\f44e";
}

.mdi-redo-variant:before {
  content: "\f44f";
}

.mdi-reflect-horizontal:before {
  content: "嗀";
}

.mdi-reflect-vertical:before {
  content: "﨎";
}

.mdi-refresh:before {
  content: "\f450";
}

.mdi-regex:before {
  content: "\f451";
}

.mdi-registered-trademark:before {
  content: "辶";
}

.mdi-relative-scale:before {
  content: "\f452";
}

.mdi-reload:before {
  content: "\f453";
}

.mdi-reminder:before {
  content: "\f88b";
}

.mdi-remote:before {
  content: "\f454";
}

.mdi-remote-desktop:before {
  content: "\f8b8";
}

.mdi-rename-box:before {
  content: "\f455";
}

.mdi-reorder-horizontal:before {
  content: "\f687";
}

.mdi-reorder-vertical:before {
  content: "\f688";
}

.mdi-repeat:before {
  content: "\f456";
}

.mdi-repeat-off:before {
  content: "\f457";
}

.mdi-repeat-once:before {
  content: "\f458";
}

.mdi-replay:before {
  content: "\f459";
}

.mdi-reply:before {
  content: "\f45a";
}

.mdi-reply-all:before {
  content: "\f45b";
}

.mdi-reproduction:before {
  content: "\f45c";
}

.mdi-resistor:before {
  content: "ײַ";
}

.mdi-resistor-nodes:before {
  content: "ﬠ";
}

.mdi-resize:before {
  content: "逸";
}

.mdi-resize-bottom-right:before {
  content: "\f45d";
}

.mdi-responsive:before {
  content: "\f45e";
}

.mdi-restart:before {
  content: "\f708";
}

.mdi-restore:before {
  content: "連";
}

.mdi-restore-clock:before {
  content: "\f6a7";
}

.mdi-rewind:before {
  content: "\f45f";
}

.mdi-rewind-outline:before {
  content: "\f709";
}

.mdi-rhombus:before {
  content: "\f70a";
}

.mdi-rhombus-medium:before {
  content: "﨏";
}

.mdi-rhombus-outline:before {
  content: "\f70b";
}

.mdi-rhombus-split:before {
  content: "塚";
}

.mdi-ribbon:before {
  content: "\f460";
}

.mdi-rice:before {
  content: "\f7e9";
}

.mdi-ring:before {
  content: "\f7ea";
}

.mdi-road:before {
  content: "\f461";
}

.mdi-road-variant:before {
  content: "\f462";
}

.mdi-robot:before {
  content: "\f6a8";
}

.mdi-robot-industrial:before {
  content: "ﬡ";
}

.mdi-robot-vacuum:before {
  content: "\f70c";
}

.mdi-robot-vacuum-variant:before {
  content: "龜";
}

.mdi-rocket:before {
  content: "\f463";
}

.mdi-rollupjs:before {
  content: "ﮜ";
}

.mdi-room-service:before {
  content: "\f88c";
}

.mdi-rotate-3d:before {
  content: "\f464";
}

.mdi-rotate-left:before {
  content: "\f465";
}

.mdi-rotate-left-variant:before {
  content: "\f466";
}

.mdi-rotate-right:before {
  content: "\f467";
}

.mdi-rotate-right-variant:before {
  content: "\f468";
}

.mdi-rounded-corner:before {
  content: "\f607";
}

.mdi-router-wireless:before {
  content: "\f469";
}

.mdi-router-wireless-settings:before {
  content: "難";
}

.mdi-routes:before {
  content: "\f46a";
}

.mdi-rowing:before {
  content: "\f608";
}

.mdi-rss:before {
  content: "\f46b";
}

.mdi-rss-box:before {
  content: "\f46c";
}

.mdi-ruler:before {
  content: "\f46d";
}

.mdi-ruler-square:before {
  content: "ﲞ";
}

.mdi-run:before {
  content: "\f70d";
}

.mdi-run-fast:before {
  content: "\f46e";
}

.mdi-safe:before {
  content: "響";
}

.mdi-sale:before {
  content: "\f46f";
}

.mdi-salesforce:before {
  content: "\f88d";
}

.mdi-sass:before {
  content: "\f7eb";
}

.mdi-satellite:before {
  content: "\f470";
}

.mdi-satellite-uplink:before {
  content: "龜";
}

.mdi-satellite-variant:before {
  content: "\f471";
}

.mdi-sausage:before {
  content: "\f8b9";
}

.mdi-saxophone:before {
  content: "\f609";
}

.mdi-scale:before {
  content: "\f472";
}

.mdi-scale-balance:before {
  content: "\f5d1";
}

.mdi-scale-bathroom:before {
  content: "\f473";
}

.mdi-scanner:before {
  content: "\f6aa";
}

.mdi-scanner-off:before {
  content: "契";
}

.mdi-school:before {
  content: "\f474";
}

.mdi-scissors-cutting:before {
  content: "頻";
}

.mdi-screen-rotation:before {
  content: "\f475";
}

.mdi-screen-rotation-lock:before {
  content: "\f476";
}

.mdi-screwdriver:before {
  content: "\f477";
}

.mdi-script:before {
  content: "ﮝ";
}

.mdi-script-outline:before {
  content: "\f478";
}

.mdi-script-text:before {
  content: "ﮞ";
}

.mdi-script-text-outline:before {
  content: "ﮟ";
}

.mdi-sd:before {
  content: "\f479";
}

.mdi-seal:before {
  content: "\f47a";
}

.mdi-search-web:before {
  content: "\f70e";
}

.mdi-seat:before {
  content: "ﲟ";
}

.mdi-seat-flat:before {
  content: "\f47b";
}

.mdi-seat-flat-angled:before {
  content: "\f47c";
}

.mdi-seat-individual-suite:before {
  content: "\f47d";
}

.mdi-seat-legroom-extra:before {
  content: "\f47e";
}

.mdi-seat-legroom-normal:before {
  content: "\f47f";
}

.mdi-seat-legroom-reduced:before {
  content: "\f480";
}

.mdi-seat-outline:before {
  content: "ﲠ";
}

.mdi-seat-recline-extra:before {
  content: "\f481";
}

.mdi-seat-recline-normal:before {
  content: "\f482";
}

.mdi-seatbelt:before {
  content: "ﲡ";
}

.mdi-security:before {
  content: "\f483";
}

.mdi-security-network:before {
  content: "\f484";
}

.mdi-select:before {
  content: "\f485";
}

.mdi-select-all:before {
  content: "\f486";
}

.mdi-select-compare:before {
  content: "齃";
}

.mdi-select-drag:before {
  content: "恵";
}

.mdi-select-inverse:before {
  content: "\f487";
}

.mdi-select-off:before {
  content: "\f488";
}

.mdi-selection:before {
  content: "\f489";
}

.mdi-selection-drag:before {
  content: "𤋮";
}

.mdi-selection-off:before {
  content: "\f776";
}

.mdi-send:before {
  content: "\f48a";
}

.mdi-send-lock:before {
  content: "\f7ec";
}

.mdi-serial-port:before {
  content: "\f65c";
}

.mdi-server:before {
  content: "\f48b";
}

.mdi-server-minus:before {
  content: "\f48c";
}

.mdi-server-network:before {
  content: "\f48d";
}

.mdi-server-network-off:before {
  content: "\f48e";
}

.mdi-server-off:before {
  content: "\f48f";
}

.mdi-server-plus:before {
  content: "\f490";
}

.mdi-server-remove:before {
  content: "\f491";
}

.mdi-server-security:before {
  content: "\f492";
}

.mdi-set-all:before {
  content: "\f777";
}

.mdi-set-center:before {
  content: "\f778";
}

.mdi-set-center-right:before {
  content: "\f779";
}

.mdi-set-left:before {
  content: "\f77a";
}

.mdi-set-left-center:before {
  content: "\f77b";
}

.mdi-set-left-right:before {
  content: "\f77c";
}

.mdi-set-none:before {
  content: "\f77d";
}

.mdi-set-right:before {
  content: "\f77e";
}

.mdi-set-top-box:before {
  content: "咽";
}

.mdi-settings:before {
  content: "\f493";
}

.mdi-settings-box:before {
  content: "\f494";
}

.mdi-settings-helper:before {
  content: "舘";
}

.mdi-settings-outline:before {
  content: "\f8ba";
}

.mdi-shape:before {
  content: "\f830";
}

.mdi-shape-circle-plus:before {
  content: "\f65d";
}

.mdi-shape-outline:before {
  content: "\f831";
}

.mdi-shape-plus:before {
  content: "\f495";
}

.mdi-shape-polygon-plus:before {
  content: "\f65e";
}

.mdi-shape-rectangle-plus:before {
  content: "\f65f";
}

.mdi-shape-square-plus:before {
  content: "\f660";
}

.mdi-share:before {
  content: "\f496";
}

.mdi-share-outline:before {
  content: "櫓";
}

.mdi-share-variant:before {
  content: "\f497";
}

.mdi-sheep:before {
  content: "ﲢ";
}

.mdi-shield:before {
  content: "\f498";
}

.mdi-shield-account:before {
  content: "\f88e";
}

.mdi-shield-account-outline:before {
  content: "﨑";
}

.mdi-shield-airplane:before {
  content: "\f6ba";
}

.mdi-shield-airplane-outline:before {
  content: "ﲣ";
}

.mdi-shield-check:before {
  content: "\f565";
}

.mdi-shield-check-outline:before {
  content: "ﲤ";
}

.mdi-shield-cross:before {
  content: "ﲥ";
}

.mdi-shield-cross-outline:before {
  content: "ﲦ";
}

.mdi-shield-half-full:before {
  content: "\f77f";
}

.mdi-shield-home:before {
  content: "\f689";
}

.mdi-shield-home-outline:before {
  content: "ﲧ";
}

.mdi-shield-key:before {
  content: "ﮠ";
}

.mdi-shield-key-outline:before {
  content: "ﮡ";
}

.mdi-shield-lock:before {
  content: "列";
}

.mdi-shield-lock-outline:before {
  content: "ﲨ";
}

.mdi-shield-off:before {
  content: "劣";
}

.mdi-shield-off-outline:before {
  content: "鍊";
}

.mdi-shield-outline:before {
  content: "\f499";
}

.mdi-shield-plus:before {
  content: "龎";
}

.mdi-shield-plus-outline:before {
  content: "﫚";
}

.mdi-shield-remove:before {
  content: "﫛";
}

.mdi-shield-remove-outline:before {
  content: "﫜";
}

.mdi-ship-wheel:before {
  content: "\f832";
}

.mdi-shoe-formal:before {
  content: "ﬢ";
}

.mdi-shoe-heel:before {
  content: "ﬣ";
}

.mdi-shopify:before {
  content: "﫝";
}

.mdi-shopping:before {
  content: "\f49a";
}

.mdi-shopping-music:before {
  content: "\f49b";
}

.mdi-shovel:before {
  content: "\f70f";
}

.mdi-shovel-off:before {
  content: "\f710";
}

.mdi-shower:before {
  content: "烈";
}

.mdi-shower-head:before {
  content: "裂";
}

.mdi-shredder:before {
  content: "\f49c";
}

.mdi-shuffle:before {
  content: "\f49d";
}

.mdi-shuffle-disabled:before {
  content: "\f49e";
}

.mdi-shuffle-variant:before {
  content: "\f49f";
}

.mdi-sigma:before {
  content: "\f4a0";
}

.mdi-sigma-lower:before {
  content: "\f62b";
}

.mdi-sign-caution:before {
  content: "\f4a1";
}

.mdi-sign-direction:before {
  content: "\f780";
}

.mdi-sign-text:before {
  content: "\f781";
}

.mdi-signal:before {
  content: "\f4a2";
}

.mdi-signal-2g:before {
  content: "\f711";
}

.mdi-signal-3g:before {
  content: "\f712";
}

.mdi-signal-4g:before {
  content: "\f713";
}

.mdi-signal-5g:before {
  content: "﩮";
}

.mdi-signal-cellular-1:before {
  content: "\f8bb";
}

.mdi-signal-cellular-2:before {
  content: "\f8bc";
}

.mdi-signal-cellular-3:before {
  content: "\f8bd";
}

.mdi-signal-cellular-outline:before {
  content: "\f8be";
}

.mdi-signal-hspa:before {
  content: "\f714";
}

.mdi-signal-hspa-plus:before {
  content: "\f715";
}

.mdi-signal-off:before {
  content: "\f782";
}

.mdi-signal-variant:before {
  content: "\f60a";
}

.mdi-silo:before {
  content: "ﬤ";
}

.mdi-silverware:before {
  content: "\f4a3";
}

.mdi-silverware-fork:before {
  content: "\f4a4";
}

.mdi-silverware-fork-knife:before {
  content: "﩯";
}

.mdi-silverware-spoon:before {
  content: "\f4a5";
}

.mdi-silverware-variant:before {
  content: "\f4a6";
}

.mdi-sim:before {
  content: "\f4a7";
}

.mdi-sim-alert:before {
  content: "\f4a8";
}

.mdi-sim-off:before {
  content: "\f4a9";
}

.mdi-sina-weibo:before {
  content: "﫞";
}

.mdi-sitemap:before {
  content: "\f4aa";
}

.mdi-skip-backward:before {
  content: "\f4ab";
}

.mdi-skip-forward:before {
  content: "\f4ac";
}

.mdi-skip-next:before {
  content: "\f4ad";
}

.mdi-skip-next-circle:before {
  content: "\f661";
}

.mdi-skip-next-circle-outline:before {
  content: "\f662";
}

.mdi-skip-previous:before {
  content: "\f4ae";
}

.mdi-skip-previous-circle:before {
  content: "\f663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\f664";
}

.mdi-skull:before {
  content: "\f68b";
}

.mdi-skull-crossbones:before {
  content: "ﮢ";
}

.mdi-skull-crossbones-outline:before {
  content: "ﮣ";
}

.mdi-skull-outline:before {
  content: "ﮤ";
}

.mdi-skype:before {
  content: "\f4af";
}

.mdi-skype-business:before {
  content: "\f4b0";
}

.mdi-slack:before {
  content: "\f4b1";
}

.mdi-slackware:before {
  content: "金";
}

.mdi-sleep:before {
  content: "\f4b2";
}

.mdi-sleep-off:before {
  content: "\f4b3";
}

.mdi-smog:before {
  content: "並";
}

.mdi-smoke-detector:before {
  content: "\f392";
}

.mdi-smoking:before {
  content: "\f4b4";
}

.mdi-smoking-off:before {
  content: "\f4b5";
}

.mdi-snapchat:before {
  content: "\f4b6";
}

.mdi-snowflake:before {
  content: "\f716";
}

.mdi-snowman:before {
  content: "\f4b7";
}

.mdi-soccer:before {
  content: "\f4b8";
}

.mdi-soccer-field:before {
  content: "\f833";
}

.mdi-sofa:before {
  content: "\f4b9";
}

.mdi-solar-power:before {
  content: "况";
}

.mdi-solid:before {
  content: "\f68c";
}

.mdi-sort:before {
  content: "\f4ba";
}

.mdi-sort-alphabetical:before {
  content: "\f4bb";
}

.mdi-sort-ascending:before {
  content: "\f4bc";
}

.mdi-sort-descending:before {
  content: "\f4bd";
}

.mdi-sort-numeric:before {
  content: "\f4be";
}

.mdi-sort-variant:before {
  content: "\f4bf";
}

.mdi-sort-variant-lock:before {
  content: "ﲩ";
}

.mdi-sort-variant-lock-open:before {
  content: "ﲪ";
}

.mdi-soundcloud:before {
  content: "\f4c0";
}

.mdi-source-branch:before {
  content: "\f62c";
}

.mdi-source-commit:before {
  content: "\f717";
}

.mdi-source-commit-end:before {
  content: "\f718";
}

.mdi-source-commit-end-local:before {
  content: "\f719";
}

.mdi-source-commit-local:before {
  content: "\f71a";
}

.mdi-source-commit-next-local:before {
  content: "\f71b";
}

.mdi-source-commit-start:before {
  content: "\f71c";
}

.mdi-source-commit-start-next-local:before {
  content: "\f71d";
}

.mdi-source-fork:before {
  content: "\f4c1";
}

.mdi-source-merge:before {
  content: "\f62d";
}

.mdi-source-pull:before {
  content: "\f4c2";
}

.mdi-source-repository:before {
  content: "ﲫ";
}

.mdi-source-repository-multiple:before {
  content: "ﲬ";
}

.mdi-soy-sauce:before {
  content: "\f7ed";
}

.mdi-spa:before {
  content: "ﲭ";
}

.mdi-spa-outline:before {
  content: "ﲮ";
}

.mdi-space-invaders:before {
  content: "ﮥ";
}

.mdi-speaker:before {
  content: "\f4c3";
}

.mdi-speaker-bluetooth:before {
  content: "說";
}

.mdi-speaker-off:before {
  content: "\f4c4";
}

.mdi-speaker-wireless:before {
  content: "\f71e";
}

.mdi-speedometer:before {
  content: "\f4c5";
}

.mdi-spellcheck:before {
  content: "\f4c6";
}

.mdi-spider-web:before {
  content: "ﮦ";
}

.mdi-spotify:before {
  content: "\f4c7";
}

.mdi-spotlight:before {
  content: "\f4c8";
}

.mdi-spotlight-beam:before {
  content: "\f4c9";
}

.mdi-spray:before {
  content: "\f665";
}

.mdi-spray-bottle:before {
  content: "﫟";
}

.mdi-square:before {
  content: "\f763";
}

.mdi-square-edit-outline:before {
  content: "喇";
}

.mdi-square-inc:before {
  content: "\f4ca";
}

.mdi-square-inc-cash:before {
  content: "\f4cb";
}

.mdi-square-medium:before {
  content: "晴";
}

.mdi-square-medium-outline:before {
  content: "﨓";
}

.mdi-square-outline:before {
  content: "\f762";
}

.mdi-square-root:before {
  content: "\f783";
}

.mdi-square-root-box:before {
  content: "廉";
}

.mdi-square-small:before {
  content: "﨔";
}

.mdi-squeegee:before {
  content: "﫠";
}

.mdi-ssh:before {
  content: "\f8bf";
}

.mdi-stack-exchange:before {
  content: "\f60b";
}

.mdi-stack-overflow:before {
  content: "\f4cc";
}

.mdi-stadium:before {
  content: "\f71f";
}

.mdi-stairs:before {
  content: "\f4cd";
}

.mdi-standard-definition:before {
  content: "\f7ee";
}

.mdi-star:before {
  content: "\f4ce";
}

.mdi-star-box:before {
  content: "全";
}

.mdi-star-box-outline:before {
  content: "侀";
}

.mdi-star-circle:before {
  content: "\f4cf";
}

.mdi-star-circle-outline:before {
  content: "念";
}

.mdi-star-face:before {
  content: "捻";
}

.mdi-star-four-points:before {
  content: "﫡";
}

.mdi-star-four-points-outline:before {
  content: "﫢";
}

.mdi-star-half:before {
  content: "\f4d0";
}

.mdi-star-off:before {
  content: "\f4d1";
}

.mdi-star-outline:before {
  content: "\f4d2";
}

.mdi-star-three-points:before {
  content: "﫣";
}

.mdi-star-three-points-outline:before {
  content: "﫤";
}

.mdi-steam:before {
  content: "\f4d3";
}

.mdi-steam-box:before {
  content: "奈";
}

.mdi-steering:before {
  content: "\f4d4";
}

.mdi-steering-off:before {
  content: "懶";
}

.mdi-step-backward:before {
  content: "\f4d5";
}

.mdi-step-backward-2:before {
  content: "\f4d6";
}

.mdi-step-forward:before {
  content: "\f4d7";
}

.mdi-step-forward-2:before {
  content: "\f4d8";
}

.mdi-stethoscope:before {
  content: "\f4d9";
}

.mdi-sticker:before {
  content: "\f5d0";
}

.mdi-sticker-emoji:before {
  content: "\f784";
}

.mdi-stocking:before {
  content: "\f4da";
}

.mdi-stop:before {
  content: "\f4db";
}

.mdi-stop-circle:before {
  content: "\f666";
}

.mdi-stop-circle-outline:before {
  content: "\f667";
}

.mdi-store:before {
  content: "\f4dc";
}

.mdi-store-24-hour:before {
  content: "\f4dd";
}

.mdi-stove:before {
  content: "\f4de";
}

.mdi-strava:before {
  content: "ﬥ";
}

.mdi-subdirectory-arrow-left:before {
  content: "\f60c";
}

.mdi-subdirectory-arrow-right:before {
  content: "\f60d";
}

.mdi-subtitles:before {
  content: "凞";
}

.mdi-subtitles-outline:before {
  content: "猪";
}

.mdi-subway:before {
  content: "\f6ab";
}

.mdi-subway-variant:before {
  content: "\f4df";
}

.mdi-summit:before {
  content: "\f785";
}

.mdi-sunglasses:before {
  content: "\f4e0";
}

.mdi-surround-sound:before {
  content: "\f5c5";
}

.mdi-surround-sound-2-0:before {
  content: "\f7ef";
}

.mdi-surround-sound-3-1:before {
  content: "\f7f0";
}

.mdi-surround-sound-5-1:before {
  content: "\f7f1";
}

.mdi-surround-sound-7-1:before {
  content: "\f7f2";
}

.mdi-svg:before {
  content: "\f720";
}

.mdi-swap-horizontal:before {
  content: "\f4e1";
}

.mdi-swap-horizontal-bold:before {
  content: "ﮩ";
}

.mdi-swap-horizontal-variant:before {
  content: "\f8c0";
}

.mdi-swap-vertical:before {
  content: "\f4e2";
}

.mdi-swap-vertical-bold:before {
  content: "ﮪ";
}

.mdi-swap-vertical-variant:before {
  content: "\f8c1";
}

.mdi-swim:before {
  content: "\f4e3";
}

.mdi-switch:before {
  content: "\f4e4";
}

.mdi-sword:before {
  content: "\f4e5";
}

.mdi-sword-cross:before {
  content: "\f786";
}

.mdi-symfony:before {
  content: "﫥";
}

.mdi-sync:before {
  content: "\f4e6";
}

.mdi-sync-alert:before {
  content: "\f4e7";
}

.mdi-sync-off:before {
  content: "\f4e8";
}

.mdi-tab:before {
  content: "\f4e9";
}

.mdi-tab-minus:before {
  content: "ﬦ";
}

.mdi-tab-plus:before {
  content: "\f75b";
}

.mdi-tab-remove:before {
  content: "ﬧ";
}

.mdi-tab-unselected:before {
  content: "\f4ea";
}

.mdi-table:before {
  content: "\f4eb";
}

.mdi-table-border:before {
  content: "益";
}

.mdi-table-column:before {
  content: "\f834";
}

.mdi-table-column-plus-after:before {
  content: "\f4ec";
}

.mdi-table-column-plus-before:before {
  content: "\f4ed";
}

.mdi-table-column-remove:before {
  content: "\f4ee";
}

.mdi-table-column-width:before {
  content: "\f4ef";
}

.mdi-table-edit:before {
  content: "\f4f0";
}

.mdi-table-large:before {
  content: "\f4f1";
}

.mdi-table-merge-cells:before {
  content: "殮";
}

.mdi-table-of-contents:before {
  content: "\f835";
}

.mdi-table-plus:before {
  content: "充";
}

.mdi-table-remove:before {
  content: "冀";
}

.mdi-table-row:before {
  content: "\f836";
}

.mdi-table-row-height:before {
  content: "\f4f2";
}

.mdi-table-row-plus-after:before {
  content: "\f4f3";
}

.mdi-table-row-plus-before:before {
  content: "\f4f4";
}

.mdi-table-row-remove:before {
  content: "\f4f5";
}

.mdi-table-search:before {
  content: "癩";
}

.mdi-table-settings:before {
  content: "\f837";
}

.mdi-tablet:before {
  content: "\f4f6";
}

.mdi-tablet-android:before {
  content: "\f4f7";
}

.mdi-tablet-cellphone:before {
  content: "簾";
}

.mdi-tablet-ipad:before {
  content: "\f4f8";
}

.mdi-taco:before {
  content: "\f761";
}

.mdi-tag:before {
  content: "\f4f9";
}

.mdi-tag-faces:before {
  content: "\f4fa";
}

.mdi-tag-heart:before {
  content: "\f68a";
}

.mdi-tag-heart-outline:before {
  content: "ﮫ";
}

.mdi-tag-minus:before {
  content: "羅";
}

.mdi-tag-multiple:before {
  content: "\f4fb";
}

.mdi-tag-outline:before {
  content: "\f4fc";
}

.mdi-tag-plus:before {
  content: "\f721";
}

.mdi-tag-remove:before {
  content: "\f722";
}

.mdi-tag-text-outline:before {
  content: "\f4fd";
}

.mdi-tape-measure:before {
  content: "ﬨ";
}

.mdi-target:before {
  content: "\f4fe";
}

.mdi-target-account:before {
  content: "ﮬ";
}

.mdi-target-variant:before {
  content: "勇";
}

.mdi-taxi:before {
  content: "\f4ff";
}

.mdi-teach:before {
  content: "\f88f";
}

.mdi-teamviewer:before {
  content: "\f500";
}

.mdi-telegram:before {
  content: "\f501";
}

.mdi-telescope:before {
  content: "﬩";
}

.mdi-television:before {
  content: "\f502";
}

.mdi-television-box:before {
  content: "\f838";
}

.mdi-television-classic:before {
  content: "\f7f3";
}

.mdi-television-classic-off:before {
  content: "\f839";
}

.mdi-television-guide:before {
  content: "\f503";
}

.mdi-television-off:before {
  content: "\f83a";
}

.mdi-temperature-celsius:before {
  content: "\f504";
}

.mdi-temperature-fahrenheit:before {
  content: "\f505";
}

.mdi-temperature-kelvin:before {
  content: "\f506";
}

.mdi-tennis:before {
  content: "\f507";
}

.mdi-tent:before {
  content: "\f508";
}

.mdi-terrain:before {
  content: "\f509";
}

.mdi-test-tube:before {
  content: "\f668";
}

.mdi-test-tube-empty:before {
  content: "蘿";
}

.mdi-test-tube-off:before {
  content: "螺";
}

.mdi-text:before {
  content: "獵";
}

.mdi-text-shadow:before {
  content: "\f669";
}

.mdi-text-short:before {
  content: "令";
}

.mdi-text-subject:before {
  content: "囹";
}

.mdi-text-to-speech:before {
  content: "\f50a";
}

.mdi-text-to-speech-off:before {
  content: "\f50b";
}

.mdi-textbox:before {
  content: "\f60e";
}

.mdi-textbox-password:before {
  content: "\f7f4";
}

.mdi-texture:before {
  content: "\f50c";
}

.mdi-theater:before {
  content: "\f50d";
}

.mdi-theme-light-dark:before {
  content: "\f50e";
}

.mdi-thermometer:before {
  content: "\f50f";
}

.mdi-thermometer-lines:before {
  content: "\f510";
}

.mdi-thermostat:before {
  content: "\f393";
}

.mdi-thermostat-box:before {
  content: "\f890";
}

.mdi-thought-bubble:before {
  content: "\f7f5";
}

.mdi-thought-bubble-outline:before {
  content: "\f7f6";
}

.mdi-thumb-down:before {
  content: "\f511";
}

.mdi-thumb-down-outline:before {
  content: "\f512";
}

.mdi-thumb-up:before {
  content: "\f513";
}

.mdi-thumb-up-outline:before {
  content: "\f514";
}

.mdi-thumbs-up-down:before {
  content: "\f515";
}

.mdi-ticket:before {
  content: "\f516";
}

.mdi-ticket-account:before {
  content: "\f517";
}

.mdi-ticket-confirmation:before {
  content: "\f518";
}

.mdi-ticket-outline:before {
  content: "裸";
}

.mdi-ticket-percent:before {
  content: "\f723";
}

.mdi-tie:before {
  content: "\f519";
}

.mdi-tilde:before {
  content: "\f724";
}

.mdi-timelapse:before {
  content: "\f51a";
}

.mdi-timeline:before {
  content: "ﮭ";
}

.mdi-timeline-outline:before {
  content: "ﮮ";
}

.mdi-timeline-text:before {
  content: "ﮯ";
}

.mdi-timeline-text-outline:before {
  content: "ﮰ";
}

.mdi-timer:before {
  content: "\f51b";
}

.mdi-timer-10:before {
  content: "\f51c";
}

.mdi-timer-3:before {
  content: "\f51d";
}

.mdi-timer-off:before {
  content: "\f51e";
}

.mdi-timer-sand:before {
  content: "\f51f";
}

.mdi-timer-sand-empty:before {
  content: "\f6ac";
}

.mdi-timer-sand-full:before {
  content: "\f78b";
}

.mdi-timetable:before {
  content: "\f520";
}

.mdi-toaster-oven:before {
  content: "ﲯ";
}

.mdi-toggle-switch:before {
  content: "\f521";
}

.mdi-toggle-switch-off:before {
  content: "\f522";
}

.mdi-toggle-switch-off-outline:before {
  content: "礼";
}

.mdi-toggle-switch-outline:before {
  content: "神";
}

.mdi-toilet:before {
  content: "寧";
}

.mdi-toolbox:before {
  content: "嶺";
}

.mdi-toolbox-outline:before {
  content: "怜";
}

.mdi-tooltip:before {
  content: "\f523";
}

.mdi-tooltip-account:before {
  content: "\f00c";
}

.mdi-tooltip-edit:before {
  content: "\f524";
}

.mdi-tooltip-image:before {
  content: "\f525";
}

.mdi-tooltip-image-outline:before {
  content: "ﮱ";
}

.mdi-tooltip-outline:before {
  content: "\f526";
}

.mdi-tooltip-plus:before {
  content: "﮲";
}

.mdi-tooltip-plus-outline:before {
  content: "\f527";
}

.mdi-tooltip-text:before {
  content: "\f528";
}

.mdi-tooltip-text-outline:before {
  content: "﮳";
}

.mdi-tooth:before {
  content: "\f8c2";
}

.mdi-tooth-outline:before {
  content: "\f529";
}

.mdi-tor:before {
  content: "\f52a";
}

.mdi-tournament:before {
  content: "玲";
}

.mdi-tower-beach:before {
  content: "\f680";
}

.mdi-tower-fire:before {
  content: "\f681";
}

.mdi-towing:before {
  content: "\f83b";
}

.mdi-track-light:before {
  content: "邏";
}

.mdi-trackpad:before {
  content: "\f7f7";
}

.mdi-trackpad-lock:before {
  content: "爐";
}

.mdi-tractor:before {
  content: "\f891";
}

.mdi-trademark:before {
  content: "勺";
}

.mdi-traffic-light:before {
  content: "\f52b";
}

.mdi-train:before {
  content: "\f52c";
}

.mdi-train-car:before {
  content: "﮴";
}

.mdi-train-variant:before {
  content: "\f8c3";
}

.mdi-tram:before {
  content: "\f52d";
}

.mdi-transcribe:before {
  content: "\f52e";
}

.mdi-transcribe-close:before {
  content: "\f52f";
}

.mdi-transfer:before {
  content: "\f530";
}

.mdi-transit-transfer:before {
  content: "\f6ad";
}

.mdi-transition:before {
  content: "樂";
}

.mdi-transition-masked:before {
  content: "洛";
}

.mdi-translate:before {
  content: "\f5ca";
}

.mdi-trash-can:before {
  content: "喝";
}

.mdi-trash-can-outline:before {
  content: "啕";
}

.mdi-treasure-chest:before {
  content: "\f725";
}

.mdi-tree:before {
  content: "\f531";
}

.mdi-trello:before {
  content: "\f532";
}

.mdi-trending-down:before {
  content: "\f533";
}

.mdi-trending-neutral:before {
  content: "\f534";
}

.mdi-trending-up:before {
  content: "\f535";
}

.mdi-triangle:before {
  content: "\f536";
}

.mdi-triangle-outline:before {
  content: "\f537";
}

.mdi-triforce:before {
  content: "﮵";
}

.mdi-trophy:before {
  content: "\f538";
}

.mdi-trophy-award:before {
  content: "\f539";
}

.mdi-trophy-outline:before {
  content: "\f53a";
}

.mdi-trophy-variant:before {
  content: "\f53b";
}

.mdi-trophy-variant-outline:before {
  content: "\f53c";
}

.mdi-truck:before {
  content: "\f53d";
}

.mdi-truck-check:before {
  content: "ﲰ";
}

.mdi-truck-delivery:before {
  content: "\f53e";
}

.mdi-truck-fast:before {
  content: "\f787";
}

.mdi-truck-trailer:before {
  content: "\f726";
}

.mdi-tshirt-crew:before {
  content: "喙";
}

.mdi-tshirt-crew-outline:before {
  content: "\f53f";
}

.mdi-tshirt-v:before {
  content: "嗢";
}

.mdi-tshirt-v-outline:before {
  content: "\f540";
}

.mdi-tumble-dryer:before {
  content: "烙";
}

.mdi-tumblr:before {
  content: "\f541";
}

.mdi-tumblr-box:before {
  content: "珞";
}

.mdi-tumblr-reblog:before {
  content: "\f542";
}

.mdi-tune:before {
  content: "\f62e";
}

.mdi-tune-vertical:before {
  content: "\f66a";
}

.mdi-turnstile:before {
  content: "ﲱ";
}

.mdi-turnstile-outline:before {
  content: "ﲲ";
}

.mdi-turtle:before {
  content: "ﲳ";
}

.mdi-twitch:before {
  content: "\f543";
}

.mdi-twitter:before {
  content: "\f544";
}

.mdi-twitter-box:before {
  content: "\f545";
}

.mdi-twitter-circle:before {
  content: "\f546";
}

.mdi-twitter-retweet:before {
  content: "\f547";
}

.mdi-two-factor-authentication:before {
  content: "瑩";
}

.mdi-uber:before {
  content: "\f748";
}

.mdi-ubisoft:before {
  content: "﮶";
}

.mdi-ubuntu:before {
  content: "\f548";
}

.mdi-ultra-high-definition:before {
  content: "\f7f8";
}

.mdi-umbraco:before {
  content: "\f549";
}

.mdi-umbrella:before {
  content: "\f54a";
}

.mdi-umbrella-closed:before {
  content: "羚";
}

.mdi-umbrella-outline:before {
  content: "\f54b";
}

.mdi-undo:before {
  content: "\f54c";
}

.mdi-undo-variant:before {
  content: "\f54d";
}

.mdi-unfold-less-horizontal:before {
  content: "\f54e";
}

.mdi-unfold-less-vertical:before {
  content: "\f75f";
}

.mdi-unfold-more-horizontal:before {
  content: "\f54f";
}

.mdi-unfold-more-vertical:before {
  content: "\f760";
}

.mdi-ungroup:before {
  content: "\f550";
}

.mdi-unity:before {
  content: "\f6ae";
}

.mdi-unreal:before {
  content: "聆";
}

.mdi-untappd:before {
  content: "\f551";
}

.mdi-update:before {
  content: "\f6af";
}

.mdi-upload:before {
  content: "\f552";
}

.mdi-upload-multiple:before {
  content: "\f83c";
}

.mdi-upload-network:before {
  content: "\f6f5";
}

.mdi-upload-network-outline:before {
  content: "ﲴ";
}

.mdi-usb:before {
  content: "\f553";
}

.mdi-van-passenger:before {
  content: "\f7f9";
}

.mdi-van-utility:before {
  content: "\f7fa";
}

.mdi-vanish:before {
  content: "\f7fb";
}

.mdi-variable:before {
  content: "﫦";
}

.mdi-vector-arrange-above:before {
  content: "\f554";
}

.mdi-vector-arrange-below:before {
  content: "\f555";
}

.mdi-vector-bezier:before {
  content: "﫧";
}

.mdi-vector-circle:before {
  content: "\f556";
}

.mdi-vector-circle-variant:before {
  content: "\f557";
}

.mdi-vector-combine:before {
  content: "\f558";
}

.mdi-vector-curve:before {
  content: "\f559";
}

.mdi-vector-difference:before {
  content: "\f55a";
}

.mdi-vector-difference-ab:before {
  content: "\f55b";
}

.mdi-vector-difference-ba:before {
  content: "\f55c";
}

.mdi-vector-ellipse:before {
  content: "\f892";
}

.mdi-vector-intersection:before {
  content: "\f55d";
}

.mdi-vector-line:before {
  content: "\f55e";
}

.mdi-vector-point:before {
  content: "\f55f";
}

.mdi-vector-polygon:before {
  content: "\f560";
}

.mdi-vector-polyline:before {
  content: "\f561";
}

.mdi-vector-radius:before {
  content: "\f749";
}

.mdi-vector-rectangle:before {
  content: "\f5c6";
}

.mdi-vector-selection:before {
  content: "\f562";
}

.mdi-vector-square:before {
  content: "\f001";
}

.mdi-vector-triangle:before {
  content: "\f563";
}

.mdi-vector-union:before {
  content: "\f564";
}

.mdi-venmo:before {
  content: "\f578";
}

.mdi-vhs:before {
  content: "祥";
}

.mdi-vibrate:before {
  content: "\f566";
}

.mdi-vibrate-off:before {
  content: "ﲵ";
}

.mdi-video:before {
  content: "\f567";
}

.mdi-video-3d:before {
  content: "\f7fc";
}

.mdi-video-4k-box:before {
  content: "\f83d";
}

.mdi-video-account:before {
  content: "落";
}

.mdi-video-image:before {
  content: "酪";
}

.mdi-video-input-antenna:before {
  content: "\f83e";
}

.mdi-video-input-component:before {
  content: "\f83f";
}

.mdi-video-input-hdmi:before {
  content: "\f840";
}

.mdi-video-input-svideo:before {
  content: "\f841";
}

.mdi-video-minus:before {
  content: "鈴";
}

.mdi-video-off:before {
  content: "\f568";
}

.mdi-video-off-outline:before {
  content: "﮷";
}

.mdi-video-outline:before {
  content: "﮸";
}

.mdi-video-plus:before {
  content: "零";
}

.mdi-video-stabilization:before {
  content: "駱";
}

.mdi-video-switch:before {
  content: "\f569";
}

.mdi-video-vintage:before {
  content: "福";
}

.mdi-view-agenda:before {
  content: "\f56a";
}

.mdi-view-array:before {
  content: "\f56b";
}

.mdi-view-carousel:before {
  content: "\f56c";
}

.mdi-view-column:before {
  content: "\f56d";
}

.mdi-view-dashboard:before {
  content: "\f56e";
}

.mdi-view-dashboard-outline:before {
  content: "靖";
}

.mdi-view-dashboard-variant:before {
  content: "\f842";
}

.mdi-view-day:before {
  content: "\f56f";
}

.mdi-view-grid:before {
  content: "\f570";
}

.mdi-view-headline:before {
  content: "\f571";
}

.mdi-view-list:before {
  content: "\f572";
}

.mdi-view-module:before {
  content: "\f573";
}

.mdi-view-parallel:before {
  content: "\f727";
}

.mdi-view-quilt:before {
  content: "\f574";
}

.mdi-view-sequential:before {
  content: "\f728";
}

.mdi-view-split-horizontal:before {
  content: "ﮧ";
}

.mdi-view-split-vertical:before {
  content: "ﮨ";
}

.mdi-view-stream:before {
  content: "\f575";
}

.mdi-view-week:before {
  content: "\f576";
}

.mdi-vimeo:before {
  content: "\f577";
}

.mdi-violin:before {
  content: "\f60f";
}

.mdi-virtual-reality:before {
  content: "\f893";
}

.mdi-visual-studio:before {
  content: "\f610";
}

.mdi-visual-studio-code:before {
  content: "精";
}

.mdi-vk:before {
  content: "\f579";
}

.mdi-vk-box:before {
  content: "\f57a";
}

.mdi-vk-circle:before {
  content: "\f57b";
}

.mdi-vlc:before {
  content: "\f57c";
}

.mdi-voice:before {
  content: "\f5cb";
}

.mdi-voicemail:before {
  content: "\f57d";
}

.mdi-volleyball:before {
  content: "靈";
}

.mdi-volume-high:before {
  content: "\f57e";
}

.mdi-volume-low:before {
  content: "\f57f";
}

.mdi-volume-medium:before {
  content: "\f580";
}

.mdi-volume-minus:before {
  content: "\f75d";
}

.mdi-volume-mute:before {
  content: "\f75e";
}

.mdi-volume-off:before {
  content: "\f581";
}

.mdi-volume-plus:before {
  content: "\f75c";
}

.mdi-vote:before {
  content: "羽";
}

.mdi-vote-outline:before {
  content: "﨟";
}

.mdi-vpn:before {
  content: "\f582";
}

.mdi-vuejs:before {
  content: "\f843";
}

.mdi-walk:before {
  content: "\f583";
}

.mdi-wall:before {
  content: "\f7fd";
}

.mdi-wall-sconce:before {
  content: "亂";
}

.mdi-wall-sconce-flat:before {
  content: "卵";
}

.mdi-wall-sconce-variant:before {
  content: "欄";
}

.mdi-wallet:before {
  content: "\f584";
}

.mdi-wallet-giftcard:before {
  content: "\f585";
}

.mdi-wallet-membership:before {
  content: "\f586";
}

.mdi-wallet-outline:before {
  content: "﮹";
}

.mdi-wallet-travel:before {
  content: "\f587";
}

.mdi-wan:before {
  content: "\f588";
}

.mdi-washing-machine:before {
  content: "\f729";
}

.mdi-watch:before {
  content: "\f589";
}

.mdi-watch-export:before {
  content: "\f58a";
}

.mdi-watch-export-variant:before {
  content: "\f894";
}

.mdi-watch-import:before {
  content: "\f58b";
}

.mdi-watch-import-variant:before {
  content: "\f895";
}

.mdi-watch-variant:before {
  content: "\f896";
}

.mdi-watch-vibrate:before {
  content: "\f6b0";
}

.mdi-watch-vibrate-off:before {
  content: "ﲶ";
}

.mdi-water:before {
  content: "\f58c";
}

.mdi-water-off:before {
  content: "\f58d";
}

.mdi-water-percent:before {
  content: "\f58e";
}

.mdi-water-pump:before {
  content: "\f58f";
}

.mdi-watermark:before {
  content: "\f612";
}

.mdi-waves:before {
  content: "\f78c";
}

.mdi-waze:before {
  content: "﮺";
}

.mdi-weather-cloudy:before {
  content: "\f590";
}

.mdi-weather-fog:before {
  content: "\f591";
}

.mdi-weather-hail:before {
  content: "\f592";
}

.mdi-weather-hurricane:before {
  content: "\f897";
}

.mdi-weather-lightning:before {
  content: "\f593";
}

.mdi-weather-lightning-rainy:before {
  content: "\f67d";
}

.mdi-weather-night:before {
  content: "\f594";
}

.mdi-weather-partlycloudy:before {
  content: "\f595";
}

.mdi-weather-pouring:before {
  content: "\f596";
}

.mdi-weather-rainy:before {
  content: "\f597";
}

.mdi-weather-snowy:before {
  content: "\f598";
}

.mdi-weather-snowy-rainy:before {
  content: "\f67e";
}

.mdi-weather-sunny:before {
  content: "\f599";
}

.mdi-weather-sunset:before {
  content: "\f59a";
}

.mdi-weather-sunset-down:before {
  content: "\f59b";
}

.mdi-weather-sunset-up:before {
  content: "\f59c";
}

.mdi-weather-windy:before {
  content: "\f59d";
}

.mdi-weather-windy-variant:before {
  content: "\f59e";
}

.mdi-web:before {
  content: "\f59f";
}

.mdi-webcam:before {
  content: "\f5a0";
}

.mdi-webhook:before {
  content: "\f62f";
}

.mdi-webpack:before {
  content: "\f72a";
}

.mdi-wechat:before {
  content: "\f611";
}

.mdi-weight:before {
  content: "\f5a1";
}

.mdi-weight-kilogram:before {
  content: "\f5a2";
}

.mdi-weight-pound:before {
  content: "領";
}

.mdi-whatsapp:before {
  content: "\f5a3";
}

.mdi-wheelchair-accessibility:before {
  content: "\f5a4";
}

.mdi-whistle:before {
  content: "例";
}

.mdi-white-balance-auto:before {
  content: "\f5a5";
}

.mdi-white-balance-incandescent:before {
  content: "\f5a6";
}

.mdi-white-balance-iridescent:before {
  content: "\f5a7";
}

.mdi-white-balance-sunny:before {
  content: "\f5a8";
}

.mdi-widgets:before {
  content: "\f72b";
}

.mdi-wifi:before {
  content: "\f5a9";
}

.mdi-wifi-off:before {
  content: "\f5aa";
}

.mdi-wifi-strength-1:before {
  content: "爛";
}

.mdi-wifi-strength-1-alert:before {
  content: "蘭";
}

.mdi-wifi-strength-1-lock:before {
  content: "鸞";
}

.mdi-wifi-strength-2:before {
  content: "嵐";
}

.mdi-wifi-strength-2-alert:before {
  content: "濫";
}

.mdi-wifi-strength-2-lock:before {
  content: "藍";
}

.mdi-wifi-strength-3:before {
  content: "襤";
}

.mdi-wifi-strength-3-alert:before {
  content: "拉";
}

.mdi-wifi-strength-3-lock:before {
  content: "臘";
}

.mdi-wifi-strength-4:before {
  content: "蠟";
}

.mdi-wifi-strength-4-alert:before {
  content: "廊";
}

.mdi-wifi-strength-4-lock:before {
  content: "朗";
}

.mdi-wifi-strength-alert-outline:before {
  content: "浪";
}

.mdi-wifi-strength-lock-outline:before {
  content: "狼";
}

.mdi-wifi-strength-off:before {
  content: "郎";
}

.mdi-wifi-strength-off-outline:before {
  content: "來";
}

.mdi-wifi-strength-outline:before {
  content: "冷";
}

.mdi-wii:before {
  content: "\f5ab";
}

.mdi-wiiu:before {
  content: "\f72c";
}

.mdi-wikipedia:before {
  content: "\f5ac";
}

.mdi-window-close:before {
  content: "\f5ad";
}

.mdi-window-closed:before {
  content: "\f5ae";
}

.mdi-window-maximize:before {
  content: "\f5af";
}

.mdi-window-minimize:before {
  content: "\f5b0";
}

.mdi-window-open:before {
  content: "\f5b1";
}

.mdi-window-restore:before {
  content: "\f5b2";
}

.mdi-windows:before {
  content: "\f5b3";
}

.mdi-windows-classic:before {
  content: "蘒";
}

.mdi-wiper:before {
  content: "﫨";
}

.mdi-wordpress:before {
  content: "\f5b4";
}

.mdi-worker:before {
  content: "\f5b5";
}

.mdi-wrap:before {
  content: "\f5b6";
}

.mdi-wrap-disabled:before {
  content: "﮻";
}

.mdi-wrench:before {
  content: "\f5b7";
}

.mdi-wrench-outline:before {
  content: "﮼";
}

.mdi-wunderlist:before {
  content: "\f5b8";
}

.mdi-xamarin:before {
  content: "\f844";
}

.mdi-xamarin-outline:before {
  content: "\f845";
}

.mdi-xaml:before {
  content: "\f673";
}

.mdi-xbox:before {
  content: "\f5b9";
}

.mdi-xbox-controller:before {
  content: "\f5ba";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\f74a";
}

.mdi-xbox-controller-battery-charging:before {
  content: "﨡";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\f74b";
}

.mdi-xbox-controller-battery-full:before {
  content: "\f74c";
}

.mdi-xbox-controller-battery-low:before {
  content: "\f74d";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\f74e";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\f74f";
}

.mdi-xbox-controller-off:before {
  content: "\f5bb";
}

.mdi-xda:before {
  content: "\f5bc";
}

.mdi-xing:before {
  content: "\f5bd";
}

.mdi-xing-box:before {
  content: "\f5be";
}

.mdi-xing-circle:before {
  content: "\f5bf";
}

.mdi-xml:before {
  content: "\f5c0";
}

.mdi-xmpp:before {
  content: "\f7fe";
}

.mdi-yahoo:before {
  content: "שׁ";
}

.mdi-yammer:before {
  content: "\f788";
}

.mdi-yeast:before {
  content: "\f5c1";
}

.mdi-yelp:before {
  content: "\f5c2";
}

.mdi-yin-yang:before {
  content: "\f67f";
}

.mdi-youtube:before {
  content: "\f5c3";
}

.mdi-youtube-creator-studio:before {
  content: "\f846";
}

.mdi-youtube-gaming:before {
  content: "\f847";
}

.mdi-youtube-tv:before {
  content: "\f448";
}

.mdi-z-wave:before {
  content: "﫩";
}

.mdi-zend:before {
  content: "﫪";
}

.mdi-zip-box:before {
  content: "\f5c4";
}

.mdi-zip-disk:before {
  content: "諸";
}

.mdi-zodiac-aquarius:before {
  content: "塚";
}

.mdi-zodiac-aries:before {
  content: "墳";
}

.mdi-zodiac-cancer:before {
  content: "奄";
}

.mdi-zodiac-capricorn:before {
  content: "奔";
}

.mdi-zodiac-gemini:before {
  content: "婢";
}

.mdi-zodiac-leo:before {
  content: "嬨";
}

.mdi-zodiac-libra:before {
  content: "廒";
}

.mdi-zodiac-pisces:before {
  content: "廙";
}

.mdi-zodiac-sagittarius:before {
  content: "彩";
}

.mdi-zodiac-scorpio:before {
  content: "徭";
}

.mdi-zodiac-taurus:before {
  content: "惘";
}

.mdi-zodiac-virgo:before {
  content: "慎";
}

.mdi-blank:before {
  content: "\f68c";
  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, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: white;
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(45deg);
      transform: scaleX(-1) rotate(45deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: scaleY(-1) rotate(45deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-45:before {
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(90deg);
      transform: scaleX(-1) rotate(90deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: scaleY(-1) rotate(90deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-90:before {
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: scaleY(-1) rotate(135deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-135:before {
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(180deg);
      transform: scaleX(-1) rotate(180deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: scaleY(-1) rotate(180deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-180:before {
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(225deg);
      transform: scaleX(-1) rotate(225deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: scaleY(-1) rotate(225deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-225:before {
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(270deg);
      transform: scaleX(-1) rotate(270deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: scaleY(-1) rotate(270deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-270:before {
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(315deg);
      transform: scaleX(-1) rotate(315deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: scaleY(-1) rotate(315deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-315:before {
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  animation: mdi-spin 2s infinite linear;
}
@keyframes mdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@font-face {
  font-family: "Phosphor";
  src: url("../fonts/Phosphor.woff2") format("woff2"), url("../fonts/Phosphor.woff") format("woff"), url("../fonts/Phosphor.ttf") format("truetype"), url("../fonts/Phosphor.svg#Phosphor") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph.ph-user-circle:before {
  content: "\e4c4";
}

.ph.ph-user-list:before {
  content: "\e73c";
}

.ph.ph-folder-user:before {
  content: "\eb46";
}

.ph.ph-clock-user:before {
  content: "\edec";
}

.ph.ph-plus:before {
  content: "\e3d4";
}

.ph.ph-trash:before {
  content: "\e4a6";
}

.ph.ph-pencil-simple:before {
  content: "\e3b4";
}

.ph.ph-magnifying-glass-plus:before {
  content: "\e310";
}

.ph.ph-eye:before {
  content: "\e220";
}

.ph.ph-eye-closed:before {
  content: "\e222";
}

.ph.ph-eye-slash:before {
  content: "\e224";
}

.ph.ph-sign-out:before {
  content: "\e42a";
}

.ph.ph-package:before {
  content: "\e390";
}

.ph.ph-printer:before {
  content: "\e3dc";
}

.ph.ph-car:before {
  content: "\e112";
}

.ph.ph-check:before {
  content: "\e182";
}

.ph.ph-qr-code:before {
  content: "\e3e6";
}

.ph.ph-camera:before {
  content: "\e10e";
}

.ph.ph-image:before {
  content: "\e2ca";
}

.ph.ph-caret-down:before {
  content: "\e136";
}

.ph.ph-trend-down:before {
  content: "\e4ac";
}

.ph.ph-trend-up:before {
  content: "\e4ae";
}

.ph.ph-calendar:before {
  content: "\e108";
}

.ph.ph-caret-circle-down:before {
  content: "\e11e";
}

.ph.ph-caret-circle-left:before {
  content: "\e120";
}

.ph.ph-caret-circle-right:before {
  content: "\e122";
}

.ph.ph-caret-circle-up:before {
  content: "\e124";
}

.ph.ph-calendar-dots:before {
  content: "\e7b4";
}

.ph.ph-lock-key:before {
  content: "\e2fe";
}

.ph.ph-lock-key-open:before {
  content: "\e300";
}

.ph.ph-chart-line-up:before {
  content: "\e156";
}

.ph.ph-export:before {
  content: "\eaf0";
}

.ph.ph-sign-out:before {
  content: "\e42a";
}

.ph.ph-images:before {
  content: "\e836";
}

.ph.ph-camera-rotate:before {
  content: "\e7a4";
}

.ph.ph-key:before {
  content: "\e2d6";
}

@font-face {
  font-family: "Phosphor-Fill";
  src: url("../fonts/Phosphor-Fill.woff2") format("woff2"), url("../fonts/Phosphor-Fill.woff") format("woff"), url("../fonts/Phosphor-Fill.ttf") format("truetype"), url("../fonts/Phosphor-Fill.svg#Phosphor-Fill") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ph-fill {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Fill" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph-fill.ph-handbag:before {
  content: "\e29c";
}

.ph-fill.ph-squares-four:before {
  content: "\e464";
}

/*!
* =============================================================
* dropify v0.2.1 - Override your input files with style.
* https://github.com/JeremyFagis/dropify
*
* (c) 2016 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
* =============================================================
*/
@font-face {
  font-family: dropify;
  src: url(../fonts/dropify.eot);
  src: url(../fonts/dropify.eot#iefix) format("embedded-opentype"), url(../fonts/dropify.woff) format("woff"), url(../fonts/dropify.ttf) format("truetype"), url(../fonts/dropify.svg#dropify) format("svg");
  font-weight: 400;
  font-style: normal;
}
.dropify-font:before,
.dropify-wrapper .dropify-message span.file-icon:before,
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,
[class*=" dropify-font-"]:before,
[class^=dropify-font-]:before {
  font-family: dropify;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.dropify-wrapper,
.dropify-wrapper .dropify-clear {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
}

.dropify-wrapper.has-error .dropify-message .dropify-error,
.dropify-wrapper.has-preview .dropify-clear {
  display: block;
}

.dropify-font-upload:before,
.dropify-wrapper .dropify-message span.file-icon:before {
  content: "\e800";
}

.dropify-font-file:before {
  content: "\e801";
}

.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 180px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #fff;
  background-image: none;
  text-align: center;
  border: 2px solid #e5e5e5;
  transition: border-color 0.15s linear;
}

.dropify-wrapper:hover {
  background-size: 30px 30px;
  background-image: linear-gradient(-45deg, #f6f6f6 25%, transparent 25%, transparent 50%, #f6f6f6 50%, #f6f6f6 75%, transparent 75%, transparent);
  animation: stripes 2s linear infinite;
}

.dropify-wrapper.has-error {
  border-color: #f34141;
}

.dropify-wrapper.has-error:hover .dropify-errors-container {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.dropify-wrapper.disabled input {
  cursor: not-allowed;
}

.dropify-wrapper.disabled:hover {
  background-image: none;
  animation: none;
}

.dropify-wrapper.disabled .dropify-message {
  opacity: 0.5;
  text-decoration: line-through;
}

.dropify-wrapper.disabled .dropify-infos-message {
  display: none;
}

.dropify-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.dropify-wrapper .dropify-message {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.dropify-wrapper .dropify-message span.file-icon {
  font-size: 50px;
  color: #ccc;
}

.dropify-wrapper .dropify-message p {
  margin: 5px 0 0;
}

.dropify-wrapper .dropify-message p.dropify-error {
  color: #f34141;
  font-weight: 700;
  display: none;
}

.dropify-wrapper .dropify-clear {
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 7;
  top: 10px;
  right: 10px;
  background: 0 0;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 11px;
  padding: 4px 8px;
  font-weight: 700;
  color: #fff;
  transition: all 0.15s linear;
}

.dropify-wrapper .dropify-clear:hover {
  background: rgba(255, 255, 255, 0.2);
}

.dropify-wrapper .dropify-preview {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  padding: 5px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}

.dropify-wrapper .dropify-preview .dropify-render img {
  top: 50%;
  transform: translate(0, -50%);
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  transition: border-color 0.15s linear;
}

.dropify-wrapper .dropify-preview .dropify-render i {
  font-size: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #777;
}

.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 13px;
  width: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropify-wrapper .dropify-preview .dropify-infos {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.15s linear;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  position: absolute;
  top: 50%;
  transform: translate(0, -40%);
  backface-visibility: hidden;
  width: 100%;
  padding: 0 20px;
  transition: all 0.2s ease;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-weight: 700;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon {
  margin-right: 2px;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
  margin-top: 15px;
  padding-top: 15px;
  font-size: 12px;
  position: relative;
  opacity: 0.5;
}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  width: 30px;
  height: 2px;
}

.dropify-wrapper:hover .dropify-clear,
.dropify-wrapper:hover .dropify-preview .dropify-infos {
  opacity: 1;
}

.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {
  margin-top: -5px;
}

.dropify-wrapper.touch-fallback {
  height: auto !important;
}

.dropify-wrapper.touch-fallback:hover {
  background-image: none;
  animation: none;
}

.dropify-wrapper.touch-fallback .dropify-preview {
  position: relative;
  padding: 0;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render {
  display: block;
  position: relative;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before,
.dropify-wrapper.touch-fallback.has-preview .dropify-message {
  display: none;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
  position: relative;
  transform: translate(0, 0);
  top: 0;
  left: 0;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {
  margin-top: 30px;
  margin-bottom: 30px;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {
  position: relative;
  transform: translate(0, 0);
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
  position: relative;
  opacity: 1;
  background: 0 0;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
  position: relative;
  top: 0;
  transform: translate(0, 0);
  padding: 5px 90px 5px 0;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #777;
  text-align: left;
  line-height: 25px;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
  font-weight: 700;
}

.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
  margin-top: 0;
  padding-top: 0;
  font-size: 11px;
  position: relative;
  opacity: 1;
}

.dropify-wrapper.touch-fallback .dropify-message {
  transform: translate(0, 0);
  padding: 40px 0;
}

.dropify-wrapper.touch-fallback .dropify-clear {
  top: auto;
  bottom: 23px;
  opacity: 1;
  border-color: rgba(119, 119, 119, 0.7);
  color: #777;
}

.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {
  margin-top: 0;
}

.dropify-wrapper .dropify-loader {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  z-index: 9;
}

.dropify-wrapper .dropify-loader::after {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotate 0.6s linear infinite;
  border-radius: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #777;
  border-left: 1px solid #ccc;
  border-right: 1px solid #777;
  content: "";
}

.dropify-wrapper .dropify-errors-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(243, 65, 65, 0.8);
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.15s, opacity 0.15s linear;
}

.dropify-wrapper .dropify-errors-container ul {
  padding: 10px 20px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.dropify-wrapper .dropify-errors-container ul li {
  margin-left: 20px;
  color: #fff;
  font-weight: 700;
}

.dropify-wrapper .dropify-errors-container.visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.dropify-wrapper ~ .dropify-errors-container ul {
  padding: 0;
  margin: 15px 0;
}

.dropify-wrapper ~ .dropify-errors-container ul li {
  margin-left: 20px;
  color: #f34141;
  font-weight: 700;
}
@keyframes stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
body.swal2-shown {
  overflow-y: hidden;
}

body.swal2-iosfix {
  position: fixed;
  left: 0;
  right: 0;
}

.swal2-container {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  background-color: transparent;
  z-index: 1060;
}

.swal2-container.swal2-fade {
  transition: background-color 0.1s;
}

.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.4);
}

.swal2-modal {
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  position: relative;
  max-width: 100%;
}

.swal2-modal:focus {
  outline: 0;
}

.swal2-modal.swal2-loading {
  overflow-y: hidden;
}

.swal2-modal .swal2-title {
  color: #595959;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0 0 0.4em;
  padding: 0;
  display: block;
  word-wrap: break-word;
}

.swal2-modal .swal2-buttonswrapper {
  margin-top: 15px;
}

.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
  cursor: no-drop;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
  box-sizing: border-box;
  border: 4px solid transparent;
  border-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 7.5px;
  vertical-align: top;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  border-radius: 100%;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
  margin-left: 30px;
  margin-right: 30px;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  vertical-align: -1px;
  height: 15px;
  width: 15px;
  border: 3px solid #999;
  box-shadow: 1px 1px 1px #fff;
  border-right-color: transparent;
  border-radius: 50%;
  animation: rotate-loading 1.5s linear 0s infinite normal;
}

.swal2-modal .swal2-styled {
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 15px 5px 0;
  padding: 10px 32px;
}

.swal2-modal .swal2-styled:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
}

.swal2-modal .swal2-image {
  margin: 20px auto;
  max-width: 100%;
}

.swal2-modal .swal2-close {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  width: 38px;
  height: 40px;
  font-size: 36px;
  line-height: 40px;
  font-family: serif;
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  color: #ccc;
  transition: color 0.1s ease;
}

.swal2-modal .swal2-close:hover {
  color: #d55;
}

.swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea {
  display: none;
}

.swal2-modal .swal2-content {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #545454;
  word-wrap: break-word;
}

.swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea {
  margin: 20px auto;
}

.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  transition: border-color 0.3s, box-shadow 0.3s;
}

.swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 1px solid #b4dbed;
  box-shadow: 0 0 3px #c4e6f5;
}

.swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-modal .swal2-range input {
  float: left;
  width: 80%;
}

.swal2-modal .swal2-range output {
  float: right;
  width: 20%;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.swal2-modal .swal2-range input, .swal2-modal .swal2-range output {
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
  margin: 20px auto;
  padding: 0;
}

.swal2-modal .swal2-input {
  height: 43px;
  padding: 0 12px;
}

.swal2-modal .swal2-input[type=number] {
  max-width: 150px;
}

.swal2-modal .swal2-file {
  font-size: 20px;
}

.swal2-modal .swal2-textarea {
  height: 108px;
  padding: 12px;
}

.swal2-modal .swal2-select {
  color: #545454;
  font-size: inherit;
  padding: 5px 10px;
  min-width: 40%;
  max-width: 100%;
}

.swal2-modal .swal2-radio {
  border: 0;
}

.swal2-modal .swal2-radio label:not(:first-child) {
  margin-left: 20px;
}

.swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {
  vertical-align: middle;
}

.swal2-modal .swal2-radio input {
  margin: 0 3px 0 0;
}

.swal2-modal .swal2-checkbox {
  color: #545454;
}

.swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span {
  vertical-align: middle;
}

.swal2-modal .swal2-validationerror {
  background-color: #f0f0f0;
  margin: 0 -20px;
  overflow: hidden;
  padding: 10px;
  color: gray;
  font-size: 16px;
  font-weight: 300;
  display: none;
}

.swal2-modal .swal2-validationerror::before {
  content: "!";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
.swal2-icon {
  width: 80px;
  height: 80px;
  border: 4px solid transparent;
  border-radius: 50%;
  margin: 20px auto 30px;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  display: block;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  transform: rotate(45deg);
  left: 17px;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  transform: rotate(-45deg);
  right: 16px;
}

.swal2-icon.swal2-warning {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f8bb86;
  border-color: #facea8;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-info {
  font-family: "Open Sans", sans-serif;
  color: #3fc3ee;
  border-color: #9de0f6;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-question {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #87adbd;
  border-color: #c9dae1;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0 60px;
}

.swal2-icon.swal2-success .swal2-success-ring {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.swal2-icon.swal2-success .swal2-success-fix {
  width: 7px;
  height: 90px;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg);
}

.swal2-progresssteps {
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0;
}

.swal2-progresssteps li {
  display: inline-block;
  position: relative;
}

.swal2-progresssteps .swal2-progresscircle {
  background: #3085d6;
  border-radius: 2em;
  color: #fff;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  z-index: 20;
}

.swal2-progresssteps .swal2-progresscircle:first-child {
  margin-left: 0;
}

.swal2-progresssteps .swal2-progresscircle:last-child {
  margin-right: 0;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
  background: #3085d6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
  background: #add8e6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
  background: #add8e6;
}

.swal2-progresssteps .swal2-progressline {
  background: #3085d6;
  height: 0.4em;
  margin: 0 -1px;
  z-index: 10;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
.swal2-show {
  animation: showSweetAlert 0.3s;
}

.swal2-show.swal2-noanimation {
  animation: none;
}

.swal2-hide {
  animation: hideSweetAlert 0.15s forwards;
}

.swal2-hide.swal2-noanimation {
  animation: none;
}
@keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
.swal2-animate-success-line-tip {
  animation: animate-success-tip 0.75s;
}

.swal2-animate-success-line-long {
  animation: animate-success-long 0.75s;
}

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
  animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
.swal2-animate-error-icon {
  animation: animate-error-icon 0.5s;
}
@keyframes animate-x-mark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.swal2-animate-x-mark {
  animation: animate-x-mark 0.5s;
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

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

.select2-results {
  display: block;
}

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

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

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

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

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

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

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

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

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

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

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

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

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

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

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

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

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

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

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

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

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

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

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

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

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

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

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

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

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*
Template Name: Adminto Dashboard
Author: CoderThemes
Email: coderthemes$gmail.com
File: Core
*/
/*
Template Name: UBold Dashboard
Author: CoderThemes
Email: coderthemes$gmail.com
File: Core
*/
/* =============
  == Core List==

   - Common
   - Helper classes
   - Extra
   - Bootstrap Custom
   - Animation (Some loader)
   - Waves effect
   - Print (Invoice css)

============= */
/* =============
   Common
============= */
body {
  background: #ffffff;
  color: #525252 !important;
  font-family: "Manrope", sans-serif;
  margin: 0;
  padding-bottom: 60px;
  overflow-x: hidden;
  font-size: 14px;
}

html {
  position: relative;
  min-height: 100%;
  background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "Karla", sans-serif;
}

h1 {
  line-height: 43px;
  font-size: 36px;
}

h2 {
  line-height: 35px;
  font-size: 30px;
}

h3 {
  line-height: 30px;
  font-size: 24px;
}

h3 small {
  color: #444444;
}

h4 {
  line-height: 22px;
  font-size: 18px;
}

h4 small {
  color: #444444;
}

h5 {
  font-size: 15px;
}

h5 small {
  color: #444444;
}

h6 {
  font-size: 12px;
}

p {
  line-height: 1.6;
}

* {
  outline: none !important;
}

b {
  font-weight: 600;
}

a:hover {
  outline: 0;
  text-decoration: none;
}

a:active {
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

.container {
  width: auto;
}

.container-alt {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Footer */
.footer {
  border-top: 1px solid rgba(152, 166, 173, 0.2);
  bottom: 0px;
  color: #98a6ad;
  text-align: left !important;
  padding: 19px 30px 20px;
  position: absolute;
  right: 0px;
  left: 240px;
}

#wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.page {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

/* Page titles */
.page-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 70px;
  font-weight: 600;
}

.header-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 8px;
  margin-top: 0;
  font-family: "Karla", sans-serif;
}

/* =============
   Helper clasess
============= */
.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-r-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.m-h-40 {
  min-height: 40px;
}

.m-h-50 {
  min-height: 50px;
}

.l-h-34 {
  line-height: 34px;
}

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

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

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

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

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

.wrapper-md {
  padding: 20px;
}

.pull-in {
  margin-left: -20px;
  margin-right: -20px;
}

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

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

.bx-shadow {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

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

.mx-box {
  max-height: 380px;
  min-height: 380px;
}

.thumb-sm {
  height: 32px;
  width: 32px;
}

.thumb-md {
  height: 48px;
  width: 48px;
}

.thumb-lg {
  height: 88px;
  width: 88px;
}

.thumb-xl {
  height: 120px;
  width: 120px;
}

.add-new-plus {
  height: 32px;
  text-align: center;
  width: 32px;
  display: block;
  line-height: 32px;
  color: #98a6ad;
  font-weight: 700;
  background-color: #ebeff2;
  border-radius: 50%;
}

/* =============
   Extras
============= */
/* Table type box */
.table-box {
  display: table;
  height: 100%;
  width: 100%;
}

.table-box .table-detail {
  display: table-cell;
  vertical-align: middle;
}

/* Card Box */
.card-box {
  padding: 20px;
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: #ffffff;
}

.card-box .card-drop {
  color: #98a6ad;
  font-size: 20px;
  height: 20px;
  line-height: 1px;
  display: inline-block;
}

/* Grid page */
.grid-structure .grid-container {
  background-color: #f4f8fb;
  margin-bottom: 10px;
  padding: 10px 20px;
}

/* Demo only */
.icon-list-demo div {
  cursor: pointer;
  line-height: 45px;
  white-space: nowrap;
  color: #75798b;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.icon-list-demo div p {
  margin-bottom: 0;
  line-height: inherit;
}

.icon-list-demo i {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  vertical-align: middle;
  width: 40px;
}

.icon-list-demo .col-md-4 {
  border-radius: 3px;
}

.icon-list-demo .col-md-4:hover {
  background-color: rgba(113, 182, 249, 0.07);
}

.button-list {
  margin-left: -8px;
  margin-bottom: -12px;
}

.button-list .btn {
  margin-bottom: 12px;
  margin-left: 8px;
}

.demo-dropdown {
  position: static;
  display: block;
  margin-bottom: 5px;
  clear: left;
}

#static-modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block;
}

/* Switchery demo */
.switchery-demo .switchery {
  margin-bottom: 10px;
}

/* =============
   Bootstrap-custom
============= */
.row {
  margin-right: -10px;
  margin-left: -10px;
}

.container,
.container-fluid,
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 768px) {
  .row {
    margin-right: -8px;
    margin-left: -8px;
  }
  .container,
  .container-fluid,
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .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-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .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-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .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-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .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-auto {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.breadcrumb {
  background-color: transparent;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-left: 0;
}

.blockquote {
  font-size: 16px;
}

.card {
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  border: none;
}

/* Dropdown */
.dropdown-menu {
  padding: 4px 0;
  font-size: 14px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}

.dropdown-menu-animated {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  margin-top: 20px !important;
}

.show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #435966;
  text-decoration: none;
  background-color: #eeeeee;
}

.dropdown-item {
  padding: 6px 1.5rem;
}

.dropdown-lg {
  width: 260px;
}

.arrow-none:after {
  border: none;
  margin: 0;
  display: none;
}

/* Background colors */
.bg-custom {
  background-color: #fc7e14 !important;
}

.bg-primary {
  background-color: #188ae2 !important;
}

.bg-success {
  background-color: #10c469 !important;
}

.bg-info {
  background-color: #35b8e0 !important;
}

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

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

.bg-muted {
  background-color: #f4f8fb !important;
}

.bg-inverse {
  background-color: #3b3e47 !important;
}

.bg-purple {
  background-color: #5b69bc !important;
}

.bg-pink {
  background-color: #ff8acc !important;
}

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

.bg-lightdark {
  background-color: #f4f8fb !important;
}

/* Text colors */
.text-custom {
  color: #fc7e14 !important;
}

.text-white {
  color: #ffffff !important;
}

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

.text-muted {
  color: #98a6ad !important;
}

.text-primary {
  color: #188ae2 !important;
}

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

.text-success {
  color: #10c469 !important;
}

.text-info {
  color: #35b8e0 !important;
}

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

.text-pink {
  color: #ff8acc !important;
}

.text-purple {
  color: #5b69bc !important;
}

.text-dark {
  color: #797979 !important;
}

/* Form components */
label {
  font-weight: 500;
}

textarea.form-control {
  min-height: 90px;
}

.form-control {
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  font-size: 14px;
  max-width: 100%;
  box-shadow: none;
  transition: all 300ms linear;
}

.form-control:focus {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  box-shadow: none;
  outline: 0 !important;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.input-group-btn .btn {
  padding: 8px 12px;
}

.input-group-btn .btn-sm {
  padding: 5px 10px;
}

.input-group-btn .btn-lg {
  padding: 10px 17px;
}

select[multiple] {
  height: auto;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #188ae2;
  background-color: #188ae2;
}

/* Badge */
.badge {
  font-weight: 500;
  padding: 3px 5px;
  font-size: 12px;
  margin-top: 1px;
  color: #ffffff;
}

.badge-xs {
  font-size: 9px;
}

.badge-xs,
.badge-sm {
  transform: translate(0, -2px);
}

.badge-primary {
  background-color: #188ae2;
}

.badge-success {
  background-color: #10c469;
}

.badge-info {
  background-color: #35b8e0;
}

.badge-warning {
  background-color: #f9c851;
}

.badge-danger {
  background-color: #ff5b5b;
}

.badge-purple {
  background-color: #5b69bc;
}

.badge-pink {
  background-color: #ff8acc;
}

.badge-inverse {
  background-color: #3b3e47;
}

/* Pagination/ Pager */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination > li > a,
.pagination > li > span {
  color: #636e7b;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #e4e7ea;
}

.pagination-split li {
  margin-left: 5px;
  float: left;
}

.pagination-split li:first-child {
  margin-left: 0;
}

.pagination-split li a {
  border-radius: 3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.page-item.active .page-link {
  background-color: #fc7e14;
  border-color: #fc7e14;
}

.pager li > a,
.pager li > span {
  border-radius: 3px;
  color: #636e7b;
}

/* Tabs */
.tab-content {
  padding: 20px;
  border: 2px solid #eeeeee;
  border-top: none;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:focus,
.nav-tabs > .active > a:hover {
  border: 2px solid #eeeeee !important;
  border-bottom-color: #ffffff !important;
}

.nav-tabs {
  border-bottom: 2px solid #eeeeee;
}

.nav-tabs > li {
  margin-bottom: -2px;
}

.nav-tabs a {
  color: #435966;
  font-size: 15px;
  font-weight: 600;
  font-family: "Karla", sans-serif;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #f4f8fb;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: #eeeeee;
}

/* List group */
.list-group-item {
  border: 1px solid #ebeff2;
  border-left: none;
  border-right: none;
}

.list-group-item:hover {
  background-color: rgba(152, 166, 173, 0.1);
}

.list-group-item:first-child {
  border-top: none;
}

.list-group-item:last-child {
  border-bottom: none;
}

.list-no-border .list-group-item {
  border: none;
}

/* Dropcap */
.dropcap {
  font-size: 3.1em;
}

.dropcap,
.dropcap-circle,
.dropcap-square {
  display: block;
  float: left;
  font-weight: 400;
  line-height: 36px;
  margin-right: 6px;
  text-shadow: none;
}

/* Alert */
.alert .btn {
  margin-top: 10px;
}

.alert-success {
  background-color: rgba(95, 190, 170, 0.3);
  border-color: rgba(95, 190, 170, 0.4);
  color: #5fbeaa;
}

.alert-info {
  background-color: rgba(52, 211, 235, 0.2);
  border-color: rgba(52, 211, 235, 0.3);
  color: #35b8e0;
}

.alert-warning {
  background-color: rgba(255, 189, 74, 0.2);
  border-color: rgba(255, 189, 74, 0.3);
  color: #f9c851;
}

.alert-danger {
  background-color: rgba(240, 80, 80, 0.2);
  border-color: rgba(240, 80, 80, 0.3);
  color: #ff5b5b;
}

/* Modals */
.modal .modal-dialog .modal-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #dddddd;
  border-radius: 2px;
  box-shadow: none;
  padding: 25px;
}

.modal .modal-dialog .modal-content .modal-header {
  border-bottom-width: 2px;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 20px 0;
}

.modal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  padding-top: 15px;
}

.modal-full {
  width: 98%;
}

.modal-content .nav.nav-tabs + .tab-content {
  margin-bottom: 0px;
}

.modal-content .panel-group {
  margin-bottom: 0px;
}

.modal-content .panel {
  border-top: none;
}

/* Custom-modal */
.modal-demo {
  background-color: #fff;
  width: 600px;
  border-radius: 4px;
  display: none;
}

.modal-demo .close {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #eeeeee;
}

.custom-modal-title {
  padding: 15px 25px 15px 25px;
  line-height: 22px;
  font-size: 18px;
  background-color: #36404a;
  color: #ffffff;
  text-align: left;
  margin: 0px;
}

.custom-modal-text {
  padding: 20px;
}

.custombox-modal-flash .close,
.custombox-modal-rotatedown .close {
  top: 20px;
  z-index: 9999;
}

/* Tabs-Accordions */
.tabs-vertical-env .tab-content {
  margin-bottom: 0px;
}

.table > thead > tr > td.middle-align,
.table > tbody > tr > td.middle-align,
.table > .tfood > tr > td.middle-align,
.table > thead > tr > th.middle-align,
.table > tbody > tr > th.middle-align,
.table > .tfood > tr > th.middle-align {
  vertical-align: middle;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #fc7e14;
  border-color: #fc7e14;
}

.nav-pills > .active > a > .badge {
  color: #fc7e14;
}

.has-success .form-control {
  border-color: #10c469;
  box-shadow: none !important;
}

.has-warning .form-control {
  border-color: #f9c851;
  box-shadow: none !important;
}

.has-error .form-control {
  border-color: #ff5b5b;
  box-shadow: none !important;
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid #eeeeee;
}

/* Tooltips */
.tooltip-inner {
  border-radius: 1px;
  padding: 6px 10px;
}

.jqstooltip {
  box-sizing: content-box;
  width: auto !important;
  height: auto !important;
}

/* Popover */
.popover {
  font-family: inherit;
  border-radius: 3px;
}

.popover .popover-header {
  background-color: transparent;
  color: #fc7e14;
  font-weight: 600;
  margin: 0;
}

/* Code */
code {
  color: #188ae2;
  background-color: #f4f8fb;
  border-radius: 4px;
}

/* Pre */
pre {
  background-color: #f4f8fb;
  border: 1px solid #d4d8da;
}

/* Carousel */
.carousel-control {
  width: 10%;
}

.carousel-control span {
  position: absolute;
  top: 50%;
  /* pushes the icon in the middle of the height */
  z-index: 5;
  display: inline-block;
  font-size: 30px;
}

/* Owl */
.slider-bg {
  background-size: cover !important;
  padding: 5.5% 4.5%;
}

/* Media */
.media {
  margin-bottom: 20px;
}

.media .media-heading {
  font-weight: 600;
  font-size: 16px;
}

.media:last-of-type {
  margin-bottom: 0;
}

/* =============
   Animation
============= */
/* Progressbar Animated */
@keyframes animationProgress {
  from {
    width: 0;
  }
}
/* Portlets loader */
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: transform, opacity;
  transform: scale(0);
  pointer-events: none;
}

.waves-notransition {
  transition: none !important;
}

.waves-circle {
  transform: translateZ(0);
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-block {
  display: block;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-custom .waves-ripple {
  background-color: rgba(113, 182, 249, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(24, 138, 226, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(16, 196, 105, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(53, 184, 224, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(249, 200, 81, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(255, 91, 91, 0.4);
}

.waves-effect.waves-pink .waves-ripple {
  background-color: rgba(255, 138, 204, 0.4);
}

.waves-effect.purple .waves-ripple {
  background-color: rgba(91, 105, 188, 0.2);
}

.waves-effect.waves-inverse .waves-ripple {
  background-color: rgba(59, 62, 71, 0.4);
}

/* =============
   Print css
============= */
@media print {
  .page-title-box,
  .topbar-left,
  .hidden-print,
  .breadcrumb,
  .page-title,
  .footer,
  .topbar {
    display: none;
    margin: 0;
    padding: 0;
  }
  .left,
  .right-bar {
    display: none;
  }
  .content {
    margin-top: 0 !important;
    padding-top: 0;
  }
  .content-page {
    margin-left: 0 !important;
    margin-top: 0;
  }
}
/* =============
   Buttons
============= */
.btn {
  border-radius: 2px;
  padding: 6px 14px;
  font-size: 14px;
  box-shadow: none !important;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px !important;
  font-size: 16px;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px !important;
  font-size: 12px;
}

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

.btn-group.open .dropdown-toggle {
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}

.btn-custom,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {
  color: #ffffff !important;
  border-radius: 6px !important;
}

.btn-custom {
  background-color: #fc7e14;
  border-color: #fc7e14;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom {
  background-color: #fc9038 !important;
  border-color: #fc9038 !important;
}

.btn-primary {
  background-color: #188ae2 !important;
  border: 1px solid #188ae2 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: #167ccb !important;
  border: 1px solid #167ccb !important;
}

.btn-success {
  background-color: #10c469 !important;
  border: 1px solid #10c469 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  background-color: #0eac5c !important;
  border: 1px solid #0eac5c !important;
}

.btn-info {
  background-color: #35b8e0 !important;
  border: 1px solid #35b8e0 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  background-color: #21afda !important;
  border: 1px solid #21afda !important;
}

.btn-warning {
  background-color: #f9c851 !important;
  border: 1px solid #f9c851 !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  background-color: #f8c038 !important;
  border: 1px solid #f8c038 !important;
}

.btn-danger {
  background-color: #ff5b5b !important;
  border: 1px solid #ff5b5b !important;
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  background-color: #ff4242 !important;
  border: 1px solid #ff4242 !important;
}

.btn-inverse {
  background-color: #3b3e47 !important;
  border: 1px solid #3b3e47 !important;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open > .dropdown-toggle.btn-inverse {
  background-color: #2f3239 !important;
  border: 1px solid #2f3239 !important;
}

.btn-purple {
  background-color: #5b69bc !important;
  border: 1px solid #5b69bc !important;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
  background-color: #4a59b4 !important;
  border: 1px solid #4a59b4 !important;
}

.btn-pink {
  background-color: #ff8acc !important;
  border: 1px solid #ff8acc !important;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active {
  background-color: #ff71c1 !important;
  border: 1px solid #ff71c1 !important;
}

.btn-bordred {
  border-bottom: 3px solid transparent;
}

.btn-bordred.btn-secondary {
  background-color: #727b84;
  border-bottom: 2px solid #616971 !important;
}

.btn-bordred.btn-custom {
  background-color: #fc7e14;
  border-bottom: 2px solid #4fa4f8 !important;
}

.btn-bordred.btn-primary {
  border-bottom: 2px solid #1576c2 !important;
}

.btn-bordred.btn-success {
  border-bottom: 2px solid #0da357 !important;
}

.btn-bordred.btn-info {
  border-bottom: 2px solid #20a8d1 !important;
}

.btn-bordred.btn-warning {
  border-bottom: 2px solid #f7b820 !important;
}

.btn-bordred.btn-danger {
  border-bottom: 2px solid #ff2828 !important;
}

.btn-bordred.btn-inverse {
  border-bottom: 2px solid #0d0d0f !important;
}

.btn-bordred.btn-purple {
  border-bottom: 2px solid #4755ad !important;
}

.btn-bordred.btn-pink {
  border-bottom: 2px solid #ff66bc !important;
}

.btn-rounded {
  border-radius: 2em;
  padding: 6px 18px;
}

.btn-trans.btn-custom {
  border: 1px solid rgba(212, 153, 37, 0.1) !important;
  background-color: rgba(212, 153, 37, 0.15) !important;
  color: #fc7e14 !important;
}

.btn-trans.btn-secondary {
  border: 1px solid rgba(114, 123, 132, 0.1) !important;
  background-color: rgba(114, 123, 132, 0.15) !important;
  color: #727b84 !important;
}

.btn-trans.btn-primary {
  border: 1px solid rgba(24, 138, 226, 0.1) !important;
  background-color: rgba(24, 138, 226, 0.15) !important;
  color: #188ae2 !important;
}

.btn-trans.btn-success {
  border: 1px solid rgba(16, 196, 105, 0.1) !important;
  background-color: rgba(16, 196, 105, 0.15) !important;
  color: #10c469 !important;
}

.btn-trans.btn-info {
  border: 1px solid rgba(53, 184, 224, 0.1) !important;
  background-color: rgba(53, 184, 224, 0.15) !important;
  color: #35b8e0 !important;
}

.btn-trans.btn-warning {
  border: 1px solid rgba(249, 200, 81, 0.1) !important;
  background-color: rgba(249, 200, 81, 0.15) !important;
  color: #f9c851 !important;
}

.btn-trans.btn-danger {
  border: 1px solid rgba(255, 91, 91, 0.1) !important;
  background-color: rgba(255, 91, 91, 0.15) !important;
  color: #ff5b5b !important;
}

.btn-trans.btn-inverse {
  border: 1px solid rgba(59, 62, 71, 0.1) !important;
  background-color: rgba(59, 62, 71, 0.15) !important;
  color: #3b3e47 !important;
}

.btn-trans.btn-purple {
  border: 1px solid rgba(91, 105, 188, 0.1) !important;
  background-color: rgba(91, 105, 188, 0.15) !important;
  color: #5b69bc !important;
}

.btn-trans.btn-pink {
  border: 1px solid rgba(255, 138, 204, 0.1) !important;
  background-color: rgba(255, 138, 204, 0.15) !important;
  color: #ff8acc !important;
}

/* File Upload */
.fileupload {
  overflow: hidden;
  position: relative;
}

.fileupload input.upload {
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* Social Buttons */
.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
}

.btn-twitter {
  color: #ffffff !important;
  background-color: #00aced !important;
}

.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb6 !important;
}

.btn-dribbble {
  color: #ffffff !important;
  background-color: #ea4c89 !important;
}

.btn-googleplus {
  color: #ffffff !important;
  background-color: #dd4b39 !important;
}

.btn-instagram {
  color: #ffffff !important;
  background-color: #517fa4 !important;
}

.btn-pinterest {
  color: #ffffff !important;
  background-color: #cb2027 !important;
}

.btn-dropbox {
  color: #ffffff !important;
  background-color: #007ee5 !important;
}

.btn-flickr {
  color: #ffffff !important;
  background-color: #ff0084 !important;
}

.btn-tumblr {
  color: #ffffff !important;
  background-color: #32506d !important;
}

.btn-skype {
  color: #ffffff !important;
  background-color: #00aff0 !important;
}

.btn-youtube {
  color: #ffffff !important;
  background-color: #bb0000 !important;
}

.btn-github {
  color: #ffffff !important;
  background-color: #171515 !important;
}

/* =============
   Checkbox and Radios
============= */
.checkbox {
  padding-left: 5px;
}

.checkbox label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.checkbox label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #98a6ad;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -17px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}

.checkbox label::after {
  color: #98a6ad;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -17px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: 0;
  width: 16px;
}

.checkbox input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}

.checkbox input[type=checkbox]:disabled + label {
  opacity: 0.65;
}

.checkbox input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}

.checkbox input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "FontAwesome";
}

.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox.checkbox-single input {
  height: 18px;
  width: 18px;
  position: absolute;
}

.checkbox.checkbox-single label {
  height: 18px;
  width: 18px;
}

.checkbox.checkbox-single label:before {
  margin-left: 0;
}

.checkbox.checkbox-single label:after {
  margin-left: 0;
}

.checkbox-custom input[type=checkbox]:checked + label::before {
  background-color: #fc7e14;
  border-color: #fc7e14;
}

.checkbox-custom input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: #188ae2;
  border-color: #188ae2;
}

.checkbox-primary input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-danger input[type=checkbox]:checked + label::before {
  background-color: #ff5b5b;
  border-color: #ff5b5b;
}

.checkbox-danger input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-info input[type=checkbox]:checked + label::before {
  background-color: #35b8e0;
  border-color: #35b8e0;
}

.checkbox-info input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-warning input[type=checkbox]:checked + label::before {
  background-color: #f9c851;
  border-color: #f9c851;
}

.checkbox-warning input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-success input[type=checkbox]:checked + label::before {
  background-color: #10c469;
  border-color: #10c469;
}

.checkbox-success input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-purple input[type=checkbox]:checked + label::before {
  background-color: #5b69bc;
  border-color: #5b69bc;
}

.checkbox-purple input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-pink input[type=checkbox]:checked + label::before {
  background-color: #ff8acc;
  border-color: #ff8acc;
}

.checkbox-pink input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

.checkbox-inverse input[type=checkbox]:checked + label::before {
  background-color: #3b3e47;
  border-color: #3b3e47;
}

.checkbox-inverse input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

/* Radios */
.radio label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
  font-weight: 400;
  font-size: 13px;
}

.radio label::before {
  -o-transition: border 0.5s ease-in-out;
  -webkit-transition: border 0.5s ease-in-out;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #98a6ad;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: border 0.5s ease-in-out;
  width: 17px;
  outline: none !important;
}

.radio label::after {
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -webkit-transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  background-color: #98a6ad;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  height: 11px;
  left: 3px;
  margin-left: -20px;
  position: absolute;
  top: 3px;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  width: 11px;
}

.radio input[type=radio] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}

.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}

.radio input[type=radio]:focus + label::before {
  outline-offset: -2px;
  outline: 5px auto -webkit-focus-ring-color;
  outline: thin dotted;
}

.radio input[type=radio]:checked + label::after {
  transform: scale(1, 1);
}

.radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio.radio-single label {
  height: 17px;
}

.radio-custom input[type=radio] + label::after {
  background-color: #fc7e14;
}

.radio-custom input[type=radio]:checked + label::before {
  border-color: #fc7e14;
}

.radio-custom input[type=radio]:checked + label::after {
  background-color: #fc7e14;
}

.radio-primary input[type=radio] + label::after {
  background-color: #188ae2;
}

.radio-primary input[type=radio]:checked + label::before {
  border-color: #188ae2;
}

.radio-primary input[type=radio]:checked + label::after {
  background-color: #188ae2;
}

.radio-danger input[type=radio] + label::after {
  background-color: #ff5b5b;
}

.radio-danger input[type=radio]:checked + label::before {
  border-color: #ff5b5b;
}

.radio-danger input[type=radio]:checked + label::after {
  background-color: #ff5b5b;
}

.radio-info input[type=radio] + label::after {
  background-color: #35b8e0;
}

.radio-info input[type=radio]:checked + label::before {
  border-color: #35b8e0;
}

.radio-info input[type=radio]:checked + label::after {
  background-color: #35b8e0;
}

.radio-warning input[type=radio] + label::after {
  background-color: #f9c851;
}

.radio-warning input[type=radio]:checked + label::before {
  border-color: #f9c851;
}

.radio-warning input[type=radio]:checked + label::after {
  background-color: #f9c851;
}

.radio-success input[type=radio] + label::after {
  background-color: #10c469;
}

.radio-success input[type=radio]:checked + label::before {
  border-color: #10c469;
}

.radio-success input[type=radio]:checked + label::after {
  background-color: #10c469;
}

.radio-purple input[type=radio] + label::after {
  background-color: #5b69bc;
}

.radio-purple input[type=radio]:checked + label::before {
  border-color: #5b69bc;
}

.radio-purple input[type=radio]:checked + label::after {
  background-color: #5b69bc;
}

.radio-pink input[type=radio] + label::after {
  background-color: #ff8acc;
}

.radio-pink input[type=radio]:checked + label::before {
  border-color: #ff8acc;
}

.radio-pink input[type=radio]:checked + label::after {
  background-color: #ff8acc;
}

/* X Editable */
.editable-checklist label {
  display: block;
}

/* =============
   Cards
============= */
.card-title,
.card-header {
  margin-top: 0;
  font-weight: 700;
}

.card-draggable-placeholder {
  border: 2px dashed rgba(67, 89, 102, 0.5);
  margin-bottom: 16px;
  background-color: rgba(67, 89, 102, 0.08);
}

/* =============
   Progressbars
============= */
.progress {
  -webkit-box-shadow: none !important;
  background-color: #ebeff2;
  box-shadow: none !important;
  height: 10px;
  margin-bottom: 18px;
  overflow: hidden;
}

.progress-bar {
  box-shadow: none;
  font-size: 8px;
  font-weight: 600;
  line-height: 12px;
}

.progress.progress-sm {
  height: 5px !important;
}

.progress.progress-sm .progress-bar {
  font-size: 8px;
  line-height: 5px;
}

.progress.progress-md {
  height: 15px !important;
}

.progress.progress-md .progress-bar {
  font-size: 10.8px;
  line-height: 14.4px;
}

.progress.progress-lg {
  height: 20px !important;
}

.progress.progress-lg .progress-bar {
  font-size: 12px;
  line-height: 20px;
}

.progress-bar-primary {
  background-color: #188ae2;
}

.progress-bar-success {
  background-color: #10c469;
}

.progress-bar-info {
  background-color: #35b8e0;
}

.progress-bar-warning {
  background-color: #f9c851;
}

.progress-bar-danger {
  background-color: #ff5b5b;
}

.progress-bar-inverse {
  background-color: #3b3e47;
}

.progress-bar-purple {
  background-color: #5b69bc;
}

.progress-bar-pink {
  background-color: #ff8acc;
}

.progress-bar-custom {
  background-color: #fc7e14;
}

/* Custom progressbars */
.progress-bar-custom-alt {
  background-color: rgba(113, 182, 249, 0.2);
}

.progress-bar-primary-alt {
  background-color: rgba(24, 138, 226, 0.2);
}

.progress-bar-success-alt {
  background-color: rgba(16, 196, 105, 0.2);
}

.progress-bar-info-alt {
  background-color: rgba(53, 184, 224, 0.2);
}

.progress-bar-warning-alt {
  background-color: rgba(249, 200, 81, 0.2);
}

.progress-bar-danger-alt {
  background-color: rgba(255, 91, 91, 0.2);
}

.progress-bar-purple-alt {
  background-color: rgba(91, 105, 188, 0.2);
}

.progress-bar-inverse-alt {
  background-color: rgba(59, 62, 71, 0.2);
}

.progress-bar-pink-alt {
  background-color: rgba(255, 138, 204, 0.2);
}

.progress-animated {
  -webkit-animation-duration: 5s;
  -webkit-animation-name: animationProgress;
  -webkit-transition: 5s all;
  animation-duration: 5s;
  animation-name: animationProgress;
  transition: 5s all;
}

/* Progressbar Vertical */
.progress-vertical {
  min-height: 250px;
  height: 250px;
  width: 10px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
}

.progress-vertical .progress-bar {
  width: 100%;
}

.progress-vertical-bottom {
  min-height: 250px;
  height: 250px;
  position: relative;
  width: 10px;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
}

.progress-vertical-bottom .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.progress-vertical.progress-sm,
.progress-vertical-bottom.progress-sm {
  width: 5px !important;
}

.progress-vertical.progress-sm .progress-bar,
.progress-vertical-bottom.progress-sm .progress-bar {
  font-size: 8px;
  line-height: 5px;
}

.progress-vertical.progress-md,
.progress-vertical-bottom.progress-md {
  width: 15px !important;
}

.progress-vertical.progress-md .progress-bar,
.progress-vertical-bottom.progress-md .progress-bar {
  font-size: 10.8px;
  line-height: 14.4px;
}

.progress-vertical.progress-lg,
.progress-vertical-bottom.progress-lg {
  width: 20px !important;
}

.progress-vertical.progress-lg .progress-bar,
.progress-vertical-bottom.progress-lg .progress-bar {
  font-size: 12px;
  line-height: 20px;
}

/* =============
   Tables
============= */
.table {
  margin-bottom: 10px;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f4f8fb !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table-bordered {
  border-color: #ebeff2;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #ebeff2;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-color: #ebeff2;
}

.table-bordered {
  border-color: #ebeff2;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #32383e !important;
}

table.focus-on tbody tr.focused th {
  background-color: #fc7e14;
  color: #ffffff;
}

table.focus-on tbody tr.focused td {
  background-color: #fc7e14;
  color: #ffffff;
}

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid #fc7e14 !important;
  outline-offset: -1px;
  background-color: rgba(113, 182, 249, 0.15);
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #fc7e14;
}

/* Responsive Table */
.table-rep-plugin .dropdown-menu li.checkbox-row {
  padding: 2px 15px !important;
}

.table-rep-plugin .table-responsive {
  border: none !important;
}

.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}

.table-rep-plugin .checkbox-row {
  padding-left: 40px;
}

.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}

.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #98a6ad;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}

.table-rep-plugin .checkbox-row label::after {
  color: #f3f3f3;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}

.table-rep-plugin .checkbox-row input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label {
  opacity: 0.65;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "FontAwesome";
}

.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {
  background-color: #ffffff;
  border-color: #fc7e14;
}

.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  color: #fc7e14;
}

.table-rep-plugin table.focus-on tbody tr.focused th,
.table-rep-plugin table.focus-on tbody tr.focused td,
.table-rep-plugin .sticky-table-header {
  background: #fc7e14;
  color: #ffffff;
  border-color: #fc7e14;
}

.table-rep-plugin .sticky-table-header {
  top: 70px !important;
}

.table-rep-plugin .btn-default {
  background-color: #ffffff;
  border: 1px solid rgba(67, 89, 102, 0.3);
}

.table-rep-plugin .btn-group.pull-right {
  float: right;
}

.table-rep-plugin .btn-group.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}

.modal-block {
  background: transparent;
  margin: 40px auto;
  max-width: 600px;
  padding: 0;
  position: relative;
  text-align: left;
}

/* editable table */
#datatable-editable .actions a {
  padding: 5px;
}

#datatable-editable .form-control {
  background-color: #ffffff;
  width: 100%;
}

#datatable-editable .fa-trash-o {
  color: #ff5b5b;
}

#datatable-editable .fa-times {
  color: #ff5b5b;
}

#datatable-editable .fa-pencil {
  color: #10c469;
}

#datatable-editable .fa-save {
  color: #10c469;
}

/* Data tables */
#datatable td {
  font-weight: normal;
}

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

div.dataTables_paginate ul.pagination {
  margin-top: 30px;
}

div.dataTables_info {
  padding-top: 38px;
}

.dt-buttons {
  float: left;
}

div#datatable-buttons_info {
  float: left;
}

/* Responsive data table */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  box-shadow: 0 0 3px fade(#435966, 20%);
  background-color: #188ae2;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #ff5b5b;
}

/* Fixed table */
.fixedHeader-floating {
  top: 70px !important;
}

/* Key Table */
table.dataTable th.focus,
table.dataTable td.focus {
  outline: 3px solid #fc7e14 !important;
  outline-offset: -1px;
}

/* Tablesaw */
.tablesaw thead {
  background: #ebeff2;
  background-image: none;
  border: none;
}

.tablesaw thead th {
  text-shadow: none;
  letter-spacing: 0.06em;
}

.tablesaw thead tr:first-child th {
  padding-top: 1.1em;
  padding-bottom: 0.9em;
}

.tablesaw thead tr:first-child th {
  font-weight: 600;
  font-family: inherit;
  border: none;
}

.tablesaw td,
.tablesaw tbody th {
  font-size: inherit;
  line-height: inherit;
  padding: 10px !important;
}

.tablesaw-stack tbody tr,
.tablesaw tbody tr {
  border-bottom: none;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  font-family: FontAwesome;
  font-size: 10px;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\f176";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\f175";
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  font-size: 8px;
  padding-right: 10px;
}

.tablesaw-swipe .tablesaw-cell-persist {
  box-shadow: none;
}

.tablesaw-enhanced .tablesaw-bar .btn {
  text-shadow: none;
  background-image: none;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
  background: #ffffff;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:active {
  color: #188ae2 !important;
  background-color: #ebeff2;
  outline: none !important;
  box-shadow: none !important;
  background-image: none;
}

/* =============
   Widgets
============= */
.widget-chart-1 .widget-chart-box-1 {
  float: left;
}

.widget-chart-1 .widget-detail-1 {
  text-align: right;
  margin-left: 80px;
  min-height: 77px;
}

.widget-box-2 .widget-detail-2 {
  text-align: right;
}

.widget-box-2 .widget-detail-2 .badge {
  padding: 5px 10px;
}

.widget-user {
  min-height: 112px;
}

.widget-user img {
  height: 72px;
  float: left;
}

.widget-user .wid-u-info {
  margin-left: 90px;
}

.widget-user .wid-u-info p,
.widget-user .wid-u-info h4 {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Inbox-widget */
.inbox-widget .inbox-item {
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

.inbox-widget .inbox-item .inbox-item-img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 40px;
}

.inbox-widget .inbox-item img {
  width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
  color: #333333;
  display: block;
  margin: 0;
}

.inbox-widget .inbox-item .inbox-item-text {
  color: #98a6ad;
  display: block;
  font-size: 12px;
  margin: 0;
}

.inbox-widget .inbox-item .inbox-item-date {
  color: #98a6ad;
  font-size: 11px;
  position: absolute;
  right: 7px;
  top: 2px;
}

/*
Template Name: Adminto Dashboard
Author: CoderThemes
Email: coderthemes$gmail.com
File: Pages
*/
/* =============
  == Pages List==

   - Calendar
   - Form Elements
   - Notification
   - Range slider
   - Sweet Alert
   - Charts
   - Timelines
   - Count down
   - Gallery
   - Maintenance
   - Maps
   - Tree view page
   - Tour page
   - Pricing
   - Taskboard & Task detail
   - Projects
   - Account pages
   - Inbox
   - Profile

============= */
/* =============
   Calendar
============= */
.calendar {
  float: left;
  margin-bottom: 0px;
}

.fc-view {
  margin-top: 30px;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin-bottom: 5px;
  margin-top: 15px;
}

.fc-toolbar h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.fc-day {
  background: #ffffff;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}

.fc-widget-header {
  border: 1px solid #ebeff2;
}

.fc-widget-content {
  border: 1px solid #ebeff2;
}

.fc th.fc-widget-header {
  background: #ebeff2;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0px;
  text-transform: uppercase;
}

.fc-button {
  background: #ffffff;
  border: 1px solid #ebeff2;
  color: #555555;
  text-transform: capitalize;
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 16px;
}

.fc-state-hover {
  background: #f3f3f3;
}

.fc-state-highlight {
  background: #f0f0f0;
}

.fc-cell-overlay {
  background: #f0f0f0;
}

.fc-unthemed .fc-today {
  background: #ffffff;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center;
}

.external-event {
  color: #ffffff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
  padding-right: 5px;
}

.fc-content {
  color: #ffffff;
}

/* =============
   Form Advanced
============= */
.error p {
  color: #ff5b5b;
  font-size: 12px;
  font-weight: 500;
}

/* X-Editable */
.editable-click,
a.editable-click,
a.editable-click:hover {
  border: none;
}

/* Bootstrap tagsinput */
.bootstrap-tagsinput {
  box-shadow: none;
  padding: 3px 7px 6px;
  border: 1px solid #e3e3e3;
  width: 100%;
}

.bootstrap-tagsinput .label-info {
  background-color: #fc7e14;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  margin: 3px 1px;
  border-radius: 3px;
}

/* Multiple */
.ms-container {
  background: transparent url("../images/multiple-arrow.png") no-repeat 50% 50%;
}

.ms-container .ms-list {
  box-shadow: none;
  border: 1px solid #e3e3e3;
}

.ms-container .ms-list.ms-focus {
  box-shadow: none;
  border: 1px solid #aaaaaa;
}

.ms-container .ms-selectable li.ms-elem-selectable {
  border: none;
  padding: 5px 10px;
}

.ms-container .ms-selection li.ms-elem-selection {
  border: none;
  padding: 5px 10px;
}

/* Select 2 */
.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 1px solid #ebebeb;
  height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 12px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #c8c8c8 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #c8c8c8 transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 1px solid #e1e1e1;
}

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: #fbfbfb;
}

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

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

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

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

.select2-container .select2-selection--multiple {
  min-height: 38px;
  border: 1px solid #e1e1e1 !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px;
}

.select2-container .select2-selection--multiple .select2-search__field {
  margin-top: 7px;
  border: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #fc7e14;
  border: 1px solid transparent;
  color: #ffffff;
  border-radius: 3px;
  padding: 0 7px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #ffffff;
  margin-right: 5px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #ffffff;
}

/* Bootstrap-select */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.bootstrap-select .glyphicon {
  padding-right: 6px;
}

/* Form validation */
.parsley-error {
  border-color: #ff5b5b !important;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #ff5b5b;
}

/* Datepicker */
.datepicker {
  padding: 8px;
}

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

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #fc7e14;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #fc7e14 !important;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background-color: #fafafa;
}

.datepicker-inline {
  border: 2px solid #eeeeee;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #188ae2;
  border-color: #188ae2;
}

.daterangepicker .input-mini.active {
  border: 1px solid #aaaaaa;
}

.daterangepicker .ranges li {
  border-radius: 2px;
  color: #435966;
  font-weight: 600;
  font-size: 12px;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  border: 1px solid #e3e3e3;
  padding: 2px;
  width: 60px;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background-color: #188ae2;
  border: 1px solid #188ae2;
}

.search-input {
  margin-bottom: 10px;
}

.ms-selectable {
  box-shadow: none;
  outline: none !important;
}

.ms-container .ms-list.ms-focus {
  box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover {
  background-color: #188ae2;
}

.ms-container .ms-selection li.ms-hover {
  background-color: #188ae2;
}

/* Timepicker */
.bootstrap-timepicker-widget table td a:hover {
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  color: #188ae2;
  text-decoration: none;
}

.bootstrap-timepicker-widget table td input {
  border: none;
}

/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #435966;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid rgba(67, 89, 102, 0.15);
}

.bootstrap-touchspin .input-group-btn:not(:first-child) > .btn,
.bootstrap-touchspin .input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

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

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

/* Form wizard */
.navtab-wizard li:first-of-type a {
  border-left: none !important;
}

.navtab-wizard li:first-of-type a:hover,
.navtab-wizard li:first-of-type a:focus,
.navtab-wizard li:first-of-type a:active {
  border-left: none !important;
}

.navtab-wizard li:last-of-type a {
  border-right: none !important;
}

.navtab-wizard li:last-of-type a:hover,
.navtab-wizard li:last-of-type a:focus,
.navtab-wizard li:last-of-type a:active {
  border-right: none !important;
}

/* Wysiwig */
.mce-content-body p {
  color: #9398a0;
  font-size: 14px;
  font-weight: 300;
}

.mce-popover .mce-arrow:after {
  border-bottom-color: red;
}

.mce-popover .mce-colorbutton-grid {
  margin: 0px;
  border: 1px solid #d7dce5 !important;
  padding: 4px;
}

.mce-reset .mce-window-head {
  border-bottom: 1px solid #d7dce5;
}

.mce-reset .mce-window-head .mce-title {
  color: #707780;
  font-size: 16px;
  font-weight: 400;
}

.mce-reset .mce-textbox {
  border-radius: 0px;
  box-shadow: none;
  outline: 0;
  border-color: #d7dce5;
  height: 30px;
  font-weight: 300;
  line-height: 30px;
  color: #aaaaaa;
  font-size: 14px;
}

.mce-reset .mce-textbox:focus {
  box-shadow: none;
  border-color: #fc7e14;
}

.mce-reset .mce-checkbox .mce-ico {
  background-image: none;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #d7dce5;
}

.mce-reset .mce-checkbox .mce-label {
  color: #707780;
  font-size: 12px;
  font-weight: 400;
}

.mce-container {
  border-radius: 0px !important;
  border-width: 0px !important;
}

.mce-container .mce-menubar {
  background-color: #f2f4f7 !important;
  border: 1px solid #d7dce5 !important;
  padding: 2px;
}

.mce-container .mce-menubar .mce-btn button span {
  color: #707780;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.mce-container .mce-menubar .mce-btn button .mce-caret {
  border-top-color: #707780;
}

.mce-container .mce-menubar .mce-btn button:hover {
  background-color: #e8ebf1;
}

.mce-container .mce-menubar .mce-btn.mce-active button {
  background-color: #e8ebf1;
}

.mce-container .mce-btn {
  background-color: #d7dce5;
  background-image: none;
  outline: 0;
  border: 0px;
  border-radius: 0px;
}

.mce-container .mce-btn button {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
}

.mce-container .mce-btn:hover {
  background-color: #b8c1d1;
  background-image: none;
}

.mce-container .mce-primary {
  background-color: #fc7e14;
  background-image: none;
  outline: 0;
  border: 0px;
  border-radius: 0px;
}

.mce-container .mce-primary button {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
}

.mce-container .mce-primary:hover {
  background-color: #0c7cd5;
  background-image: none;
}

.mce-container .mce-toolbar-grp {
  background-color: #f2f4f7 !important;
  border: 1px solid #d7dce5 !important;
  border-top-width: 0px !important;
  padding: 6px;
}

.mce-container .mce-edit-area {
  border: 1px solid #d7dce5 !important;
  border-width: 0px 1px !important;
}

.mce-container .mce-statusbar {
  background-color: #f2f4f7 !important;
  border: 1px solid #d7dce5 !important;
}

.mce-container .mce-statusbar .mce-path .mce-path-item {
  color: #707780;
  font-size: 14px;
  font-weight: 400;
}

.mce-container .mce-widget {
  color: #9398a0;
  font-size: 14px;
  font-weight: 400;
  border-left: 1px solid transparent;
}

.mce-container .mce-btn-group {
  border: 1px solid #e9ecf2 !important;
}

.mce-container .mce-btn-group .mce-btn {
  box-shadow: none;
  background-image: none;
  background-color: #ffffff;
  border-width: 0px;
  border-radius: 0px !important;
}

.mce-container .mce-btn-group .mce-btn:hover,
.mce-container .mce-btn-group .mce-btn:focus {
  box-shadow: none;
  background-image: none;
  background-color: #ffffff;
}

.mce-container .mce-btn-group .mce-btn button span {
  color: #707780;
  font-size: 14px;
  font-weight: 300;
}

.mce-container .mce-btn-group .mce-btn button .mce-caret {
  color: #707780;
  font-size: 14px;
}

.mce-container .mce-ico {
  color: #707780;
  font-size: 14px;
}

.mce-container .mce-panel {
  background-image: none;
}

.mce-container.mce-menu {
  border: 1px solid #d7dce5 !important;
}

.mce-container.mce-menu .mce-menu-item {
  background-image: none;
}

.mce-container.mce-menu .mce-menu-item .mce-ico {
  color: #fc7e14;
  font-size: 14px;
}

.mce-container.mce-menu .mce-menu-item .mce-text {
  color: #707780;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.mce-container.mce-menu .mce-menu-item .mce-menu-shortcut {
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 300;
  text-transform: capitalize;
}

.mce-container.mce-menu .mce-menu-item:hover,
.mce-container.mce-menu .mce-menu-item:focus,
.mce-container.mce-menu .mce-menu-item.mce-selected {
  background-color: #fc7e14;
}

.mce-container.mce-menu .mce-menu-item:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item:focus .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item:hover .mce-text,
.mce-container.mce-menu .mce-menu-item:focus .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text,
.mce-container.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
.mce-container.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut {
  color: #ffffff;
}

.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-menu-shortcut {
  color: #aaaaaa;
}

.mce-container.mce-menu .mce-menu-item.mce-disabled:hover,
.mce-container.mce-menu .mce-menu-item.mce-disabled:focus,
.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected {
  background-color: #d7dce5;
}

.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-menu-shortcut,
.mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-menu-shortcut,
.mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-menu-shortcut {
  color: #ffffff;
}

.mce-container.mce-menu .mce-menu-item-sep {
  background-color: #d7dce5;
}

.mce-container.mce-menu .mce-menu-item-sep:hover {
  background-color: #d7dce5;
}

.mce-menubtn button {
  color: #435966 !important;
}

.mce-menu-item-normal.mce-active {
  background-color: #fc7e14 !important;
}

.mce-menu-item-normal.mce-active .mce-text {
  color: #ffffff !important;
}

/* =============
   Notification
============= */
#toast-container > div {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 1;
}

#toast-container > :hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 0.9;
}

.toast {
  background-color: #fc7e14;
}

.toast-success {
  background-color: rgba(16, 196, 105, 0.8);
  border: 2px solid #10c469;
}

.toast-error {
  background-color: rgba(255, 91, 91, 0.8);
  border: 2px solid #ff5b5b;
}

.toast-info {
  background-color: rgba(53, 184, 224, 0.8);
  border: 2px solid #35b8e0;
}

.toast-warning {
  background-color: rgba(249, 200, 81, 0.8);
  border: 2px solid #f9c851;
}

/* =========== */
/* Sweet Alert */
/* =========== */
.swal2-modal {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1) !important;
}

.swal2-modal .swal2-title {
  font-size: 28px;
}

.swal2-modal .swal2-content {
  font-size: 16px;
}

.swal2-modal .swal2-spacer {
  margin: 10px 0;
}

.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
  border: 2px solid #98a6ad;
  font-size: 16px;
  box-shadow: none !important;
}

.swal2-icon.swal2-question {
  color: #fc7e14;
  border-color: #fc7e14;
}

.swal2-icon.swal2-success {
  border-color: #10c469;
}

.swal2-icon.swal2-success .line,
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long],
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #10c469;
}

.swal2-icon.swal2-success .placeholder,
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: #10c469;
}

.swal2-icon.swal2-warning {
  color: #f9c851;
  border-color: #f9c851;
}

.swal2-icon.swal2-error {
  border-color: #ff5b5b;
}

.swal2-icon.swal2-error .line {
  background-color: #ff5b5b;
}

.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 2px solid #fc7e14;
}

/* =============
   Charts
============= */
/* Morris chart */
.morris-chart text {
  font-family: "Roboto", sans-serif !important;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 10px 12px;
  background: #435966;
  border: none;
  color: #ffffff !important;
  font-family: "Roboto", sans-serif !important;
}

.morris-hover.morris-default-style .morris-hover-point {
  color: #f4f8fb !important;
}

/* Morris chart Title */
.chart-detail-list li {
  margin: 0px 10px;
}

.chart-detail-list li h5 {
  font-weight: 600;
}

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

.jqstooltip {
  box-sizing: content-box;
}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart.chart-widget-pie {
  margin-top: 5px;
  margin-bottom: 5px;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-weight: 600;
  font-size: 18px;
  color: #435966;
}

.percent:after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

/* Flot chart */
#flotTip {
  padding: 8px 12px;
  background-color: #435966;
  z-index: 100;
  color: #ffffff;
  opacity: 0.9;
  font-size: 13px;
  border-radius: 3px;
}

.legend tr {
  height: 20px;
}

.legendLabel {
  padding-left: 5px !important;
  line-height: 10px;
  padding-right: 10px;
}

/* Sparkline chart */
.jqstooltip {
  background-color: #435966 !important;
  padding: 5px 10px !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  border-color: #435966 !important;
}

.jqsfield {
  font-size: 12px !important;
  line-height: 18px !important;
}

/* Chartist chart */
.ct-golden-section:before {
  float: none;
}

.ct-chart {
  max-height: 300px;
}

.ct-chart .ct-label {
  fill: #a3afb7;
  color: #a3afb7;
  font-size: 12px;
  line-height: 1;
}

.ct-grid {
  stroke: rgba(67, 89, 102, 0.15);
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #5b69bc;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #ff8acc;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f9c851;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #35b8e0;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #435966;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #188ae2;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #10c469;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #188ae2;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #ff8acc;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #35b8e0;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #fc7e14;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  background: #435966;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

/* Circliful charts */
.circliful-chart {
  margin: 0px auto;
}

.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
  font-size: 12px;
  font-weight: 600;
}

/* =============
   Count Down
============= */
.home-wrapper {
  margin: 10% 0px;
}

.home-text {
  font-weight: 600;
}

#count-down {
  margin-top: 50px;
}

#count-down .clock-presenter {
  height: 140px;
  line-height: 30px;
  padding: 0px 30px;
  text-align: center;
}

#count-down .clock-presenter .digit {
  margin-top: 20px;
  font-size: 60px;
  line-height: 60px;
  height: 60px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  position: relative;
  cursor: default;
}

#count-down .clock-presenter .note {
  position: relative;
  bottom: 0px;
  padding-top: 5px;
  cursor: default;
  font-size: 16px;
  opacity: 0.7;
}

@media (max-width: 992px) {
  #count-down .clock-presenter .digit {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  #count-down .clock-presenter {
    width: 50%;
    float: left;
  }
  #count-down .clock-presenter .digit {
    font-size: 36px;
  }
  #count-down .hours_dash {
    border-right: none;
  }
}
/* =============
   Timeline
============= */
.timeline {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  margin-bottom: 50px;
  position: relative;
  table-layout: fixed;
  width: 100%;
}

.timeline .time-show {
  margin-bottom: 30px;
  margin-right: -75px;
  margin-top: 30px;
  position: relative;
}

.timeline .time-show a {
  color: #ffffff;
}

.timeline:before {
  background-color: rgba(152, 166, 173, 0.3);
  bottom: 0px;
  content: "";
  left: 50%;
  position: absolute;
  top: 30px;
  width: 1px;
  z-index: 0;
}

.timeline .timeline-icon {
  -webkit-border-radius: 50%;
  background: #98a6ad;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 21px;
  left: -54px;
  margin-top: -11px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 21px;
}

.timeline .timeline-icon i {
  color: #ebeff2;
}

.timeline .time-icon:before {
  font-size: 16px;
  margin-top: 5px;
}

h3.timeline-title {
  color: #98a6ad;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.timeline-item {
  display: table-row;
}

.timeline-item:before {
  content: "";
  display: block;
  width: 50%;
}

.timeline-item .timeline-desk .arrow {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff !important;
  border-top: 8px solid transparent;
  display: block;
  height: 0;
  left: -7px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 0;
}

.timeline-item.alt:after {
  content: "";
  display: block;
  width: 50%;
}

.timeline-item.alt .timeline-desk .arrow-alt {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ffffff !important;
  border-top: 8px solid transparent;
  display: block;
  height: 0;
  left: auto;
  margin-top: -10px;
  position: absolute;
  right: -7px;
  top: 50%;
  width: 0;
}

.timeline-item.alt .timeline-desk .album {
  float: right;
  margin-top: 20px;
}

.timeline-item.alt .timeline-desk .album a {
  float: right;
  margin-left: 5px;
}

.timeline-item.alt .timeline-icon {
  left: auto;
  right: -56px;
}

.timeline-item.alt:before {
  display: none;
}

.timeline-item.alt .panel {
  margin-left: 0;
  margin-right: 45px;
}

.timeline-item.alt .panel .panel-body p + p {
  margin-top: 10px !important;
}

.timeline-item.alt h4 {
  text-align: right;
}

.timeline-item.alt p {
  text-align: right;
}

.timeline-item.alt .timeline-date {
  text-align: right;
}

.timeline-desk {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

.timeline-desk h4 {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

.timeline-desk .panel {
  background: #ffffff;
  display: block;
  margin-bottom: 5px;
  margin-left: 45px;
  position: relative;
  text-align: left;
  padding: 20px;
}

.timeline-desk h5 span {
  color: #797979;
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}

.timeline-desk p {
  color: #999999;
  font-size: 14px;
  margin-bottom: 0;
}

.timeline-desk .album {
  margin-top: 12px;
}

.timeline-desk .album a {
  float: left;
  margin-right: 5px;
}

.timeline-desk .album img {
  height: 36px;
  width: auto;
  border-radius: 3px;
}

.timeline-desk .notification {
  background: none repeat scroll 0 0 #ffffff;
  margin-top: 20px;
  padding: 8px;
}

/* =============
   Gallery
============= */
.portfolioFilter a {
  transition: all 0.3s ease-out;
  color: #333333;
  font-weight: 600;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.portfolioFilter a:hover {
  color: #fc7e14;
}

.portfolioFilter a.current {
  color: #fc7e14;
}

.thumb {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 100%;
}

.thumb-img {
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
}

.gal-detail h4 {
  margin-top: 16px;
  font-weight: 600;
  font-size: 16px;
  padding: 0px 5px;
}

.gal-detail p {
  padding: 0px 5px;
  font-size: 13px;
}

/* =============
   Maintenance
============= */
.icon-main {
  font-size: 88px;
  margin-bottom: 50px;
}

.maintenance-page {
  margin: 10% 0%;
}

/* =============
   Maps
============= */
.gmaps,
.gmaps-panaroma {
  height: 300px;
  background: #eeeeee;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #fc7e14;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #fc7e14;
}

.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #fc7e14;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 10px;
  height: 10px;
  line-height: 10px;
}

.jvectormap-zoomout {
  top: 40px;
}

/* =============
   Tree view page
============= */
.jstree-default .jstree-clicked {
  background: rgba(113, 182, 249, 0.4);
  box-shadow: none;
}

.jstree-default .jstree-hovered {
  background: rgba(113, 182, 249, 0.2);
  box-shadow: none;
}

.jstree-default .jstree-wholerow-clicked {
  background: rgba(113, 182, 249, 0.4);
}

.jstree-default .jstree-wholerow-hovered {
  background: rgba(113, 182, 249, 0.2);
}

.jstree-default .zmdi {
  font-size: 16px;
}

/* =============
   Tour page
============= */
div.hopscotch-bubble {
  border: 3px solid #188ae2;
  border-radius: 5px;
}

div.hopscotch-bubble .hopscotch-next {
  background-color: #188ae2 !important;
  background-image: none !important;
  border-color: #188ae2 !important;
  text-shadow: none !important;
  margin: 0 0 0 5px !important;
}

div.hopscotch-bubble .hopscotch-prev {
  background-color: #188ae2 !important;
  background-image: none !important;
  border-color: #188ae2 !important;
  text-shadow: none !important;
  color: #ffffff !important;
}

div.hopscotch-bubble .hopscotch-bubble-number {
  background: #fc7e14;
  padding: 0px;
  border-radius: 50%;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 19px solid #188ae2;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-left: 19px solid #188ae2;
  left: -2px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border: none;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 0px solid #188ae2;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 19px solid #188ae2;
  top: 0px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 0px solid rgba(0, 0, 0, 0.5);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 19px solid #188ae2;
  top: -2px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 0px solid rgba(0, 0, 0, 0.5);
}

/* =============
   Pricing
============= */
.pricing-column {
  position: relative;
  margin-bottom: 40px;
}

.pricing-column .inner-box {
  position: relative;
  padding: 0px 0px 50px;
}

.pricing-column .plan-header {
  position: relative;
  padding: 30px 20px 25px;
}

.pricing-column .plan-title {
  font-size: 16px;
  font-family: "Karla", sans-serif;
  margin-bottom: 10px;
  color: #188ae2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

.pricing-column .plan-price {
  font-size: 48px;
  font-family: "Karla", sans-serif;
  margin-bottom: 10px;
  color: #435966;
}

.pricing-column .plan-duration {
  font-size: 13px;
  color: #98a6ad;
}

.pricing-column .plan-stats {
  position: relative;
  padding: 30px 20px 15px;
}

.pricing-column .plan-stats li {
  margin-bottom: 15px;
  line-height: 24px;
}

.ribbon {
  position: absolute;
  left: 5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  background: #79a70a;
  background: linear-gradient(#3bafda 0%, #3bafda 100%);
  position: absolute;
  top: 19px;
  left: -21px;
}

.ribbon span:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #3bafda;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3bafda;
}

.ribbon span:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #3bafda;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3bafda;
}

/* =============
   Taskboard & Detail
============= */
.taskboard-box ul.task-list {
  min-height: 50px;
}

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

.kanban-box .checkbox-wrapper {
  float: left;
}

.kanban-box .checkbox-wrapper .checkbox {
  margin-top: 3px;
}

.kanban-box .kanban-detail {
  margin-left: 35px;
}

.kanban-box .kanban-detail h4 {
  margin-top: 0px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.kanban-box .kanban-detail h4 a {
  color: #435966;
}

.kanban-box .kanban-detail ul li a {
  display: inline-block;
}

.kanban-box .kanban-detail ul li a i {
  font-size: 16px;
  color: #98a6ad;
  padding: 0px 5px;
  line-height: 32px;
}

.gu-mirror {
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(67, 89, 102, 0.1) !important;
  margin-bottom: 0px !important;
  opacity: 1;
}

.gu-mirror .card-box {
  margin-bottom: 0px !important;
}

/* Task Detail */
.task-detail .task-dates li {
  width: 50%;
  float: left;
}

.task-detail .task-tags .bootstrap-tagsinput {
  padding: 0px;
  border: none;
}

.task-detail .assign-team a {
  display: inline-block;
  margin: 5px 5px 5px 0px;
}

.task-detail .files-list .file-box {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  padding: 2px;
  border-radius: 3px;
}

.task-detail .files-list .file-box img {
  line-height: 70px;
}

.task-detail .files-list .file-box p {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =============
   Projects
============= */
.project-sort-item .form-group {
  margin-right: 30px;
}

.project-sort-item .form-group:last-of-type {
  margin-right: 0px;
}

.project-box {
  position: relative;
}

.project-box .badge {
  position: absolute;
  right: 20px;
}

.project-box h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
  font-weight: 600;
}

.project-box ul li {
  padding-right: 30px;
}

.project-box .project-members a {
  margin: 3px;
  display: inline-block;
}

.project-box .project-members a:first-of-type {
  margin-left: 0px;
}

/* =============
   Accounts pages
============= */
.account-pages {
  background: url("../img/bg/default.jpg") center;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  background-size: cover;
}

.wrapper-page {
  margin: 5% auto;
  position: relative;
  display: flex;
  width: 448px;
}

.wrapper-page .card-box {
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

.wrapper-page .logo {
  font-size: 42px;
}

.panel-pages {
  border-radius: 6px;
}

.panel-pages .panel-body {
  padding: 30px;
}

.panel-pages .panel-heading {
  border-radius: 6px 6px 0px 0px;
  padding: 40px 20px;
  position: relative;
}

.panel-pages .panel-heading h3 {
  position: relative;
  z-index: 999;
}

.user-thumb {
  position: relative;
  z-index: 999;
}

.user-thumb img {
  height: 88px;
  margin: 0px auto;
  width: 88px;
}

.ex-page-content .text-error {
  color: #fc7e14;
  text-shadow: rgba(113, 182, 249, 0.3) 5px 1px, rgba(113, 182, 249, 0.2) 12px 3px, rgba(113, 182, 249, 0.3) 6px 4px;
  font-size: 98px;
  font-weight: 700;
  line-height: 150px;
}

.ex-page-content .text-error i {
  font-size: 78px;
  padding: 0 10px;
}

/* INBOX */
.inbox-app-main {
  margin-left: -20px;
}

.circle-icon {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border: 2px solid #98a6ad;
  border-radius: 100px;
  font-size: 14px;
  color: #98a6ad;
  cursor: pointer;
  display: block;
  float: left;
}

.circle-icon:hover {
  color: #6e818a;
  border-color: #6e818a;
}

.circle-icon.small {
  height: 25px;
  width: 25px;
  line-height: 23px;
  font-size: 11px;
}

.circle-icon.red {
  color: #ff5b5b;
  border-color: #ff5b5b;
}

.circle-icon.red:hover {
  color: #c10000;
  border-color: #c10000;
}

.checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #98a6ad;
  border-radius: 1px;
}

.checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
  display: none;
}

.checkbox-wrapper-mail input:checked ~ label {
  opacity: 1;
}

.checkbox-wrapper-mail label {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  cursor: pointer;
  background: #98a6ad;
  opacity: 0;
  margin-bottom: 0px !important;
  transition-duration: 0.05s;
}

.checkbox-wrapper-mail label:active {
  background: #87949b;
}

#sidebar {
  position: fixed;
  height: 100%;
  width: 240px;
  transition-duration: 0.3s;
  z-index: 5;
  color: #435966;
}

#sidebar a {
  color: #435966;
}

#sidebar .menu-segment {
  padding: 0 50px;
}

#sidebar .menu-segment ul,
#sidebar .menu-segment li {
  margin: 0;
  padding: 0;
}

#sidebar .menu-segment .ball.pink {
  border-color: #ff8acc;
}

#sidebar .menu-segment .ball.green {
  border-color: #10c469;
}

#sidebar .menu-segment .ball.blue {
  border-color: #188ae2;
}

#sidebar .menu-segment li.title {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
  color: #465162;
}

#sidebar .menu-segment li.title .icon {
  float: right;
}

#sidebar .menu-segment li.active a,
#sidebar .menu-segment li.active a:hover {
  color: #ff5b5b;
  font-weight: 600;
}

#sidebar .menu-segment li a {
  display: block;
  margin: 0 -50px;
  padding: 10px 50px;
}

#sidebar .menu-segment li a:hover {
  background: rgba(152, 166, 173, 0.3);
}

#sidebar .menu-segment li .italic-link {
  font-style: italic;
  font-weight: 600;
}

#sidebar .menu-segment .labels li a span,
#sidebar .menu-segment .chat li a span {
  display: block;
  border: 5px solid #ff5b5b;
  border-radius: 100px;
  margin-top: 6px;
}

#sidebar .menu-segment .labels.labels li a span,
#sidebar .menu-segment .chat.labels li a span {
  float: right;
}

#sidebar .menu-segment .labels.chat li a span,
#sidebar .menu-segment .chat.chat li a span {
  float: left;
  margin-right: 10px;
}

#sidebar .menu-segment .chat li a {
  padding-left: 50px;
}

#sidebar .separator {
  margin: 30px 35px;
  height: 1px;
  background: rgba(152, 166, 173, 0.5);
}

#sidebar .bottom-padding {
  height: 100px;
}

#sidebar > .nano-pane {
  background: transparent;
  width: 5px;
}

#sidebar > .nano-pane .nano-slider {
  background: rgba(152, 166, 173, 0.3);
}

#main {
  position: fixed;
  top: 72px;
  left: 490px;
  bottom: 0;
  right: 0;
  z-index: 4;
  transition-duration: 0.3s;
  background-color: #ffffff;
}

#main .overlay {
  position: absolute;
  top: 0;
  left: -5px;
  right: 0;
  bottom: 100%;
  background: rgba(67, 89, 102, 0.6);
  z-index: 5;
  opacity: 0;
  transition-duration: 0s;
  transition-property: opacity;
}

#main .header {
  padding: 20px 25px;
  border-bottom: 1px solid rgba(152, 166, 173, 0.3);
  overflow: hidden;
}

#main .header .page-title {
  display: block;
  float: left;
}

#main .header .page-title .sidebar-toggle-btn {
  width: 0;
  margin-top: 1px;
  padding: 11px 0 0 0;
  float: left;
  position: relative;
  display: block;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-delay: 0.5s;
  opacity: 0;
  margin-right: 0;
}

#main .header .page-title .sidebar-toggle-btn .line {
  height: 3px;
  display: block;
  background: #888;
  margin-bottom: 4px;
  transition-duration: 0.5s;
  transition-delay: 0.5s;
}

#main .header .page-title .sidebar-toggle-btn .line-angle1 {
  width: 8px;
  margin: 0;
  position: absolute;
  top: 15px;
  left: -11px;
  transform: rotate(-60deg);
}

#main .header .page-title .sidebar-toggle-btn .line-angle2 {
  width: 8px;
  margin: 0;
  position: absolute;
  top: 21px;
  left: -11px;
  transform: rotate(60deg);
}

#main .header .page-title .icon {
  font-size: 15px;
  margin-left: 20px;
  position: relative;
  top: -5px;
  cursor: pointer;
}

#main .header .search-box {
  width: 180px;
  height: 40px;
  margin-left: 30px;
  position: relative;
}

#main .header .search-box input {
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  height: 40px;
  z-index: 2;
  outline: none;
  color: #999;
  background: transparent;
  border: 2px solid #efefef;
  border-radius: 5px;
  transition-timing-function: cubic-bezier(0.3, 1.5, 0.6, 1);
}

#main .header .search-box input:focus {
  color: #333;
  border-color: #d6d6d6;
}

#main .header .search-box input:focus ~ .icon {
  opacity: 1;
  z-index: 3;
  color: #10c469;
}

#main .header .search-box .icon {
  transition-duration: 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  text-align: center;
  line-height: 40px;
  z-index: 1;
  cursor: pointer;
  opacity: 0.5;
}

#main .action-bar {
  padding: 5px;
  overflow: hidden;
}

#main .message-list {
  display: block;
  padding-left: 0;
}

#main .message-list li {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  cursor: default;
  transition-duration: 0.3s;
}

#main .message-list li:hover {
  background: rgba(152, 166, 173, 0.15);
  transition-duration: 0.05s;
}

#main .message-list li .mail-col {
  float: left;
  position: relative;
}

#main .message-list li .mail-col-1 {
  width: 400px;
}

#main .message-list li .mail-col-1 .star-toggle,
#main .message-list li .mail-col-1 .checkbox-wrapper-mail,
#main .message-list li .mail-col-1 .dot {
  display: block;
  float: left;
}

#main .message-list li .mail-col-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}

#main .message-list li .mail-col-1 .checkbox-wrapper-mail {
  margin-top: 15px;
  margin-right: 10px;
}

#main .message-list li .mail-col-1 .star-toggle {
  margin-top: 18px;
  font-size: 16px;
  margin-left: 5px;
}

#main .message-list li .mail-col-1 .title {
  position: absolute;
  top: 15px;
  left: 140px;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#main .message-list li .mail-col-2 {
  position: absolute;
  top: 0;
  left: 400px;
  right: 0;
  bottom: 0;
}

#main .message-list li .mail-col-2 .subject,
#main .message-list li .mail-col-2 .date {
  position: absolute;
  top: 0;
}

#main .message-list li .mail-col-2 .subject {
  left: 0;
  right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#main .message-list li .mail-col-2 .date {
  right: 0;
  width: 200px;
  padding-left: 80px;
}

#main .message-list li.active,
#main .message-list li.selected {
  background: rgba(152, 166, 173, 0.15);
  transition-duration: 0.05s;
}

#main .message-list li.active,
#main .message-list li.active:hover {
  box-shadow: inset 3px 0 0 #fc7e14;
}

#main .message-list li.unread {
  font-weight: 600;
  color: #555;
}

#main .message-list li.blue-dot .mail-col-1 .dot {
  border-color: #188ae2;
}

#main .message-list li.orange-dot .mail-col-1 .dot {
  border-color: #f9c851;
}

#main .message-list li.green-dot .mail-col-1 .dot {
  border-color: #10c469;
}

#main .load-more-link {
  display: block;
  text-align: center;
  margin: 30px 0 50px 0;
}

.show-main-overlay #main .overlay {
  opacity: 1;
  bottom: 0;
  transition-duration: 0.5s;
}

.show-sidebar #main .header .page-title .sidebar-toggle-btn {
  transition-delay: 0s;
}

.show-sidebar #main .header .page-title .sidebar-toggle-btn .line-angle1 {
  transform: rotate(-120deg);
}

.show-sidebar #main .header .page-title .sidebar-toggle-btn .line-angle2 {
  transform: rotate(120deg);
}

#main #main-nano-wrapper {
  position: absolute;
  top: 100px;
  bottom: 0;
  height: auto;
}

#message {
  position: fixed;
  top: 72px;
  left: 60%;
  bottom: 0;
  width: 40%;
  z-index: 5;
  transform: translateX(200%);
  transition-duration: 0.5s;
  padding: 20px 30px;
  background: #ffffff;
  box-shadow: 0 0px 77px 0 rgba(0, 0, 0, 0.08), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

#message .header {
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(152, 166, 173, 0.2);
}

#message .header .page-title {
  display: block;
  float: none;
  margin-bottom: 15px;
  line-height: 40px;
}

#message .header .page-title .icon {
  margin-top: 4px;
  margin-right: 10px;
}

#message .header .grey {
  margin-left: 10px;
  color: #999;
}

#message .message-container {
  padding: 0 30px;
}

#message .message-container li {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  margin: 0 0 30px 0;
  position: relative;
}

#message .message-container li .details {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  overflow: hidden;
}

#message .message-container li .details .left {
  float: left;
  font-weight: 600;
  color: #888;
  transition-duration: 0.3s;
}

#message .message-container li .details .left .arrow {
  display: inline-block;
  position: relative;
  height: 2px;
  width: 20px;
  background: rgba(0, 0, 0, 0.15);
  vertical-align: top;
  margin: 12px 20px 0 15px;
  border: 0px solid rgba(0, 0, 0, 0.15);
  transition-duration: 0.3s;
}

#message .message-container li .details .left .arrow:after {
  position: absolute;
  top: -4px;
  left: 100%;
  height: 0;
  width: 0;
  border: inherit;
  border-width: 7px;
  border-style: solid;
  content: "";
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
}

#message .message-container li .details .right {
  float: right;
  color: #999;
}

#message .message-container li .message {
  margin-bottom: 40px;
}

#message .message-container li .message p:last-child {
  margin-bottom: 0;
}

#message .message-container li:hover .tool-box .red-hover {
  color: #ff5b5b;
  border-color: #ff5b5b;
}

#message .message-container li:hover .tool-box .red-hover:hover {
  color: #f40000;
  border-color: #f40000;
}

#message .message-container li .tool-box {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0px solid #dddfe1;
  border-top-width: 1px;
  border-left-width: 1px;
  padding: 8px 10px;
  transition-duration: 0.3s;
}

#message .message-container li .tool-box a {
  margin-right: 10px;
}

#message .message-container li .tool-box a:last-child {
  margin-right: 0;
}

#message .message-container li:hover .details .left .arrow {
  background: #10c469;
  border: 0px solid #10c469;
}

#message .message-container li:hover .details .left .arrow.orange {
  background: #f9c851;
  border: 0px solid #f9c851;
}

.show-message #message {
  transition-duration: 0.3s;
}

#message #message-nano-wrapper {
  position: absolute;
  top: 130px;
  bottom: 0;
  height: auto;
  left: 0;
  right: 0;
  width: auto;
}

.show-message #message {
  transform: none;
}

.show-message #main {
  margin-right: 40%;
}

@media only screen and (min-width: 1499px) {
  #main .overlay {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  .show-message #main {
    margin-right: 0;
  }
  .show-message #message {
    left: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .show-sidebar #sidebar {
    transform: none;
  }
  .show-sidebar #main {
    transform: translateX(250px);
  }
  .show-message #main {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #sidebar {
    transform: translateX(-100%);
  }
  #main {
    left: 0;
    box-shadow: none;
  }
  #main .header .page-title .sidebar-toggle-btn {
    margin-right: 20px;
    opacity: 1;
    width: 20px;
    margin-left: 10px;
  }
  #main .header .page-title .sidebar-toggle-btn .line {
    height: 2px;
  }
  .show-sidebar #sidebar {
    transform: none;
  }
  .show-sidebar #main {
    transform: translateX(250px);
  }
  .show-message #main {
    margin-right: 0;
  }
  .show-message #message {
    left: 20%;
    width: 80%;
  }
}
@media only screen and (max-width: 600px) {
  #main .header .search-box {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0;
  }
  #main .action-bar {
    float: none;
  }
  .action-bar ul {
    margin-bottom: 0;
    text-align: center;
  }
  #main .header .search-box input,
  #main .header .search-box input:focus {
    width: 100%;
  }
  #main #main-nano-wrapper {
    position: absolute;
    top: 150px;
    bottom: 0;
    height: auto;
  }
  #main .message-list li .mail-col-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 120px;
    width: auto;
  }
  #main .message-list li .mail-col-2 {
    right: 0;
    left: auto;
    width: 120px;
  }
  #main .message-list li .mail-col-2 .date {
    padding-left: 0;
    position: static;
  }
  #main .message-list li .mail-col-2 .subject {
    display: none;
  }
}
/**
 * Nano scroll stuff
*/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano > .nano-content:focus {
  outline: none;
}

.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}

.nano > .nano-pane {
  background: rgba(152, 166, 173, 0.1);
  position: absolute;
  width: 7px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  visibility: hidden \9 ;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  border-radius: 5px;
  transition: 0.3s;
}

.nano > .nano-pane > .nano-slider {
  background: rgba(152, 166, 173, 0.35);
  position: relative;
  border-radius: 3px;
  transition: 0.3s;
  transition-property: background;
}

.nano > .nano-pane:hover > .nano-slider,
.nano > .nano-pane.active > .nano-slider {
  background: #a6a6a6;
}

.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible \9 ;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

/* Profile */
.bg-picture {
  padding: 30px;
}

.profile-info-name img {
  width: 200px;
  float: left;
  margin-right: 30px;
}

.profile-info-detail {
  overflow: hidden;
}

.profile-pills li a {
  color: rgba(67, 89, 102, 0.5) !important;
  padding: 0 10px;
  display: block;
  line-height: 30px !important;
}

.profile-pills li a i {
  font-size: 14px;
}

.comment {
  padding-top: 12px;
}

.comment .comment-avatar {
  position: relative;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
}

.comment .comment-body {
  float: none;
  margin-left: 40px;
  position: relative;
}

.comment .comment-text {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 7px 12px 8px;
}

.comment .comment-header {
  font-size: 12px;
  padding-bottom: 2px;
}

.comment .comment-header a {
  color: #435966;
  font-weight: bold;
}

.comment .comment-header span {
  color: #98a6ad;
  display: inline-block;
  font-size: 11px;
  margin-left: 5px;
}

.comment .comment-footer {
  display: block;
  font-size: 12px;
  padding: 4px 12px 0;
}

.comment .comment-footer i {
  font-size: 13px;
  margin-right: 7px;
}

.comment .comment-footer,
.comment .comment-footer a {
  color: rgba(67, 89, 102, 0.5);
}

.comment .comment-footer:hover,
.comment .comment-footer a:hover {
  color: #fc7e14;
}

.comment > .comment {
  margin-left: 32px !important;
}

/*
Template Name: Adminto Dashboard
Author: CoderThemes
Email: coderthemes$gmail.com
File: Menu
*/
.topbar {
  left: 0px;
  position: fixed;
  right: 0;
  top: 0px;
  z-index: 999;
}

.topbar .topbar-left {
  background: #ffffff;
  border-top: 3px solid #fc7e14;
  float: left;
  text-align: center;
  height: 73px;
  position: relative;
  width: 240px;
  z-index: 1;
}

.topbar .topbar-left .logo {
  line-height: 70px;
}

.navbar-default {
  background-color: #ffffff;
  border-radius: 0px;
  border: none;
  border-top: 3px solid #fc7e14;
  margin-bottom: 0px;
  padding: 0px 10px;
}

.navbar-default .navbar-left li {
  padding-right: 10px;
}

.navbar-default .button-menu-mobile {
  display: none;
}

.navbar-default .nav-link {
  padding: 0;
  line-height: 70px;
  color: rgba(67, 89, 102, 0.8);
}

.navbar-default .dropdown-toggle:after {
  content: initial;
}

.navbar-default .menu-left {
  overflow: hidden;
}

.navbar-default .topbar-right-menu li {
  float: left;
}

.logo {
  color: #188ae2 !important;
  font-size: 32px;
  font-family: "Rancho", cursive;
}

.logo i {
  display: none;
}

.logo span span {
  color: #10c469;
}

.user-box {
  text-align: center;
  padding: 30px 0px 20px 0px;
}

.user-box .user-img {
  position: relative;
  height: 88px;
  width: 88px;
  margin: 0px auto;
}

.user-box h5 a {
  color: #98a6ad;
}

.user-box .user-status {
  height: 12px;
  width: 12px;
  position: absolute;
  bottom: 7px;
  right: 15px;
}

.user-box .user-status i {
  font-size: 15px;
}

.user-box .user-status.away i {
  color: #f9c851;
}

.user-box .user-status.offline i {
  color: #ff5b5b;
}

.user-box .user-status.online i {
  color: #10c469;
}

.user-box .user-status.busy i {
  color: #98a6ad;
}

.user-box ul li a {
  color: #98a6ad;
}

.user-box ul li a:hover {
  color: #fc7e14;
}

.notification-box ul {
  max-height: 60px;
}

.notification-box ul li a {
  font-size: 26px;
  color: #435966;
  display: block;
  line-height: 70px;
}

.notification-box .noti-dot {
  position: relative;
  top: -45px;
}

.notification-box .pulse {
  width: 2px;
  height: 2px;
  border: 3px solid #ff5b5b;
  border-radius: 30px;
  background-color: #ff5b5b;
  z-index: 10;
  position: absolute;
  right: 6px;
}

.notification-box .dot {
  border: 4px solid #ff5b5b;
  background: transparent;
  border-radius: 60px;
  height: 30px;
  width: 30px;
  animation: pulse 3s ease-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: -12px;
  left: 2px;
  z-index: 1;
  opacity: 0;
}
.side-menu {
  top: 70px;
  width: 240px;
  z-index: 10;
  background: #fdfdfd;
  bottom: 0;
  margin-top: 0;
  padding-bottom: 30px;
  position: fixed;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

.side-menu .waves-effect .waves-ripple {
  background-color: rgba(113, 182, 249, 0.3);
}

.content-page {
  margin-left: 240px;
  overflow: hidden;
}

.content-page .content {
  padding: 0 10px;
  margin-top: 75px;
}

.button-menu-mobile {
  background: transparent;
  border: none;
  color: #435966;
  font-size: 21px;
  line-height: 68px;
}

.button-menu-mobile:hover {
  color: #fc7e14;
}

.sidebar-inner {
  height: 100%;
}

#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
  border: 0;
  font-weight: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
}

#sidebar-menu {
  width: 100%;
}

#sidebar-menu a {
  line-height: 1.3;
}

#sidebar-menu ul li .menu-arrow {
  transition: transform 0.15s;
  position: absolute;
  right: 20px;
  display: inline-block;
  font-family: "Material Design Icons";
  text-rendering: auto;
  line-height: 18px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

#sidebar-menu ul li .menu-arrow:before {
  content: "\f142";
}

#sidebar-menu ul li a.subdrop .menu-arrow {
  transform: rotate(90deg);
}

#sidebar-menu ul ul {
  display: none;
}

#sidebar-menu ul ul li {
  border-top: 0;
}

#sidebar-menu ul ul li.active a {
  color: #fc7e14;
}

#sidebar-menu ul ul a {
  color: #63747c;
  transition: all 0.3s ease-out;
  border-left: 3px solid transparent;
  display: block;
  padding: 10px 20px 10px 65px;
}

#sidebar-menu ul ul a:hover {
  color: #fc7e14;
}

#sidebar-menu ul ul a i {
  margin-right: 5px;
}

#sidebar-menu ul ul ul a {
  padding-left: 80px;
}

#sidebar-menu .label {
  margin-top: 2px;
}

#sidebar-menu .subdrop {
  border-left: 3px solid #fc7e14;
  color: #fc7e14 !important;
}

#sidebar-menu > ul > li > a {
  color: #525252;
  display: block;
  padding: 12px 20px;
  margin: 4px 0px;
  background-color: #ffffff;
  border-left: 3px solid transparent;
}

#sidebar-menu > ul > li > a:hover {
  color: #fc7e14;
  text-decoration: none;
}

#sidebar-menu > ul > li > a > span {
  font-size: 15px !important;
  vertical-align: middle;
}

#sidebar-menu ul li a i {
  display: inline-block;
  font-size: 18px;
  line-height: 17px;
  margin-left: 3px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

#sidebar-menu ul li a i.md {
  font-size: 18px;
}

#sidebar-menu ul li a .drop-arrow {
  float: right;
}

#sidebar-menu ul li a .drop-arrow i {
  margin-right: 0px;
}

#sidebar-menu > ul > li > a.active {
  border-left: 3px solid #fc7e14;
  color: #fc7e14 !important;
}

.menu-title {
  padding: 12px 20px !important;
  letter-spacing: 0.035em;
  pointer-events: none;
  cursor: default;
  font-size: 13px;
}

#wrapper.enlarged .menu-title,
#wrapper.enlarged .menu-arrow {
  display: none !important;
}

#wrapper.enlarged .user-box .user-img {
  height: 48px;
  width: 48px;
}

#wrapper.enlarged .user-box h5 {
  display: none;
}

#wrapper.enlarged #sidebar-menu ul ul {
  border: 2px solid #f4f8fb;
  margin-top: -5px;
  padding-top: 5px;
  z-index: 9999;
  background-color: #ffffff;
}

#wrapper.enlarged .left.side-menu {
  width: 70px;
  z-index: 5;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
  padding: 15px 20px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
  background: #f4f8fb !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
  background: #f4f8fb !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
  background: #f4f8fb !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
  margin-right: 20px !important;
  font-size: 20px;
}

#wrapper.enlarged .left.side-menu .label {
  position: absolute;
  top: 5px;
  left: 35px;
  text-indent: 0;
  display: block !important;
  padding: 0.2em 0.6em 0.3em !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
  position: relative;
  white-space: nowrap;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 260px;
  background: #f4f8fb;
  color: #fc7e14;
  border-color: #fc7e14;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
  background: #ffffff;
  box-shadow: none;
  padding-left: 15px;
  position: relative;
  width: 186px;
  z-index: 6;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
  color: #fc7e14;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
  display: inline;
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a {
  background: #ffffff;
  box-shadow: none;
  padding-left: 15px;
  position: relative;
  width: 186px;
  z-index: 6;
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a:hover {
  color: #fc7e14;
}

#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
  color: #fc7e14 !important;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
  display: none;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
  display: block;
  left: 190px;
  margin-top: -36px;
  position: absolute;
  width: 190px;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  position: absolute;
  right: 20px;
  top: 12px;
  transform: rotate(270deg);
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
  color: #fc7e14;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
  display: none;
  padding-left: 10px;
}

#wrapper.enlarged .left.side-menu .user-details {
  display: none;
}

#wrapper.enlarged .content-page {
  margin-left: 70px;
}

#wrapper.enlarged .footer {
  left: 70px;
}

#wrapper.enlarged .topbar .topbar-left {
  width: 70px !important;
}

#wrapper.enlarged .topbar .topbar-left .logo span {
  display: none;
  opacity: 0;
}

#wrapper.enlarged .topbar .topbar-left .logo i {
  display: block;
  line-height: 70px;
  color: #435966 !important;
}

#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open :after {
  display: none;
}

#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active :after {
  display: none;
}

#wrapper.right-bar-enabled .right-bar {
  right: 0;
}

#wrapper.right-bar-enabled .left-layout {
  left: 0;
}

/* Right sidebar */
.side-bar.right-bar {
  float: right !important;
  right: -266px;
  top: 0px;
}

.side-bar {
  -moz-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  background-color: #ffffff;
  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  display: block;
  float: left;
  height: 100%;
  position: fixed;
  transition: all 200ms ease-out;
  width: 240px;
}

.right-bar {
  background: #ffffff !important;
  z-index: 999 !important;
}

.right-bar h4 {
  border-bottom: 1px solid fade(#98a6ad, 50%);
  padding: 4px 10px 10px 18px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.right-bar .right-bar-toggle {
  float: right;
  line-height: 46px;
  font-size: 20px;
  color: #333;
  padding: 0 10px;
}

.notification-list {
  height: calc(100% - 50px);
}

.notification-list .list-group-item {
  border-bottom: 1px solid rgba(152, 166, 173, 0.2) !important;
  margin-bottom: 0;
}

.notification-list .list-group-item.active {
  background-color: rgba(152, 166, 173, 0.1);
}

.user-list .user-list-item .avatar {
  float: left;
  margin-right: 5px;
  width: 30px;
  height: 30px;
}

.user-list .user-list-item .avatar img {
  border-radius: 50%;
  width: 100%;
}

.user-list .user-list-item .icon {
  float: left;
  margin-right: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
}

.user-list .user-list-item .icon i {
  color: #ffffff;
  line-height: 30px;
  font-size: 16px;
}

.user-list .user-list-item .user-desc {
  margin-left: 40px;
}

.user-list .user-list-item .user-desc span.name {
  color: #435966;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
}

.user-list .user-list-item .user-desc span.desc {
  color: #98a6ad;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
}

.user-list .user-list-item .user-desc span.time {
  font-size: 11px;
  color: #fc7e14;
  font-style: italic;
}

/* Seach */
.app-search {
  position: relative;
}

.app-search button {
  position: absolute;
  background-color: transparent;
  border: none;
  top: 4px;
  right: 8px;
  color: rgba(152, 166, 173, 0.7);
}

.app-search button:hover {
  color: #98a6ad;
}

.app-search .form-control,
.app-search .form-control:focus {
  border: 1px solid rgba(152, 166, 173, 0.15);
  font-size: 13px;
  height: 34px;
  color: #435966;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 40px;
  margin-top: 18px;
  margin-left: 20px;
  background: rgba(152, 166, 173, 0.1);
  box-shadow: none;
  border-radius: 30px;
  width: 190px;
}

/*
Template Name: Adminto Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Responsive
*/
@media only screen and (max-width: 6000px) and (min-width: 700px) {
  .wrapper.right-bar-enabled .right-bar {
    right: 0;
    z-index: 99;
  }
}
@media (max-width: 1023px) {
  .button-menu-mobile {
    display: block !important;
  }
  .navbar-nav {
    margin: 0px;
    display: inline-block;
  }
  .navbar-nav li {
    display: inline-block;
    line-height: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }
}
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .enlarged .left.side-menu {
    margin-left: -75px;
  }
  .topbar-left {
    width: 70px !important;
  }
  .topbar-left span {
    display: none !important;
  }
  .topbar-left i {
    display: block !important;
    line-height: 75px !important;
  }
  .content-page .content {
    margin-top: 95px;
  }
  .topbar .topbar-left {
    height: 74px;
  }
  .navbar-default {
    background-color: #ffffff;
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
  }
  .navbar-nav.navbar-right {
    float: right;
  }
  .content-page {
    margin-left: 0px !important;
  }
  .footer {
    left: 0px !important;
  }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 240px;
    right: -240px;
  }
  .wrapper-page {
    width: 90%;
  }
  .dataTables_wrapper .col-xs-6 {
    width: 100%;
    text-align: left;
  }
  div#datatable-buttons_info {
    float: none;
  }
  .ms-container {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }
  .sidebar-inner {
    overflow: auto !important;
    height: 100%;
    bottom: 0;
  }
  .hide-phone {
    display: none !important;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .container-alt {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}
@media (max-width: 419px) {
  .topbar-left {
    width: 70px !important;
  }
  .logo .icon-c-logo {
    display: inline-block !important;
    line-height: 58px !important;
  }
  .logo span {
    display: none !important;
  }
  .wrapper-page .logo span {
    display: inline-block !important;
  }
  .content-page {
    margin-left: 70px;
  }
  .forced .side-menu.left {
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
  }
  .enlarged .side-menu.left {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
  }
  .page-title {
    font-size: 15px;
    line-height: 67px;
    max-width: 240px;
    white-space: nowrap;
  }
  .navbar-default {
    padding: 0px;
  }
  .navbar-default .navbar-left {
    padding-left: 0px !important;
  }
  .navbar-default .navbar-left li {
    padding: 0px 5px;
  }
  .topbar-left {
    display: none;
  }
  .editable-responsive {
    overflow-x: auto;
  }
  .profile-info-name img {
    float: none;
    margin: 0px auto;
    margin-bottom: 20px;
  }
  div.hopscotch-bubble .hopscotch-bubble-container {
    max-width: 180px;
  }
}
.analytic-frame {
  width: 100%;
  border: 0;
  outline: 0;
  height: calc(100svh - 224px);
}


/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/
/* Container Appearance */
.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
}

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

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

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: "";
}

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

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

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker .ranges,
.daterangepicker .calendar {
  float: left;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .ranges {
  margin: 4px;
  text-align: left;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* Calendars */
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar.left .calendar-table {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.daterangepicker .calendar.right .calendar-table {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.daterangepicker .calendar.left {
  margin: 4px 0 4px 4px;
}

.daterangepicker .calendar.right {
  margin: 4px 4px 4px 0;
}

.daterangepicker .calendar.left .calendar-table {
  padding-right: 12px;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #999;
  background: #fff;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker th.month {
  width: auto;
}

/* Text Input Above Each Calendar */
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #357ebd;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker .left .daterangepicker_input {
  padding-right: 12px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

/* Time Picker */
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* Predefined Ranges */
.daterangepicker .ranges {
  font-size: 11px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 160px;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.toast-title {
  font-weight: 700;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a, .toast-message label {
  color: #fff;
}

.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

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

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: #fc7e14;
  border: solid 2px rgba(95, 190, 170, 0.3);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}

.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  border-radius: 4px;
  border-color: #ddd;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
/*!
 * Datepicker for Bootstrap v1.4.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

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

.datepicker-dropdown {
  top: 0;
  left: 0;
}

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

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

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

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

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

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

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

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

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

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

.datepicker > div {
  display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}

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

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

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

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

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

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

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(top, #b3b3b3, gray);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: gray #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: gray;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #039 \9 ;
}

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

.datepicker table tr td span:hover {
  background: #eee;
}

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

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #039 \9 ;
}

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

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

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

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

.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

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

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

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

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=FC7E14&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

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

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #fc7e14;
  background: #fc7e14 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #444;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #444;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fc7e14;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #fc7e14;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #fc7e14;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../img/icon/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../img/icon/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../img/icon/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/icon/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("../img/icon/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../img/icon/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/icon/ui-icons_ffd27a_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

/* ==========================================================================
   Helper Index
   ========================================================================== */
/* ==========================================================================
   Mixin
   ========================================================================== */
/* text-indent-hide
  ========================================================================== */
/* ellipsis
  ========================================================================== */
/* multiline-ellipsis
  ========================================================================== */
/* Shadow
   ========================================================================== */
/* Radius
   ========================================================================== */
/* clearfix
    ========================================================================== */
/* remove-tap-highlight
  ========================================================================== */
/* scroll
  ========================================================================== */
/* placeholder-color
   ========================================================================== */
/* firefox-browser
  ========================================================================== */
/* ==========================================================================
   Functions
   ========================================================================== */
/* ==========================================================================
   Variable Index
   ========================================================================== */
/* ==========================================================================
   Variable: Screen
   ========================================================================== */
/* ==========================================================================
   Variable: Shadow
   ========================================================================== */
/* ==========================================================================
   Variable: Radius
   ========================================================================== */
/* ==========================================================================
   Mixin: Responsive
   ========================================================================== */
/* ==========================================================================
   Custom Index
   ========================================================================== */
/*/
 * Custom CSS
 * -----------------------------------------------------------------------------
/*/
.img-el {
  display: block;
  max-height: 160px;
}

.img-user-thumb,
.img-logo-thumb {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-user-thumb {
  max-height: 64px;
}

.img-logo-thumb {
  max-height: 48px;
}

.img-detail-static-thumb {
  display: block;
  max-height: 240px;
}

.img-content-preview {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
  border: solid 1px #ddd !important;
}

.p-b-10 {
  padding-bottom: 15px !important;
}

#collapseContent {
  margin-bottom: 15px !important;
}

.img-gallery-thumb {
  display: block;
  max-height: 96px;
}

.img-preview {
  margin-bottom: 10px;
}

.img-user-preview,
.img-logo-preview,
.img-thumb-preview,
.img-detail-preview,
.img-detail-static-preview,
.img-gallery-preview {
  display: block;
}

.img-user-preview {
  max-height: 160px;
}

.img-logo-preview {
  max-height: 80px;
}

.img-thumb-preview {
  max-height: 160px;
}

.img-detail-preview {
  width: 100%;
}

.img-detail-static-preview,
.img-gallery-preview {
  max-height: 160px;
}

.user-avatar {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767.98px) {
  .user-avatar {
    width: 32px;
    height: 32px;
  }
}

.user-avatar.avatar-rounded {
  border-radius: 50%;
  overflow: hidden;
}

.user-avatar__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.user-avatar.avatar-rounded .user-avatar__img {
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.user-history {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
  overflow: hidden;
}

.user-list .user-list-item .user-desc {
  margin-left: 52px;
}

.user-avatar--detail {
  width: 160px;
  height: 160px;
}

.user-img__el,
.user-history__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.user-img {
  border: solid 1px #ddd;
  padding: 2px;
  border-radius: 50%;
}

.user-img__el {
  border-radius: 50%;
  border: solid 1px #fc7e14;
}

.side-menu-dropdown a {
  padding-left: 58px !important;
  position: relative;
}

.side-menu-dropdown a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 42px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #435966;
}

.side-menu-dropdown .active a::before {
  background-color: #fc7e14;
}

.btn-icon {
  padding: 4px 8px !important;
  font-size: 16px !important;
}

.btn-sm {
  font-size: 18px !important;
}

.btn-default {
  background-color: #f9f9f9 !important;
  border-color: #ebebeb !important;
  color: #525252 !important;
  margin: 2px;
}

.btn {
  padding: 8px 16px;
  font-weight: normal !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.login-logo,
.dashboard-logo {
  display: inline-block;
}

.dashboard-logo {
  margin: 14px 0;
}

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

.login-logo img {
  height: 48px;
  display: block;
}

.dashboard-logo {
  margin: 20px 0;
}

.dashboard-logo img {
  height: 48px;
  display: block;
  margin: 0 auto;
}

.title-dashboard {
  font-size: 32px;
  line-height: 1.35;
}

.pagination {
  margin: 16px !important;
}

@media only screen and (max-width: 992px) {
  .topbar-left {
    height: 72px !important;
  }
  .dashboard-logo {
    margin: 29px 0;
  }
  .dashboard-logo img {
    height: 16px;
  }
  .title-dashboard {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .title-dashboard {
    font-size: 20px;
  }
}
.topbar .topbar-left {
  border-right: solid 1px #f4f4f4;
  background: #fdfdfd;
}

* .c-primary {
  color: #fc7e14;
}

.dropify-wrapper .parsley-errors-list {
  margin-top: 64px;
}

.input-group-icon {
  position: relative;
  padding-bottom: 20px;
}

.input-group-icon .parsley-errors-list {
  position: absolute;
  bottom: 0;
  left: 0;
}

.iframe-embed {
  width: 100%;
  max-width: 640px;
  height: 360px;
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}

body .mce-container .mce-toolbar-grp {
  border-top-width: 1px !important;
}

@media screen and (max-width: 480px) {
  .iframe-embed {
    height: 240px;
  }
  .side-menu {
    z-index: 9999 !important;
  }
}
.card-box {
  position: relative;
  padding: 16px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: none !important;
  border: solid 1px #f4f4f4;
}

.widget-chart-box-1 {
  font-size: 48px;
}

.widget-detail-1 {
  margin-bottom: 16px;
}

.widget-footer {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  display: block;
  padding: 4px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.widget-footer a {
  display: block;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.say-icon {
  position: relative;
  height: 48px;
  width: 48px;
  display: inline-block;
  background-color: #fc7e14;
  color: #fff;
}

.say-text {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sidebar-menu ul li.has_sub a.active + ul {
  display: block;
}

#sidebar-menu ul ul a.active {
  color: #fc7e14;
}

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

.facility {
  margin-bottom: 24px;
}

.facility .custom-control-label {
  cursor: pointer;
}

.facility-item {
  margin-bottom: 8px;
}

.facility-item .custom-control-label {
  font-weight: 400;
}

.facility-item:last-child {
  margin-bottom: 0;
}

.facility .custom-control {
  position: relative;
  padding-left: 32px;
}

.facility .custom-control-label {
  position: static;
}

.facility .custom-control-label::before,
.facility .custom-control-label::after {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}

body {
  padding-bottom: 0;
}

body .content-page {
  padding-bottom: 64px;
}

.wrapper-page {
  margin: 0;
  padding: 32px 24px;
  min-height: 100vh;
  min-height: 100svh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper-page.login {
  padding: 80px !important;
  justify-content: start !important;
}

.wrapper-page .card-box {
  width: 100%;
  max-width: 420px;
}

.input-group-icon {
  padding-bottom: 0;
}

/* .topbar .topbar-left {
  background-color: #333;
  border-bottom: solid 1px #000;
}

.side-menu {
  background-color: #333;
}
  */
#sidebar-menu > ul > li > a,
#sidebar-menu ul ul a {
  background-color: #fdfdfd !important;
}

.side-menu {
  padding-top: 24px;
  box-shadow: none !important;
  border-right: solid 1px #f4f4f4;
}

.text-content span {
  color: #fc7e14;
}

.user-profile {
  margin-bottom: 0;
}

.user-img {
  border: solid 1px #eee;
  padding: 2px;
  border-radius: 50%;
}

.user-img__el {
  border-radius: 50%;
  border: solid 1px #fc7e14;
  width: 40px;
  height: 40px;
}

.user-name,
.user-img__el {
  display: inline-block;
  vertical-align: middle;
}

.user-name {
  margin-bottom: 0;
  color: #435966;
  margin-right: 12px;
}

.navbar {
  border-bottom: solid 1px #f4f4f4;
}

.navbar-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content {
  margin-top: 88px !important;
}

.page-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  color: #fc7e14;
  font-family: "Manrope", sans-serif;
}

.dashboard-logo.mobile {
  display: none;
  margin: 0;
}
.dashboard-logo.mobile img {
  height: 32px;
}
@media screen and (max-width: 767px) {
  .dashboard-logo.mobile {
    display: block;
  }
}

.card-box-table {
  padding: 0;
}

.card-box-table .dataTables_wrapper {
  padding: 0 !important;
}

.table th {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-color: #fdfdfd;
}

.table.dataTable {
  margin: 0 !important;
  border-collapse: collapse !important;
}

.table.dataTable .dtr-details {
  width: 100%;
}

.btn-custom {
  border-radius: 6px !important;
}

.modal-content {
  padding: 0 !important;
  border-radius: 16px !important;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 16px 20px !important;
}

.modal-header {
  border-bottom: solid 1px #f4f4f4 !important;
}

.modal-title {
  margin: 0 !important;
}

.error label {
  font-size: 14px;
  color: #212529;
}

.error .form-control {
  border-color: #ff5b5b;
}

.form-alert {
  display: none;
  margin-top: 8px;
  margin-bottom: 0;
}

.error .form-alert {
  display: block;
  width: 100%;
}

.form-control {
  height: auto !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

.col-form-label {
  color: #525252 !important;
  padding-top: 0 !important;
  font-weight: normal !important;
}

.datatable-custom .dataTables_filter {
  display: none;
}

/* CAMERA AREA */
.camera-wrapper {
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}

.camera-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}

.camera-controls {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .camera-controls {
    right: 0;
  }
}

.btn-capture,
.btn-gallery,
.btn-switch {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: white;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.2s;
}

.btn-capture i,
.btn-gallery i,
.btn-switch i {
  font-size: 24px;
}

.btn-capture {
  background: #ff7a00;
  color: white;
  width: 56px;
  height: 56px;
}

.btn-capture i {
  font-size: 28px;
}

.btn-capture:hover,
.btn-gallery:hover,
.btn-switch:hover {
  transform: scale(1.1);
}

.btn-gallery,
.btn-switch {
  background: #6c757d;
  color: white;
}

/* PHOTO PREVIEW GRID */
.photo-wrapper {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  width: 100%;
}

.photo-box {
  align-items: center;
  width: 128px;
  height: 128px;
  border: 1px dashed #e4e4e4;
  border-radius: 10px;
  font-size: 12px;
  padding: 8px;
  color: #525252;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.photo-box-full .photo-box {
  width: auto;
  flex: 1;
}

.photo-box-icon,
.photo-box-text {
  display: block;
  text-align: center;
}

.photo-box-icon {
  font-size: 22px;
  margin-bottom: 4px;
}

.photo-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.camera-box {
  border-style: solid;
  background: #fafafa;
}

.photo-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;
}

.photo-actions {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: flex;
  gap: 6px;
}

.reset-padding-left {
  padding-left: 0 !important;
}

/* Very small screens: keep 2 columns but reduce gap and padding */
@media (max-width: 767.98px) {
  .photo-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .photo-box {
    width: 100%;
    height: 120px; /* opsional, biar lebih pas di HP */
  }
  .reset-padding-left {
    padding-left: 10px !important;
  }
}
.btn-photo {
  background: #fff;
  border: none;
  border-radius: 6px;
  padding: 4px 6px;
  cursor: pointer;
}

.btn-photo.btn-delete {
  color: #ff5b5b;
}

.input-group-custom .input-group-append {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 2px !important;
  z-index: 3 !important;
}

.input-group-custom .input-group-text {
  border: none;
  background: none;
  padding: 0 8px !important;
  font-size: 12px !important;
}

.login .input-group-text {
  font-size: 16px !important;
  padding: 8px !important;
}

.input-group-custom .form-control {
  padding-right: 32px !important;
}

.btn-text {
  color: #e96e00 !important;
  padding: 0;
  margin: 0;
  font-size: 14px !important;
  border: none;
  background: none;
  cursor: pointer;
}

.label-group .col-form-label {
  padding: 0;
}

.label-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.form-dropdown {
  position: relative;
  margin: 0;
}
.form-dropdown-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 108%;
  z-index: 2;
  max-height: 208px;
  overflow-y: auto;
  list-style: none;
  padding: 8px 0;
  overflow-y: auto;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  opacity: 0;
  transform: translateY(-8px);
  visibility: hidden;
  transition: all 0.25s ease 0.1s;
  border-radius: 6px;
}
.form-dropdown-notif {
  padding: 6px 12px;
  text-align: center;
}
.form-dropdown-item {
  position: relative;
  padding: 0 12px;
  font-size: 14px;
  margin-bottom: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form-dropdown-item::before, .form-dropdown-item::after {
  content: " ";
  display: table;
}
.form-dropdown-item::after {
  clear: both;
}
.form-dropdown-select {
  float: left;
  width: 100%;
  cursor: pointer;
  padding: 10px 0;
}
.form-dropdown-remove {
  position: absolute;
  display: inline-block;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  background-color: transparent;
  color: #ff5b5b;
  outline: 0;
  border: 0;
  z-index: 2;
  padding: 0;
  margin: 0;
}
.form-dropdown-remove i {
  padding: 4px;
}
.form-dropdown-reset {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  background-color: transparent;
  color: #ff5b5b;
  outline: 0;
  border: 0;
  z-index: 2;
  padding: 6px 12px;
  margin: 0;
  display: none;
}
.form-dropdown-label {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  background-color: #fff;
  color: black;
  z-index: 2;
  padding: 6px 12px;
  margin: 0;
}
.form-dropdown-show .form-dropdown-list {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s;
}
.form-dropdown-add .form-dropdown-item {
  cursor: default;
}
.form-dropdown-add .form-dropdown-select {
  width: calc(100% - 32px);
}

.modal.modal-right .modal-dialog {
  position: fixed;
  right: 0;
  margin: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
  max-width: 720px;
  width: 100%;
}

.modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
  border: 0;
  border-radius: 0 !important;
}

.modal.modal-right .modal-body {
  padding: 1.5rem;
}

@media (max-width: 768px) {
  .topbar-left {
    display: none;
  }
  .topbar-right-menu {
    display: flex;
    align-items: center;
  }
}
.d-table-row {
  line-height: 2.4;
}

/* KPI card style to match your sample */
.card-box.card-stat {
  border-radius: 10px;
  border: 1px solid #efefef;
  box-shadow: none;
  transition: box-shadow 0.12s ease;
  height: 100%;
  margin-bottom: 0;
}

.card-title-sm {
  margin: 0 0 16px 0;
  font-size: 16px;
}

/* Primary large value */
.stat-value {
  color: #f58220; /* orange */
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}

.stat-row {
  display: grid;
  grid-template-columns: 140px 1fr; /* ini kunci alignment */
  align-items: center;
  margin-bottom: 10px;
}

.stat-row:last-child {
  margin-bottom: 0;
}

.stat-label {
  font-size: 16px;
}

.stat-value-sm {
  color: #ff7a00;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

/* Delta (comparison) - inline to the right of the value */
.stat-delta {
  margin-left: 12px;
  color: #e74c3c; /* red for negative by default */
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .card-detail .col-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* the arrow small icon */
.delta-arrow {
  display: inline-block;
  font-size: 14px;
}

/* percent part */
.delta-pct {
  color: #e74c3c;
  font-weight: 600;
}

/* subtitle */
.card-subtext {
  margin-top: 8px;
  color: #777;
  font-size: 13px;
  margin-bottom: 0;
}

/* Small stage stat boxes */
.stat-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid #efefef;
  background: #fff;
  height: 64px;
  box-shadow: none;
}

.stat-box-label {
  font-size: 16px;
  color: #444;
  font-weight: 400;
}

.stat-box-value {
  font-size: 16px;
  color: #f58220; /* orange */
  font-weight: 700;
  min-width: 48px;
  text-align: right;
}

.card-top-list {
  border-radius: 10px;
  border: 1px solid #eee;
  box-shadow: none;
  margin-bottom: 12px;
  overflow: hidden;
  overflow-x: auto;
}

.card-top-list .card-header {
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  padding: 16px;
}

.card-top-list .card-header .icon {
  font-size: 20px;
  color: #f58220; /* orange accent */
}

.card-top-list table thead th {
  background: #fafafa;
  font-weight: 600;
  color: #666;
  border-bottom: 1px solid #eee;
  padding: 14px 16px;
  vertical-align: middle;
}

.card-top-list table tbody td {
  padding: 14px 16px;
  vertical-align: middle;
  border-top: 1px solid #f7f7f7;
  color: #444;
}

.card-top-list table tbody tr:hover td {
  background: #fbfbfb;
}

.table-placeholder td {
  border-top: none;
}

.small-muted {
  color: #888;
  font-size: 13px;
}

.input-date {
  position: relative;
  width: 100%;
}
.input-date .form-control {
  width: 100%;
  height: 40px;
  padding: 8px 36px !important;
  border-radius: 10px;
  font-size: 14px;
  background: #fff;
  transition: all 0.2s ease;
}
.input-date .form-control::-moz-placeholder {
  color: #aaa;
}
.input-date .form-control::placeholder {
  color: #aaa;
}
.input-date .form-control:hover {
  border-color: #dcdcdc;
}
.input-date .input-icon-left,
.input-date .input-icon-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  pointer-events: none;
  z-index: 9;
}
.input-date .input-icon-left {
  left: 12px;
}
.input-date .input-icon-right {
  right: 12px;
}

.product-row .col-md-8 {
  padding-left: 0;
}

.product-row-detail {
  gap: 8px;
}

/* Status pill styles */
.status-filters .status-pill {
  border: 1px solid #ebebeb;
  background: #fff;
  color: #333;
  padding: 8px 18px;
  margin-right: 8px;
  border-radius: 10px;
  text-align: center;
  box-shadow: none;
  transition: all 0.15s ease;
  font-weight: 500;
}

/* Hover */
.status-filters .status-pill:hover {
  border-color: #e0e0e0;
  transform: translateY(-1px);
}

/* Active pill (selected) */
.status-filters .status-pill.active {
  background: #fff;
  border-color: #ff8a00; /* orange accent */
  color: #ff8a00;
  box-shadow: 0 0 0 6px rgba(255, 138, 0, 0.06);
}

.status-filters.mobile {
  display: none;
}

.product-row-detail {
  display: flex;
  align-items: center;
}

.card-product .label-group {
  margin-bottom: 20px;
  margin-top: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .product-row {
    border-bottom: solid 1px #f4f4f4;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .card-product .label-group {
    margin-bottom: 0;
  }
  .card-product .product-row:first-child {
    padding-top: 0;
  }
  .card-product .product-row:not([data-index="0"]) .col-md-4 .form-control {
    width: 84%;
  }
  .product-remove-inline {
    position: absolute;
    top: -56px;
    right: 10px;
  }
  .product-row-detail .form-group {
    margin-bottom: 0 !important;
  }
  .product-row-detail {
    display: grid;
    gap: 12px;
    align-items: end;
    grid-template-columns: repeat(3, 1fr); /* mobile: 3 kolom */
  }
  .product-row .col-form-label {
    display: block !important;
  }
  .card-title-sm {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .status-filters.desktop {
    display: none;
  }
  .status-filters.mobile {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 16px;
    overflow-x: auto;
  }
  .card-box.card-stat {
    margin-bottom: 16px;
    height: initial;
    padding: 12px;
  }
  .input-date .form-control {
    padding: 9px 36px !important;
  }
}
.scan-item {
  border-bottom: 1px solid #f3f3f3;
  padding: 12px 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.applyBtn .btn-sm {
  font-size: 14px !important;
}

/* Minimal styles to match the screenshot layout */
#modalRole .modal-body {
  padding: 1.25rem 1.5rem;
}

.section-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #333;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.perm-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.perm-pill .perm-label {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #444;
  font-size: 0.95rem;
}

.perm-pill input[type=checkbox] {
  transform: scale(1.05);
  margin-left: 8px;
}

.btn-custom {
  background: #ff8a00;
  color: #fff;
  border: none;
  border-radius: 6px;
}

.btn-outline-custom {
  background: transparent;
  color: #ff8a00;
  border: 1px solid #ff8a00;
  border-radius: 6px;
}

.small-stats-row .col-6:first-child .stat-box {
  margin-bottom: 16px;
}

/* Make first pill spacing consistent on small screens */
@media (max-width: 576px) {
  .small-stats-row .col-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .small-stats-row .col-3 .stat-box {
    margin-bottom: 12px;
  }
  .status-filters {
    margin-top: 8px;
    flex-wrap: wrap;
  }
  .status-filters .status-pill {
    margin-bottom: 8px;
  }
  .checkbox-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .small-stats-row .col-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .small-stats-row .col-6:first-child .stat-box {
    margin-bottom: 14px;
  }
  .small-stats-row .col-6:nth-child(1) {
    padding-right: 8px;
  }
  .small-stats-row .col-6:nth-child(2) {
    padding-left: 8px;
  }
  .small-stats-row .col-6:nth-child(3) {
    padding-right: 8px;
  }
  .small-stats-row .col-6:nth-child(4) {
    padding-left: 8px;
  }
}
/* responsive: stack on narrow screens */
@media (max-width: 900px) {
  .product-row-detail {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
/* small responsive tweaks */
@media (max-width: 575px) {
  .product-row .col-md-8 {
    padding-left: 12px;
  }
  .stat-box {
    padding: 12px 12px;
    height: 58px;
  }
  .stat-box-label {
    font-size: 14px;
  }
  .stat-box-value {
    font-size: 18px;
  }
  .stat-value {
    font-size: 18px;
  }
  .stat-delta {
    font-size: 13px;
  }
}
@media (max-width: 419px) {
  .btn {
    padding: 8px 16px;
    font-size: 14px;
  }
  .form-control {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .page-title {
    font-size: 16px;
    display: none;
  }
  .wrapper-page.login {
    padding: 24px !important;
  }
  .left.side-menu {
    width: 100%;
  }
  .topbar-right-menu.user-profile .user-img__el {
    width: 32px;
    height: 32px;
  }
  .navbar-default {
    box-shadow: none !important;
  }
}
@media (min-width: 768px) {
  th.dt-control,
  td.dt-control {
    display: none;
  }
}
/* Mobile: show control column */
@media (max-width: 767.98px) {
  th.dt-control,
  td.dt-control {
    display: table-cell;
  }
  .product-summary-row .col-8,
  .product-summary-row .col-2 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .text-first-column {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 96px;
  }
  #modalScanQRCode .modal-content {
    min-height: calc(100vh - 16px);
  }
  .qr-shaded-region {
    display: none !important;
  }
}
.overlay-decorative,
.some-covering-element {
  pointer-events: none;
}

@media (max-width: 768px) {
  .action-order {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
  }
  .action-order .btn-default {
    margin: 0 !important;
  }
  .action-order .btn {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 14px !important;
  }
  .dtr-control {
    position: relative;
  }
  .dtr-control:before {
    top: 8px !important;
    left: 10px !important;
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: #525252 !important;
    border: 1px solid #ebebeb !important;
    color: #525252 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: content-box;
    text-align: center;
    font-family: "Phosphor" !important;
    line-height: 14px;
    content: "\e136" !important;
    background-color: #f9f9f9 !important;
  }
}
.action-order-detail {
  display: none;
}

.odd,
.even {
  position: relative;
}

@media screen and (max-width: 456px) {
  .js-data-order .odd,
  .js-data-order .even {
    height: 108px !important;
    position: relative;
  }
  .js-data-order .dtr-details li:first-child {
    display: none;
  }
  .action-order-detail {
    text-align: left;
    display: block;
    width: 260px;
    display: block;
    position: absolute;
    top: 54px;
    left: -106px;
    color: #525252 !important;
  }
  .action-order-detail p {
    margin: 0 !important;
    font-weight: 500;
  }
  .action-order-detail label {
    margin: 0 !important;
    font-weight: 400;
    width: 100px;
    text-align: left;
  }
}
@media screen and (max-width: 567px) {
  td.dtr-control {
    width: 240px !important;
    padding-left: 56px !important;
  }
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 100px !important;
  font-weight: 400 !important;
  color: #525252 !important;
}

table.dataTable > tbody > tr.child ul li {
  border: none !important;
}

.dtr-details .dtr-data {
  font-weight: 500 !important;
  color: #525252 !important;
}

/* Rounded donut edges */
/* Rounded donut edges */
#donut-chart svg path {
  stroke-linecap: round;
}

.card-legend-text {
  text-align: center;
  padding: 0 32px;
  border-bottom: solid 2px #04805a;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.card-legend-text p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.card-box .card-legend-text:first-child {
  border-color: #d22424;
}

.chart-icon {
  font-size: 20px;
  color: #e96e00;
  margin-right: 12px;
}

.card-button-order,
.card-button-admin {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
@media screen and (max-width: 567px) {
  .card-button-order,
  .card-button-admin {
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 567px) and (max-width: 567px) {
  .card-button-order .form-inline,
  .card-button-admin .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}

.card-button-admin {
  justify-content: space-between;
}

.card-button-order-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.logout-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px 28px;
  position: absolute;
  bottom: 0;
}
.logout-menu i {
  font-size: 20px;
}

.breadcrumb {
  display: none;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    display: flex;
  }
}

.breadcrumb-item {
  color: #b5b5b5;
  text-decoration: none;
  transition: 0.2s ease;
}

.breadcrumb-item:hover {
  color: #ff7a00;
}

.breadcrumb-item.active {
  color: #ff7a00;
  font-weight: 600;
}

.breadcrumb-separator {
  color: #b5b5b5;
}

.table-bordered-custom {
  border: 1px solid #ebeff2 !important;
}

/* Trigger avatar (top right kecil) */
.custom-trigger-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f2f2f2;
}

/* Dropdown Card */
.custom-profile-dropdown {
  width: 380px;
  padding: 16px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 567px) {
  .custom-profile-dropdown {
    width: 280px;
  }
}

/* Profile Header */
.custom-profile-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  position: relative;
}

.button-edit-profile {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  z-index: 1;
}

/* Avatar Besar */
.custom-profile-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f3f3f3;
}

/* Name */
.custom-profile-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}

/* Email */
.custom-profile-email {
  font-size: 16px;
  color: #777;
}

/* Divider */
.custom-divider {
  height: 1px;
  background: #eee;
  margin: 4px 0;
  border: none;
}

/* Dropdown Item */
.custom-dropdown-item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  padding: 12px 0;
  color: #555;
  transition: 0.2s ease;
}

.custom-dropdown-item i {
  font-size: 18px;
  color: #777;
}

/* Hover */
.custom-dropdown-item:hover {
  background: transparent;
  color: #ff7a00;
}

/* Logout merah */
.custom-dropdown-item.logout {
  color: #c62828;
  font-weight: 500;
}

.custom-dropdown-item.logout i {
  color: #c62828;
}

.custom-dropdown-item.logout:hover {
  color: #ff0000;
}

/* ==========================================================================
   Custom Auth
   ========================================================================== */
.auth {
  position: relative;
}
.auth__bg {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
  width: calc(100% - 560px);
  height: 100%;
  background-color: rgba(106, 176, 88, 0.2);
}
@media only screen and (max-width: 1199.98px) {
  .auth__bg {
    width: calc(100% - 480px);
  }
}
@media only screen and (max-width: 991.98px) {
  .auth__bg {
    width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .auth__bg {
    display: none;
  }
}
.auth__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 991.98px) {
  .auth__img {
    display: none;
  }
}
.auth__form {
  position: fixed;
  top: 0;
  width: 560px;
  height: 100%;
  z-index: 2;
}
@media only screen and (max-width: 1199.98px) {
  .auth__form {
    width: 480px;
  }
}
@media only screen and (max-width: 991.98px) {
  .auth__form {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .auth__form {
    position: static;
    top: auto;
    transform: none;
    padding: 32px 0;
  }
}
@media only screen and (max-width: 575.86px) {
  .auth__form {
    display: table;
    height: 100vh;
    padding: 0;
  }
}
.auth__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 575.86px) {
  .auth__wrapper {
    display: table-cell;
    vertical-align: middle;
  }
}
.auth__box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .auth__box {
    padding: 40px;
  }
}
@media only screen and (max-width: 991.98px) {
  .auth__box {
    position: static;
    top: auto;
    transform: none;
    width: 560px;
    height: auto;
    padding: 32px;
    margin: 0 auto;
    border-radius: 24px;
    background-color: #fff;
  }
}
@media only screen and (max-width: 575.86px) {
  .auth__box {
    width: 100%;
    padding: 24px;
  }
}
.auth__box__account {
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  padding: 48px;
}
.auth__head {
  text-align: center;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1199.98px) {
  .auth__head {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 991.98px) {
  .auth__head {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767.98px) {
  .auth__head {
    margin-bottom: 40px;
  }
}
.auth__logo {
  display: inline-block;
  height: 48px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
  .auth__logo {
    height: 40px;
  }
}
.auth__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.auth__title {
  margin: 0;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
@media only screen and (max-width: 1199.98px) {
  .auth__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .auth__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.auth__link {
  color: #6ab058;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.auth__link:hover {
  color: #10c469;
}
.auth__desc {
  color: #495057;
  margin-bottom: 0;
}
.auth__body .auth__link {
  float: right;
}
.auth__foot {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #e3e3e3;
  text-align: center;
}
.auth .form-group {
  position: relative;
  margin-bottom: 24px;
}
.auth .form-group::before, .auth .form-group::after {
  content: " ";
  display: table;
}
.auth .form-group::after {
  clear: both;
}
.auth .form-group:last-child {
  margin-bottom: 0;
}
.auth label {
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
}
.auth .form-control {
  padding: 12px;
  height: auto;
}
@media only screen and (max-width: 575.86px) {
  .auth .form-control {
    padding: 10px;
  }
}
.auth .form-alert {
  position: absolute;
  left: 0;
  bottom: -24px;
  z-index: 1;
}
.auth .btn {
  padding: 12px;
  font-weight: 600;
}
@media only screen and (max-width: 575.86px) {
  .auth .btn {
    padding: 10px;
  }
}

/*/
 * Custom Datepicker CSS
 * -----------------------------------------------------------------------------
/*/
.datepicker {
  padding: 8px;
}

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

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #fc7e14;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #fc7e14 !important;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background-color: #fafafa;
}

.datepicker-inline {
  border: 2px solid #eeeeee;
}

/*/
 * Custom Datepicker CSS
 * -----------------------------------------------------------------------------
/*/
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #fc7e14;
  border-color: #fc7e14;
}

.daterangepicker .input-mini,
.daterangepicker .input-mini.active {
  height: 40px;
  margin-bottom: 8px;
  border: 1px solid #eff2f7;
  background-color: #ebf4f8;
  color: #435966;
  font-size: 16px;
}

.daterangepicker .ranges li {
  border-radius: 2px;
  color: #435966;
  font-weight: 600;
  font-size: 14px;
  background-color: transparent;
  font-weight: normal;
  border: none;
  border-bottom: solid 1px #eff2f7;
  margin: 0;
  padding: 6px 12px;
}
.daterangepicker .ranges li:last-child {
  margin-bottom: 12px;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background-color: transparent;
  color: #fc7e14;
  border: none;
  border-bottom: solid 1px #eff2f7;
}

.daterangepicker .ranges li.active {
  font-weight: 500;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  border: 1px solid #eff2f7;
  padding: 2px;
  width: 60px;
}

.dropdown-menu {
  border: none;
  box-shadow: 0px 8px 24px rgba(67, 89, 102, 0.1);
}

.daterangepicker .calendar-table {
  border: 1px solid #eff2f7;
}

.calendar-table .table-condensed {
  color: #435966;
  font-size: 16px;
}

.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 40px;
  height: 36px;
  border-radius: 4px;
  /* white-space: nowrap; */
  cursor: pointer;
}

.daterangepicker td.off {
  color: #becad1;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #ebf4f8;
}

.show-calendar .ranges {
  border-right: solid 1px #eff2f7 !important;
}
.show-calendar .ranges ul {
  padding-right: 8px;
}

/* ==========================================================================
   Custom Burger Menu
  ========================================================================== */
.burger-menu {
  background-color: transparent;
  width: 20px;
  height: 20px;
  outline: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 20px 12px;
}
.burger-menu::before, .burger-menu::after {
  content: " ";
  display: table;
}
.burger-menu::after {
  clear: both;
}
.burger-menu-bar {
  float: right;
  width: 20px;
  height: 2px;
  display: block;
  background-color: #435966;
  margin-bottom: 6px;
  border-radius: 1px;
  transform-origin: center center;
  transition: transform 0.3s ease, width 0.15s ease;
  transition-delay: 0s;
}
.burger-menu-bar:last-child {
  margin-bottom: 0;
}
.burger-menu-bar:nth-child(2) {
  transform-origin: left center;
  transition-delay: 0.15s;
}
.hide-menu .burger-menu-bar:nth-child(1) {
  transform: rotate(135deg) translate(28%, -280%);
  transition-delay: 0.15s;
}
.hide-menu .burger-menu-bar:nth-child(2) {
  transform: scaleX(0);
  transition-delay: 0s;
  transform-origin: right center;
}
.hide-menu .burger-menu-bar:nth-child(3) {
  transform: rotate(-135deg) translate(26%, 280%);
  transition-delay: 0.15s;
}

.timeline-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px 28px;
  border: 1px solid #eee;
}

.timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.timeline-header h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
}
.timeline-header .timeline-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 768px) {
  .timeline-header .timeline-actions {
    gap: 8px;
  }
}
.timeline-header .timeline-actions button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .timeline-header .timeline-actions button {
    font-size: 14px;
  }
}
.timeline-header .timeline-actions .btn-prev {
  color: #d32f2f;
}
.timeline-header .timeline-actions .btn-next {
  color: #00a65a;
}
.timeline-header .timeline-actions .divider {
  width: 1px;
  height: 18px;
  background: #ddd;
}

.timeline-steps {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 12px;
}
.timeline-steps.lite .icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.timeline-steps.lite div::after {
  top: 18px;
  width: calc(100% - 8px);
  left: 24px;
}
.timeline-steps-item {
  flex: 1;
  position: relative;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.timeline-steps-item::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 32px;
  width: calc(100% - 16px);
  height: 2px;
  background: #e6e6e6;
  z-index: 0;
  transition: background-color 0.18s ease;
}
.timeline-steps-item:last-child::after {
  display: none;
}
.timeline-steps-item .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 14px;
  z-index: 2; /* above the connector */
  transition: background-color 0.18s ease, color 0.18s ease;
}
.timeline-steps-item .label {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-bottom: 6px;
}
.timeline-steps-item .date {
  font-size: 14px;
  color: #999;
}
.timeline-steps-item.active .icon {
  background: #ff7a00;
  color: #fff;
}
.timeline-steps-item.completed .icon {
  background: #00a65a;
  color: #fff;
}
.timeline-steps {
  /* ---------- Connector coloring rules ---------- */
  /* Make connector orange when the STEP (left-side icon) is active.
     This colors the connector to the right of an active step orange,
     producing an orange line for every active step up to the current one. */
}
.timeline-steps .timeline-steps-item.active::after {
  background: #ff7a00;
}
.timeline-steps {
  /* If you want the connector to only be orange when both the left and right
     steps are active (i.e. fully connected), uncomment the rule below and
     comment out the li.active::after rule above.

  li.active::after {
    background: $gray;
  }
  li.active + li.active::before { // requires adding ::before on the next step connector if used
    background: $active;
  }
  */
  /* Completed step connector */
}
.timeline-steps .timeline-steps-item.completed::after {
  background: #00a65a;
}
.timeline-steps {
  /* Lite variant: keep transitions and positioning consistent */
}
.timeline-steps.lite li::after {
  transition: background-color 0.18s ease;
}

@media screen and (max-width: 768px) {
  .timeline-steps.timeline-steps-column-mobile {
    flex-direction: column;
    gap: 24px;
  }
  .timeline-steps.timeline-steps-column-mobile .timeline-steps-item {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 48px;
    /* HORIZONTAL LINE OFF */
  }
  .timeline-steps.timeline-steps-column-mobile .timeline-steps-item::after {
    top: 32px;
    left: 16px;
    width: 2px;
    height: calc(100% + 24px);
  }
  .timeline-steps.timeline-steps-column-mobile .timeline-steps-item:last-child::after {
    display: none;
  }
  .timeline-steps.timeline-steps-column-mobile .timeline-steps-item .icon {
    margin-bottom: 0;
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .timeline-steps.timeline-steps-column-mobile .timeline-steps-item .label {
    margin-bottom: 4px;
  }
}
/*# sourceMappingURL=maps/app.css.map */