@charset "UTF-8";
/*!
 * 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 'vendors/herddogg-icons-0.css';
@import 'vendors/herddogg-icons-2.css';
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,600,700");
: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;
}

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

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

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[title],
abbr[data-original-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;
}

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

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: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #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;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    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-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .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.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .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.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .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.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .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.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  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 th,
.table-sm td {
  padding: 0.3rem;
}

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

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

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

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

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  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: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.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: rgb(127.5, 189, 255);
  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: #e9ecef;
  opacity: 1;
}

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

select.form-control:-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-sm, .form-control-plaintext.form-control-lg {
  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[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

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

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

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

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

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #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;
}

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

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #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);
}
.was-validated .form-control:valid:focus, .form-control.is-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);
}

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

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-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;
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #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);
}
.was-validated .form-control:invalid:focus, .form-control.is-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);
}

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

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

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-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 .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #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: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 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: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}
.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.25, 142.8, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 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: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.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.05, 137.7, 144.5, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 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: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.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.25, 180.2, 96.9, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 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: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.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(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 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: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.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(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 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: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.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.25, 83.3, 96.9, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 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: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.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(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 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: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.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.45, 87.55, 92.65, 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: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

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

.btn-sm, .btn-group-sm > .btn {
  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=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

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

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

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

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 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^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #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:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  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 > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

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

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

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

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

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .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:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.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=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

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

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

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

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.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 > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.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: rgb(127.5, 189, 255);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
  border-color: rgb(178.5, 215.4, 255);
}
.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: rgb(127.5, 189, 255);
  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: rgb(127.5, 189, 255);
  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: rgb(178.5, 215.4, 255);
}
.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: rgb(178.5, 215.4, 255);
}
.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: rgb(178.5, 215.4, 255);
}
.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:hover, .nav-link:focus {
  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:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  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: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

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

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

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

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

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

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

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

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

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

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

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%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:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.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-top,
.card-img-bottom {
  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-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -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: rgb(0, 86.1, 178.5);
  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:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

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

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

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
}
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:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}
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:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
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:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
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:hover, a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}
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:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
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:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
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:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
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: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@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:hover, .list-group-item-action:focus {
  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: rgb(0, 63.96, 132.6);
  background-color: rgb(183.6, 218.04, 255);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(158.1, 204.84, 255);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 63.96, 132.6);
  border-color: rgb(0, 63.96, 132.6);
}

.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}

.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.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):hover, .close:not(:disabled):not(.disabled):focus {
  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-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -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-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

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

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

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #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::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

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

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

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

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

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(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.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

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

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

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  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-prev,
.carousel-control-next {
  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: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 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:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

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

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !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 iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

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

.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:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

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

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

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

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !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 {
  *,
  *::before,
  *::after {
    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;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.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;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !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__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.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-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*! Select2 Bootstrap Theme v0.1.0-beta.7 | MIT License | github.com/select2/select2-bootstrap-theme */
.select2-container--bootstrap {
  display: block;
  /*------------------------------------*\
          #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*\
          #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*\
          #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*\
      #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*\
      #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
   * Firefox 19+
   *
   * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
   */
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option {
  /**
   * Disabled results.
   *
   * @see https://select2.github.io/examples.html#disabled-results
   */
  /**
   * Hover state.
   */
  /**
   * Selected state.
   */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
  /**
   * Handle border radii of the container when the dropdown is showing.
   */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.428571429;
  padding: 6px 24px 6px 12px;
  /**
   * Adjust the single Select2's dropdown arrow button appearance.
   */
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
   * Make Multi Select2's choices match Bootstrap 3's default button styles.
   */
  /**
   * Minus 2px borders.
   */
  /**
   * Clear the selection.
   */
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 1.428571429;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.428571429;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir=rtl] {
  /**
   * Single Select2
   *
   * 1. Makes sure that .select2-selection__placeholder is positioned
   *    correctly.
   */
  /**
   * Multiple Select2
   */
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*\
    #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
}

.input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
*/
.form-inline .select2-container--bootstrap {
  display: inline-block;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
    float: left;
  }
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .drp-calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.rtl .drp-calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .drp-calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    padding-left: 12px;
  }
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #efefef;
}

.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}

.tribute-container li.highlight {
  background: #ddd;
}

.tribute-container li span {
  font-weight: bold;
}

.tribute-container li.no-match {
  cursor: default;
}

.tribute-container .menu-highlighted {
  font-weight: bold;
}

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

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: auto;
  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:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

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

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}

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

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

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

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

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

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

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

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

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

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

.ReactTable {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ReactTable * {
  box-sizing: border-box;
}

.ReactTable .rt-table {
  flex: auto 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}

.ReactTable .rt-thead {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline-width: 0;
}

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}

.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}

.ReactTable .rt-thead .rt-tr {
  text-align: center;
}

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding: 5px 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 0 0 0 transparent;
}

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
}

.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
}

.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}

.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-thead .rt-th:focus {
  outline-width: 0;
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102, 102, 102, 0);
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}

.ReactTable .rt-tbody {
  flex: 99999 1 auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}

.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
}

.ReactTable .rt-tr-group {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.ReactTable .rt-tr {
  flex: 1 0 auto;
  display: inline-flex;
}

.ReactTable .rt-th,
.ReactTable .rt-td {
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: width, min-width, padding, opacity;
}

.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px;
}

.ReactTable .rt-expander:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}

.ReactTable .rt-expander.-open:after {
  transform: translate(-50%, -50%) rotate(0);
}

.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10;
}

.ReactTable .rt-tfoot {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}

.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, 0.03);
}

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: rgba(0, 0, 0, 0.05);
}

.ReactTable .-pagination {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline-width: 0;
}

.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease;
  cursor: pointer;
  outline-width: 0;
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  flex: 1;
  text-align: center;
}

.ReactTable .-pagination .-center {
  flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}

.ReactTable .-pagination .-pageJump {
  display: inline-block;
}

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}

.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: rgba(0, 0, 0, 0.5);
}

.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  transform: translateY(-52%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}

.ReactTable .-loading.-active > div {
  transform: translateY(50%);
}

.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ui-switcher {
  background-color: #bdc1c2;
  display: inline-block;
  height: 20px;
  width: 48px;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border-color 0.25s;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.ui-switcher:before {
  font-family: sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 6px;
  height: 12px;
  width: 20px;
  text-align: center;
}

.ui-switcher[aria-checked=false]:before {
  content: "OFF";
  right: 7px;
}

.ui-switcher[aria-checked=true]:before {
  content: "ON";
  left: 7px;
}

.ui-switcher[aria-checked=true] {
  background-color: #25ba9a;
}

.ui-switcher:after {
  background-color: #ffffff;
  content: " ";
  display: inline-block;
  position: absolute;
  top: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  transition: left 0.25s;
}

.ui-switcher[aria-checked=false]:after {
  left: 2px;
}

.ui-switcher[aria-checked=true]:after {
  left: 30px;
}

/*
Trix 1.2.1
Copyright © 2019 Basecamp, LLC
http://trix-editor.org/*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
}
.trix-content .attachment__caption {
  display: none;
}
.trix-content .attachment__caption.attachment__caption--edited, .trix-content .attachment__caption.attachment__caption--editing {
  display: block;
  text-align: center;
}
.trix-content figure {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.trix-content img {
  height: auto;
  width: 700px;
}
.trix-content .attachment__name, .trix-content .attachment__size {
  display: none;
}

.trix-content * {
  box-sizing: border-box;
}

.trix-content h1, trix-editor h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}

.trix-content ul, trix-editor ul {
  list-style-type: disc;
  margin: 0;
}

.theme-black .minileftbar {
  background: #22252b;
}

.theme-black .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-black .minileftbar .menu_list li a {
  color: #afafaf;
}

.theme-black .minileftbar .menu_list .notify .point {
  background-color: #fff;
}

.theme-black .minileftbar .menu_list .notify .heartbit {
  background-color: #afafaf;
}

.theme-black .right_menu .menu-app a:hover {
  background: linear-gradient(45deg, #313740, #525a65);
  color: #fff;
}

.theme-black.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-black.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-black.menu_sm .sidebar .list li .ml-menu a:hover {
  background: linear-gradient(45deg, #313740, #525a65);
  color: #fff;
}

.theme-black .btn-primary {
  background: #313740;
}

.theme-black .btn-primary:active, .theme-black .btn-primary:hover, .theme-black .btn-primary:focus {
  background: #525a65;
}

.theme-black .btn-primary.btn-simple {
  border-color: #313740;
  color: #313740;
  background: transparent;
}

.theme-black .page-loader-wrapper {
  background: linear-gradient(45deg, #313740, #525a65);
}

.theme-black .sidebar .menu .list li.active.open {
  background: #313740;
}

.theme-black .sidebar .menu .list li.active.open a {
  color: #afafaf;
}

.theme-black .sidebar .menu .list li.active.open a::before {
  color: #afafaf;
}

.theme-black .checkbox input[type=checkbox]:checked + label::after {
  border-color: #313740;
  background: #313740;
  color: white;
}

.theme-black .nav-tabs .nav-link {
  border: 1px solid #afafaf;
}

.theme-black .nav-tabs .nav-link.active {
  border: 1px solid #313740 !important;
  background: #313740;
  color: #fff;
}

.theme-black .card .header h2:before {
  background: #313740;
}

.theme-black .card .header .dropdown-menu li a:hover {
  background-color: #313740;
  color: #fff;
}

.theme-black .chat-widget li.left .message {
  background: #313740;
}

.theme-black .authentication {
  background: #313740 !important;
}

.theme-black .menu-container ul > li > ul > li a:hover, .theme-black .menu-container ul.normal-sub > li a:hover {
  background: #313740;
}

.theme-black .fc .fc-toolbar .fc-right .fc-state-active {
  background: #313740;
  color: #fff;
}

.theme-black .form-control:focus, .theme-black .form-control:focus + .input-group-addon, .theme-black .form-control:focus ~ .input-group-addon, .theme-black .input-group-focus .input-group-addon {
  border-color: #313740;
  background: #fff;
}

.theme-purple .authentication {
  background: #ac68cc;
}

.theme-purple .authentication::before {
  opacity: 0.07;
}

.theme-purple .authentication .company_detail h3, .theme-purple .authentication .company_detail p {
  opacity: 1;
}

.theme-purple .minileftbar {
  background: #ac68cc;
}

.theme-purple .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-purple .right_menu .menu-app a:hover {
  background: #ac68cc;
  color: #fff;
}

.theme-purple.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-purple.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-purple.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #9744be;
  color: #fff;
}

.theme-purple .btn-primary {
  background: #ac68cc;
}

.theme-purple .btn-primary:active, .theme-purple .btn-primary:hover, .theme-purple .btn-primary:focus {
  background: #c18eda;
}

.theme-purple .btn-primary.btn-simple {
  border-color: #ac68cc;
  color: #ac68cc;
  background: transparent;
}

.theme-purple .page-loader-wrapper {
  background: #ac68cc;
}

.theme-purple .sidebar .menu .list li.active.open {
  background: #ac68cc;
}

.theme-purple .sidebar .menu .list a:hover {
  color: #ac68cc;
}

.theme-purple .checkbox input[type=checkbox]:checked + label::after {
  border-color: #ac68cc;
  background: #ac68cc;
  color: white;
}

.theme-purple .nav-tabs .nav-link.active {
  border: 1px solid #ac68cc !important;
  background: #ac68cc;
  color: #fff;
}

.theme-purple .card .header h2:before {
  background: #ac68cc;
}

.theme-purple .card .header .dropdown-menu li a:hover {
  background-color: #ac68cc;
  color: #fff;
}

.theme-purple .chat-widget li.left .message {
  background: #ac68cc;
}

.theme-purple .authentication .navbar, .theme-purple .authentication .page-header {
  background: #ac68cc !important;
}

.theme-purple .menu-container ul > li > ul > li a:hover, .theme-purple .menu-container ul.normal-sub > li a:hover {
  background: #ac68cc;
}

.theme-purple .fc .fc-toolbar .fc-right .fc-state-active {
  background: #ac68cc;
  color: #fff;
}

.theme-purple .form-control:focus, .theme-purple .form-control:focus + .input-group-addon, .theme-purple .form-control:focus ~ .input-group-addon, .theme-purple .input-group-focus .input-group-addon {
  border-color: #ac68cc;
  background: #fff;
}

.theme-blue .authentication {
  background: #3eacff;
}

.theme-blue .authentication::before {
  opacity: 0.07;
}

.theme-blue .authentication .company_detail h3, .theme-blue .authentication .company_detail p {
  opacity: 1;
}

.theme-blue .minileftbar {
  background: #3eacff;
}

.theme-blue .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-blue .right_menu .menu-app a:hover {
  background: #3eacff;
  color: #fff;
}

.theme-blue.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-blue.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-blue.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #0d97ff;
  color: #fff;
}

.theme-blue .btn-primary {
  background: #3eacff;
}

.theme-blue .btn-primary:active, .theme-blue .btn-primary:hover, .theme-blue .btn-primary:focus {
  background: #60bafd;
}

.theme-blue .btn-primary.btn-simple {
  border-color: #3eacff;
  color: #3eacff;
  background: transparent;
}

.theme-blue .page-loader-wrapper {
  background: #3eacff;
}

.theme-blue .sidebar .menu .list li.active.open {
  background: #3eacff;
}

.theme-blue .sidebar .menu .list a:hover {
  color: #3eacff;
}

.theme-blue .checkbox input[type=checkbox]:checked + label::after {
  border-color: #3eacff;
  background: #3eacff;
  color: white;
}

.theme-blue .nav-tabs .nav-link.active {
  border: 1px solid #3eacff !important;
  background: #3eacff;
  color: #fff;
}

.theme-blue .card .header h2:before {
  background: #3eacff;
}

.theme-blue .card .header .dropdown-menu li a:hover {
  background-color: #3eacff;
  color: #fff;
}

.theme-blue .chat-widget li.left .message {
  background: #3eacff;
}

.theme-blue .authentication .navbar, .theme-blue .authentication .page-header {
  background: #3eacff !important;
}

.theme-blue .menu-container ul > li > ul > li a:hover, .theme-blue .menu-container ul.normal-sub > li a:hover {
  background: #3eacff;
}

.theme-blue .fc .fc-toolbar .fc-right .fc-state-active {
  background: #3eacff;
  color: #fff;
}

.theme-blue .form-control:focus, .theme-blue .form-control:focus + .input-group-addon, .theme-blue .form-control:focus ~ .input-group-addon, .theme-blue .input-group-focus .input-group-addon {
  border-color: #3eacff;
  background: #fff;
}

.theme-cyan .authentication {
  background: #49c5b6;
}

.theme-cyan .authentication::before {
  opacity: 0.07;
}

.theme-cyan .authentication .company_detail h3, .theme-cyan .authentication .company_detail p {
  opacity: 1;
}

.theme-cyan .minileftbar {
  background: #49c5b6;
}

.theme-cyan .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-cyan .right_menu .menu-app a:hover {
  background: #49c5b6;
  color: #fff;
}

.theme-cyan.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-cyan.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-cyan.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #00acc1;
  color: #fff;
}

.theme-cyan .btn-primary {
  background: #49c5b6;
}

.theme-cyan .btn-primary:active, .theme-cyan .btn-primary:hover, .theme-cyan .btn-primary:focus {
  background: #22cec7;
}

.theme-cyan .btn-primary.btn-simple {
  border-color: #49c5b6;
  color: #49c5b6;
  background: transparent;
}

.theme-cyan .page-loader-wrapper {
  background: #49c5b6;
}

.theme-cyan .sidebar .menu .list li.active.open {
  background: #49c5b6;
}

.theme-cyan .sidebar .menu .list a:hover {
  color: #49c5b6;
}

.theme-cyan .checkbox input[type=checkbox]:checked + label::after {
  border-color: #49c5b6;
  background: #49c5b6;
  color: white;
}

.theme-cyan .nav-tabs .nav-link.active {
  border: 1px solid #49c5b6 !important;
  background: #49c5b6;
  color: #fff;
}

.theme-cyan .card .header h2:before {
  background: #49c5b6;
}

.theme-cyan .card .header .dropdown-menu li a:hover {
  background-color: #49c5b6;
  color: #fff;
}

.theme-cyan .chat-widget li.left .message {
  background: #49c5b6;
}

.theme-cyan .authentication .navbar, .theme-cyan .authentication .page-header {
  background: #49c5b6 !important;
}

.theme-cyan .menu-container ul > li > ul > li a:hover, .theme-cyan .menu-container ul.normal-sub > li a:hover {
  background: #49c5b6;
}

.theme-cyan .fc .fc-toolbar .fc-right .fc-state-active {
  background: #49c5b6;
  color: #fff;
}

.theme-cyan .form-control:focus, .theme-cyan .form-control:focus + .input-group-addon, .theme-cyan .form-control:focus ~ .input-group-addon, .theme-cyan .input-group-focus .input-group-addon {
  border-color: #49c5b6;
  background: #fff;
}

.theme-green .authentication {
  background: #50d38a;
}

.theme-green .authentication::before {
  opacity: 0.07;
}

.theme-green .authentication .company_detail h3, .theme-green .authentication .company_detail p {
  opacity: 1;
}

.theme-green .minileftbar {
  background: #50d38a;
}

.theme-green .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-green .right_menu .menu-app a:hover {
  background: #50d38a;
  color: #fff;
}

.theme-green.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-green.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-green.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #43a047;
  color: #fff;
}

.theme-green .btn-primary {
  background: #50d38a;
}

.theme-green .btn-primary:active, .theme-green .btn-primary:hover, .theme-green .btn-primary:focus {
  background: #5cdb94;
}

.theme-green .btn-primary.btn-simple {
  border-color: #50d38a;
  color: #50d38a;
  background: transparent;
}

.theme-green .page-loader-wrapper {
  background: #50d38a;
}

.theme-green .sidebar .menu .list li.active.open {
  background: #50d38a;
}

.theme-green .sidebar .menu .list a:hover {
  color: #50d38a;
}

.theme-green .checkbox input[type=checkbox]:checked + label::after {
  border-color: #50d38a;
  background: #50d38a;
  color: white;
}

.theme-green .nav-tabs .nav-link.active {
  border: 1px solid #50d38a !important;
  background: #50d38a;
  color: #fff;
}

.theme-green .card .header h2:before {
  background: #50d38a;
}

.theme-green .card .header .dropdown-menu li a:hover {
  background-color: #50d38a;
  color: #fff;
}

.theme-green .chat-widget li.left .message {
  background: #50d38a;
}

.theme-green .authentication .navbar, .theme-green .authentication .page-header {
  background: #50d38a !important;
}

.theme-green .menu-container ul > li > ul > li a:hover, .theme-green .menu-container ul.normal-sub > li a:hover {
  background: #50d38a;
}

.theme-green .fc .fc-toolbar .fc-right .fc-state-active {
  background: #50d38a;
  color: #fff;
}

.theme-green .form-control:focus, .theme-green .form-control:focus + .input-group-addon, .theme-green .form-control:focus ~ .input-group-addon, .theme-green .input-group-focus .input-group-addon {
  border-color: #50d38a;
  background: #fff;
}

.theme-orange .authentication {
  background: #ffce4b;
}

.theme-orange .authentication::before {
  opacity: 0.1;
}

.theme-orange .authentication .company_detail {
  color: #22252b;
}

.theme-orange .authentication .company_detail h3, .theme-orange .authentication .company_detail p {
  opacity: 1;
}

.theme-orange .minileftbar {
  background: #ffce4b;
}

.theme-orange .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-orange .right_menu .menu-app a:hover {
  background: #ffce4b;
  color: #fff;
}

.theme-orange.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-orange.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-orange.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #fb8c00;
  color: #fff;
}

.theme-orange .btn-primary {
  background: #ffce4b;
}

.theme-orange .btn-primary:active, .theme-orange .btn-primary:hover, .theme-orange .btn-primary:focus {
  background: #e7ca52;
}

.theme-orange .btn-primary.btn-simple {
  border-color: #ffce4b;
  color: #ffce4b;
  background: transparent;
}

.theme-orange .page-loader-wrapper {
  background: #ffce4b;
}

.theme-orange .sidebar .menu .list li.active.open {
  background: #ffce4b;
}

.theme-orange .sidebar .menu .list a:hover {
  color: #ffce4b;
}

.theme-orange .checkbox input[type=checkbox]:checked + label::after {
  border-color: #ffce4b;
  background: #ffce4b;
  color: white;
}

.theme-orange .nav-tabs .nav-link.active {
  border: 1px solid #ffce4b !important;
  background: #ffce4b;
  color: #fff;
}

.theme-orange .card .header h2:before {
  background: #ffce4b;
}

.theme-orange .card .header .dropdown-menu li a:hover {
  background-color: #ffce4b;
  color: #fff;
}

.theme-orange .chat-widget li.left .message {
  background: #ffce4b;
}

.theme-orange .authentication .navbar, .theme-orange .authentication .page-header {
  background: #ffce4b !important;
}

.theme-orange .menu-container ul > li > ul > li a:hover, .theme-orange .menu-container ul.normal-sub > li a:hover {
  background: #ffce4b;
}

.theme-orange .fc .fc-toolbar .fc-right .fc-state-active {
  background: #ffce4b;
  color: #fff;
}

.theme-orange .form-control:focus, .theme-orange .form-control:focus + .input-group-addon, .theme-orange .form-control:focus ~ .input-group-addon, .theme-orange .input-group-focus .input-group-addon {
  border-color: #ffce4b;
  background: #fff;
}

.theme-blush .minileftbar {
  background: #f38f9b;
}

.theme-blush .minileftbar .btn-neutral {
  color: #22252b;
}

.theme-blush .right_menu .menu-app a:hover {
  background: #f38f9b;
  color: #fff;
}

.theme-blush.menu_sm .sidebar .list li .ml-menu a {
  color: #78909c;
}

.theme-blush.menu_sm .sidebar .list li .ml-menu a::before {
  color: #78909c;
}

.theme-blush.menu_sm .sidebar .list li .ml-menu a:hover {
  background: #ea7e9e;
  color: #fff;
}

.theme-blush .btn-primary {
  background: #f38f9b;
}

.theme-blush .btn-primary:active, .theme-blush .btn-primary:hover, .theme-blush .btn-primary:focus {
  background: #f9a09c;
}

.theme-blush .btn-primary.btn-simple {
  border-color: #f38f9b;
  color: #f38f9b;
  background: transparent;
}

.theme-blush .page-loader-wrapper {
  background: #f38f9b;
}

.theme-blush .sidebar .menu .list li.active.open {
  background: #f38f9b;
}

.theme-blush .sidebar .menu .list a:hover {
  color: #f38f9b;
}

.theme-blush .checkbox input[type=checkbox]:checked + label::after {
  border-color: #f38f9b;
  background: #f38f9b;
  color: white;
}

.theme-blush .nav-tabs .nav-link.active {
  border: 1px solid #f38f9b !important;
  background: #f38f9b;
  color: #fff;
}

.theme-blush .card .header h2:before {
  background: #f38f9b;
}

.theme-blush .card .header .dropdown-menu li a:hover {
  background-color: #f38f9b;
  color: #fff;
}

.theme-blush .chat-widget li.left .message {
  background: #f38f9b;
}

.theme-blush .authentication .navbar, .theme-blush .authentication .page-header {
  background: #f38f9b !important;
}

.theme-blush .menu-container ul > li > ul > li a:hover, .theme-blush .menu-container ul.normal-sub > li a:hover {
  background: #f38f9b;
}

.theme-blush .fc .fc-toolbar .fc-right .fc-state-active {
  background: #f38f9b;
  color: #fff;
}

.theme-blush .form-control:focus, .theme-blush .form-control:focus + .input-group-addon, .theme-blush .form-control:focus ~ .input-group-addon, .theme-blush .input-group-focus .input-group-addon {
  border-color: #f38f9b;
  background: #fff;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.demo-google-material-icon {
  margin-bottom: 10px;
}

.demo-google-material-icon .material-icons {
  margin-right: 5px;
}

.demo-google-material-icon .icon-name {
  vertical-align: top;
}

.btn-neutral {
  background: transparent !important;
}

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 30px;
  border: 0;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
  line-height: 8px;
  width: 59px !important;
  height: 22px;
  outline: none;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-right: 20px;
  background: rgba(44, 44, 44, 0.2);
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-flex;
  top: 0;
  height: 22px;
  border-radius: 4px;
  transform: translate3d(0, 0, 0);
  width: 100px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  color: #fff;
  padding: 6px 12px;
  font-size: 11px;
  text-indent: -5px;
  line-height: 15px;
  transition: 0.25s ease-out;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  float: left;
  line-height: 11px;
  width: 50% !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-brown, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-brown {
  color: #fff;
  background: #f96332;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
  color: #fff;
  background: #2CA8FF;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
  color: #fff;
  background: #18ce0f;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
  background: #FFB236;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
  color: #fff;
  background: #FF3636;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  z-index: 100;
  color: #333333;
  background: #ffffff;
  width: 22px !important;
  height: 22px !important;
  margin: 0px -11px;
  border-radius: 20px;
  position: absolute;
  float: left;
  top: 0;
  left: 50%;
  padding: 0;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25);
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  background-color: rgba(23, 23, 23, 0.4);
}

.bootstrap-switch.bootstrap-switch-on:hover .bootstrap-switch-label {
  width: 27px !important;
  margin-left: -16px;
}

.bootstrap-switch.bootstrap-switch-off:hover .bootstrap-switch-label {
  width: 27px !important;
  margin-left: -11px;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  text-indent: 6px;
}

.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.bootstrap-switch input[type=radio].form-control, .bootstrap-switch input[type=checkbox].form-control {
  height: auto;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}

.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  margin-left: -2px !important;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -39px !important;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:before {
  background-color: #FFFFFF;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-red ~ .bootstrap-switch-default {
  background-color: #FF3636;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-orange ~ .bootstrap-switch-default {
  background-color: #FFB236;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-green ~ .bootstrap-switch-default {
  background-color: #18ce0f;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-brown ~ .bootstrap-switch-default {
  background-color: #f96332;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-blue ~ .bootstrap-switch-default {
  background-color: #2CA8FF;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-brown, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-blue, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-orange, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-green {
  background-color: #E3E3E3;
}

.bootstrap-switch-off .bootstrap-switch-handle-on {
  opacity: 0;
}

.bootstrap-switch-on .bootstrap-switch-handle-off {
  opacity: 0;
} /*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base, .noUi-handle {
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 1px;
}

.noUi-horizontal .noUi-handle {
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2);
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-left: -10px;
  margin-top: -7px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-target {
  background-color: rgba(182, 182, 182, 0.3);
  border-radius: 3px;
}

.noUi-connect {
  background: #888;
  border-radius: 3px;
  transition: background 450ms;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  -webkit-transition: 300ms ease 0s;
  -moz-transition: 300ms ease 0s;
  -ms-transition: 300ms ease 0s;
  -o-transform: 300ms ease 0s;
  transition: 300ms ease 0s;
}

.noUi-active {
  transform: scale3d(1.5, 1.5, 1);
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.slider.slider-neutral .noUi-connect, .slider.slider-neutral.noUi-connect {
  background-color: #fff;
}

.slider.slider-neutral.noUi-target {
  background-color: rgba(255, 255, 255, 0.3);
}

.slider.slider-neutral .noUi-handle {
  background-color: #fff;
}

.slider.slider-primary .noUi-connect, .slider.slider-primary.noUi-connect {
  background-color: #f96332;
}

.slider.slider-primary.noUi-target {
  background-color: rgba(249, 99, 50, 0.3);
}

.slider.slider-primary .noUi-handle {
  background-color: #f96332;
}

.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
  background-color: #2CA8FF;
}

.slider.slider-info.noUi-target {
  background-color: rgba(44, 168, 255, 0.3);
}

.slider.slider-info .noUi-handle {
  background-color: #2CA8FF;
}

.slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
  background-color: #18ce0f;
}

.slider.slider-success.noUi-target {
  background-color: rgba(24, 206, 15, 0.3);
}

.slider.slider-success .noUi-handle {
  background-color: #18ce0f;
}

.slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect {
  background-color: #FFB236;
}

.slider.slider-warning.noUi-target {
  background-color: rgba(255, 178, 54, 0.3);
}

.slider.slider-warning .noUi-handle {
  background-color: #FFB236;
}

.slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect {
  background-color: #FF3636;
}

.slider.slider-danger.noUi-target {
  background-color: rgba(255, 54, 54, 0.3);
}

.slider.slider-danger .noUi-handle {
  background-color: #FF3636;
} /*!
* Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
  padding: 8px 6px;
  border-radius: 4px;
  direction: ltr;
  transform: translate3d(0, -40px, 0);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  display: block;
  width: 254px;
  max-width: 254px;
}

.datepicker.dropdown-menu:before {
  display: none;
}

.datepicker.datepicker-primary {
  background-color: #f96332;
}

.datepicker.datepicker-primary th, .datepicker.datepicker-primary .day div, .datepicker.datepicker-primary table tr td span {
  color: #fff;
}

.datepicker.datepicker-primary:after {
  border-bottom-color: #f96332;
}

.datepicker.datepicker-primary.datepicker-orient-top:after {
  border-top-color: #f96332;
}

.datepicker.datepicker-primary .dow {
  color: rgba(255, 255, 255, 0.8);
}

.datepicker.datepicker-primary table tr td.old div, .datepicker.datepicker-primary table tr td.new div, .datepicker.datepicker-primary table tr td span.old, .datepicker.datepicker-primary table tr td span.new {
  color: rgba(255, 255, 255, 0.4);
}

.datepicker.datepicker-primary table tr td span:hover, .datepicker.datepicker-primary table tr td span.focused {
  background: rgba(255, 255, 255, 0.1);
}

.datepicker.datepicker-primary .datepicker-switch:hover, .datepicker.datepicker-primary .prev:hover, .datepicker.datepicker-primary .next:hover, .datepicker.datepicker-primary tfoot tr th:hover {
  background: rgba(255, 255, 255, 0.2);
}

.datepicker.datepicker-primary table tr td.active div, .datepicker.datepicker-primary table tr td.active:hover div, .datepicker.datepicker-primary table tr td.active.disabled div, .datepicker.datepicker-primary table tr td.active.disabled:hover div {
  background-color: #fff;
  color: #f96332;
}

.datepicker.datepicker-primary table tr td.day:hover div, .datepicker.datepicker-primary table tr td.day.focused div {
  background: rgba(255, 255, 255, 0.2);
}

.datepicker.datepicker-primary table tr td.active:hover div, .datepicker.datepicker-primary table tr td.active:hover:hover div, .datepicker.datepicker-primary table tr td.active.disabled:hover div, .datepicker.datepicker-primary table tr td.active.disabled:hover:hover div, .datepicker.datepicker-primary table tr td.active:active div, .datepicker.datepicker-primary table tr td.active:hover:active div, .datepicker.datepicker-primary table tr td.active.disabled:active div, .datepicker.datepicker-primary table tr td.active.disabled:hover:active div, .datepicker.datepicker-primary table tr td.active.active div, .datepicker.datepicker-primary table tr td.active:hover.active div, .datepicker.datepicker-primary table tr td.active.disabled.active div, .datepicker.datepicker-primary table tr td.active.disabled:hover.active div, .datepicker.datepicker-primary table tr td.active.disabled div, .datepicker.datepicker-primary table tr td.active:hover.disabled div, .datepicker.datepicker-primary table tr td.active.disabled.disabled div, .datepicker.datepicker-primary table tr td.active.disabled:hover.disabled div, .datepicker.datepicker-primary table tr td.active[disabled] div, .datepicker.datepicker-primary table tr td.active:hover[disabled] div, .datepicker.datepicker-primary table tr td.active.disabled[disabled] div, .datepicker.datepicker-primary table tr td.active.disabled:hover[disabled] div, .datepicker.datepicker-primary table tr td span.active:hover, .datepicker.datepicker-primary table tr td span.active:hover:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover:hover, .datepicker.datepicker-primary table tr td span.active:active, .datepicker.datepicker-primary table tr td span.active:hover:active, .datepicker.datepicker-primary table tr td span.active.disabled:active, .datepicker.datepicker-primary table tr td span.active.disabled:hover:active, .datepicker.datepicker-primary table tr td span.active.active, .datepicker.datepicker-primary table tr td span.active:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled.active, .datepicker.datepicker-primary table tr td span.active.disabled:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled, .datepicker.datepicker-primary table tr td span.active:hover.disabled, .datepicker.datepicker-primary table tr td span.active.disabled.disabled, .datepicker.datepicker-primary table tr td span.active.disabled:hover.disabled, .datepicker.datepicker-primary table tr td span.active[disabled], .datepicker.datepicker-primary table tr td span.active:hover[disabled], .datepicker.datepicker-primary table tr td span.active.disabled[disabled], .datepicker.datepicker-primary table tr td span.active.disabled:hover[disabled] {
  background-color: #fff;
}

.datepicker.datepicker-primary table tr td span.active:hover, .datepicker.datepicker-primary table tr td span.active:hover:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover, .datepicker.datepicker-primary table tr td span.active.disabled:hover:hover, .datepicker.datepicker-primary table tr td span.active:active, .datepicker.datepicker-primary table tr td span.active:hover:active, .datepicker.datepicker-primary table tr td span.active.disabled:active, .datepicker.datepicker-primary table tr td span.active.disabled:hover:active, .datepicker.datepicker-primary table tr td span.active.active, .datepicker.datepicker-primary table tr td span.active:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled.active, .datepicker.datepicker-primary table tr td span.active.disabled:hover.active, .datepicker.datepicker-primary table tr td span.active.disabled, .datepicker.datepicker-primary table tr td span.active:hover.disabled, .datepicker.datepicker-primary table tr td span.active.disabled.disabled, .datepicker.datepicker-primary table tr td span.active.disabled:hover.disabled, .datepicker.datepicker-primary table tr td span.active[disabled], .datepicker.datepicker-primary table tr td span.active:hover[disabled], .datepicker.datepicker-primary table tr td span.active.disabled[disabled], .datepicker.datepicker-primary table tr td span.active.disabled:hover[disabled] {
  color: #f96332;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl.dropdown-menu {
  left: auto;
}

.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 transparent;
  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-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid transparent;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 241px;
  max-width: 241px;
}

.datepicker .day div, .datepicker th {
  transition: all 300ms ease 0s;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 2.2;
  border-radius: 50%;
  font-weight: 300;
  font-size: 14px;
  border: none;
  position: relative;
  cursor: pointer;
}

.datepicker th {
  color: #f96332;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
  padding: 2px;
  text-align: center;
  cursor: pointer;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover div, .datepicker table tr td.day.focused div {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #888;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #888;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.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(to bottom, #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(to bottom, #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(to bottom, #b3b3b3, gray);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #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: #808080;
}

.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: #666666 \9 ;
}

.datepicker table tr td.active div, .datepicker table tr td.active:hover div, .datepicker table tr td.active.disabled div, .datepicker table tr td.active.disabled:hover div {
  background-color: #f96332;
  color: #fff;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}

.datepicker table tr td.active:hover div, .datepicker table tr td.active:hover:hover div, .datepicker table tr td.active.disabled:hover div, .datepicker table tr td.active.disabled:hover:hover div, .datepicker table tr td.active:active div, .datepicker table tr td.active:hover:active div, .datepicker table tr td.active.disabled:active div, .datepicker table tr td.active.disabled:hover:active div, .datepicker table tr td.active.active div, .datepicker table tr td.active:hover.active div, .datepicker table tr td.active.disabled.active div, .datepicker table tr td.active.disabled:hover.active div, .datepicker table tr td.active.disabled div, .datepicker table tr td.active:hover.disabled div, .datepicker table tr td.active.disabled.disabled div, .datepicker table tr td.active.disabled:hover.disabled div, .datepicker table tr td.active[disabled] div, .datepicker table tr td.active:hover[disabled] div, .datepicker table tr td.active.disabled[disabled] div, .datepicker table tr td.active.disabled:hover[disabled] div {
  background-color: #f96332;
}

.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: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 41px;
  height: 41px;
  line-height: 41px;
  float: left;
  margin: 1%;
  font-size: 14px;
  cursor: pointer;
  border-radius: 50%;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #888;
  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 {
  color: #fff;
  background-color: #f96332;
}

.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: #f96332;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}

.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: #003399 \9 ;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #888;
}

.datepicker .datepicker-switch {
  width: auto;
  border-radius: 0.1875rem;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .prev, .datepicker .next {
  width: 35px;
  height: 35px;
}

.datepicker i {
  position: relative;
  top: 2px;
}

.datepicker .prev i {
  left: -1px;
}

.datepicker .next i {
  right: -1px;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

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

.btn, .navbar .navbar-nav > a.btn {
  border-width: 2px;
  font-weight: 400;
  font-size: 0.93em;
  line-height: 1.35em;
  margin: 5px 1px;
  border: none;
  border-radius: 0.1875rem;
  padding: 11px 22px;
  cursor: pointer;
  background-color: #888;
  color: #fff;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .show > .btn.dropdown-toggle, .show > .btn.dropdown-toggle:focus, .show > .btn.dropdown-toggle:hover, .navbar .navbar-nav > a.btn:hover, .navbar .navbar-nav > a.btn:focus, .navbar .navbar-nav > a.btn:active, .navbar .navbar-nav > a.btn.active, .navbar .navbar-nav > a.btn:active:focus, .navbar .navbar-nav > a.btn:active:hover, .navbar .navbar-nav > a.btn.active:focus, .navbar .navbar-nav > a.btn.active:hover, .show > .navbar .navbar-nav > a.btn.dropdown-toggle, .show > .navbar .navbar-nav > a.btn.dropdown-toggle:focus, .show > .navbar .navbar-nav > a.btn.dropdown-toggle:hover {
  background-color: #979797;
  color: #fff;
  box-shadow: none;
}

.btn:hover, .navbar .navbar-nav > a.btn:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .navbar .navbar-nav > a.btn.disabled, .navbar .navbar-nav > a.btn.disabled:hover, .navbar .navbar-nav > a.btn.disabled:focus, .navbar .navbar-nav > a.btn.disabled.focus, .navbar .navbar-nav > a.btn.disabled:active, .navbar .navbar-nav > a.btn.disabled.active, .navbar .navbar-nav > a.btn:disabled, .navbar .navbar-nav > a.btn:disabled:hover, .navbar .navbar-nav > a.btn:disabled:focus, .navbar .navbar-nav > a.btn:disabled.focus, .navbar .navbar-nav > a.btn:disabled:active, .navbar .navbar-nav > a.btn:disabled.active, .navbar .navbar-nav > a.btn[disabled], .navbar .navbar-nav > a.btn[disabled]:hover, .navbar .navbar-nav > a.btn[disabled]:focus, .navbar .navbar-nav > a.btn[disabled].focus, .navbar .navbar-nav > a.btn[disabled]:active, .navbar .navbar-nav > a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav > a.btn, fieldset[disabled] .navbar .navbar-nav > a.btn:hover, fieldset[disabled] .navbar .navbar-nav > a.btn:focus, fieldset[disabled] .navbar .navbar-nav > a.btn.focus, fieldset[disabled] .navbar .navbar-nav > a.btn:active, fieldset[disabled] .navbar .navbar-nav > a.btn.active {
  background-color: #888;
  border-color: #888;
}

.btn.btn-simple, .wizard > .actions .disabled a.btn, .navbar .navbar-nav > a.btn.btn-simple, .navbar .wizard > .actions .disabled .navbar-nav > a.btn, .wizard > .actions .disabled .navbar .navbar-nav > a.btn {
  color: #888;
  border-color: #888;
}

.btn.btn-simple:hover, .wizard > .actions .disabled a.btn:hover, .btn.btn-simple:focus, .wizard > .actions .disabled a.btn:focus, .btn.btn-simple:active, .wizard > .actions .disabled a.btn:active, .navbar .navbar-nav > a.btn.btn-simple:hover, .navbar .wizard > .actions .disabled .navbar-nav > a.btn:hover, .wizard > .actions .disabled .navbar .navbar-nav > a.btn:hover, .navbar .navbar-nav > a.btn.btn-simple:focus, .navbar .wizard > .actions .disabled .navbar-nav > a.btn:focus, .wizard > .actions .disabled .navbar .navbar-nav > a.btn:focus, .navbar .navbar-nav > a.btn.btn-simple:active, .navbar .wizard > .actions .disabled .navbar-nav > a.btn:active, .wizard > .actions .disabled .navbar .navbar-nav > a.btn:active {
  background-color: transparent;
  color: #979797;
  border-color: #979797;
  box-shadow: none;
}

.btn.btn-link, .navbar .navbar-nav > a.btn.btn-link {
  color: #888;
}

.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .navbar .navbar-nav > a.btn.btn-link:hover, .navbar .navbar-nav > a.btn.btn-link:focus, .navbar .navbar-nav > a.btn.btn-link:active {
  background-color: transparent;
  color: #979797;
  text-decoration: none;
  box-shadow: none;
}

.btn:hover, .btn:focus, .navbar .navbar-nav > a.btn:hover, .navbar .navbar-nav > a.btn:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;
}

.btn:active, .btn.active, .open > .btn.dropdown-toggle, .navbar .navbar-nav > a.btn:active, .navbar .navbar-nav > a.btn.active, .open > .navbar .navbar-nav > a.btn.dropdown-toggle {
  box-shadow: none;
  outline: 0 !important;
}

.btn.btn-icon, .navbar .navbar-nav > a.btn.btn-icon {
  height: 2.375rem;
  min-width: 2.375rem;
  width: 2.375rem;
  padding: 0;
  font-size: 0.9375rem;
  overflow: hidden;
  position: relative;
  line-height: normal;
}

.btn.btn-icon.btn-simple, .wizard > .actions .disabled a.btn.btn-icon, .navbar .navbar-nav > a.btn.btn-icon.btn-simple, .navbar .wizard > .actions .disabled .navbar-nav > a.btn.btn-icon, .wizard > .actions .disabled .navbar .navbar-nav > a.btn.btn-icon {
  padding: 0;
}

.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon, .navbar .navbar-nav > a.btn.btn-icon.btn-sm {
  height: 1.875rem;
  min-width: 1.875rem;
  width: 1.875rem;
}

.btn.btn-icon.btn-sm i.fa, .btn-group-sm > .btn.btn-icon i.fa, .btn.btn-icon.btn-sm i.now-ui-icons, .btn-group-sm > .btn.btn-icon i.now-ui-icons, .navbar .navbar-nav > a.btn.btn-icon.btn-sm i.fa, .navbar .navbar-nav > a.btn.btn-icon.btn-sm i.now-ui-icons {
  font-size: 0.6875rem;
}

.btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon, .navbar .navbar-nav > a.btn.btn-icon.btn-lg {
  height: 3.6rem;
  min-width: 3.6rem;
  width: 3.6rem;
}

.btn.btn-icon.btn-lg i.now-ui-icons, .btn-group-lg > .btn.btn-icon i.now-ui-icons, .btn.btn-icon.btn-lg i.fa, .btn-group-lg > .btn.btn-icon i.fa, .navbar .navbar-nav > a.btn.btn-icon.btn-lg i.now-ui-icons, .navbar .navbar-nav > a.btn.btn-icon.btn-lg i.fa {
  font-size: 1.325rem;
}

.btn.btn-icon:not(.btn-footer) i.now-ui-icons, .btn.btn-icon:not(.btn-footer) i.fa, .navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) i.now-ui-icons, .navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) i.fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 1.5626rem;
  width: 25px;
}

.btn:not(.btn-icon) .now-ui-icons, .navbar .navbar-nav > a.btn:not(.btn-icon) .now-ui-icons {
  position: relative;
  top: 1px;
}

.btn-primary, .wizard > .actions a {
  background-color: #f96332;
  color: #fff;
}

.btn-primary:hover, .wizard > .actions a:hover, .btn-primary:focus, .wizard > .actions a:focus, .btn-primary:active, .wizard > .actions a:active, .btn-primary.active, .wizard > .actions a.active, .btn-primary:active:focus, .wizard > .actions a:active:focus, .btn-primary:active:hover, .wizard > .actions a:active:hover, .btn-primary.active:focus, .wizard > .actions a.active:focus, .btn-primary.active:hover, .wizard > .actions a.active:hover, .show > .btn-primary.dropdown-toggle, .wizard > .actions .show > a.dropdown-toggle, .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions .show > a.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:hover, .wizard > .actions .show > a.dropdown-toggle:hover {
  background-color: #fa7a50;
  color: #fff;
  box-shadow: none;
}

.btn-primary:hover, .wizard > .actions a:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary.disabled:hover, .wizard > .actions a.disabled:hover, .btn-primary.disabled:focus, .wizard > .actions a.disabled:focus, .btn-primary.disabled.focus, .wizard > .actions a.disabled.focus, .btn-primary.disabled:active, .wizard > .actions a.disabled:active, .btn-primary.disabled.active, .wizard > .actions a.disabled.active, .btn-primary:disabled, .wizard > .actions a:disabled, .btn-primary:disabled:hover, .wizard > .actions a:disabled:hover, .btn-primary:disabled:focus, .wizard > .actions a:disabled:focus, .btn-primary:disabled.focus, .wizard > .actions a:disabled.focus, .btn-primary:disabled:active, .wizard > .actions a:disabled:active, .btn-primary:disabled.active, .wizard > .actions a:disabled.active, .btn-primary[disabled], .wizard > .actions a[disabled], .btn-primary[disabled]:hover, .wizard > .actions a[disabled]:hover, .btn-primary[disabled]:focus, .wizard > .actions a[disabled]:focus, .btn-primary[disabled].focus, .wizard > .actions a[disabled].focus, .btn-primary[disabled]:active, .wizard > .actions a[disabled]:active, .btn-primary[disabled].active, .wizard > .actions a[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .wizard > .actions a, .wizard > .actions fieldset[disabled] a, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .wizard > .actions a:hover, .wizard > .actions fieldset[disabled] a:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .wizard > .actions a:focus, .wizard > .actions fieldset[disabled] a:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .wizard > .actions a.focus, .wizard > .actions fieldset[disabled] a.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .wizard > .actions a:active, .wizard > .actions fieldset[disabled] a:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .wizard > .actions a.active, .wizard > .actions fieldset[disabled] a.active {
  background-color: #f96332;
  border-color: #f96332;
}

.btn-primary.btn-simple, .wizard > .actions a.btn-simple, .wizard > .actions .disabled a {
  color: #f96332;
  border-color: #f96332;
}

.btn-primary.btn-simple:hover, .wizard > .actions a.btn-simple:hover, .wizard > .actions .disabled a:hover, .btn-primary.btn-simple:focus, .wizard > .actions a.btn-simple:focus, .wizard > .actions .disabled a:focus, .btn-primary.btn-simple:active, .wizard > .actions a.btn-simple:active, .wizard > .actions .disabled a:active {
  background-color: transparent;
  color: #fa7a50;
  border-color: #fa7a50;
  box-shadow: none;
}

.btn-primary.btn-link, .wizard > .actions a.btn-link {
  color: #f96332;
}

.btn-primary.btn-link:hover, .wizard > .actions a.btn-link:hover, .btn-primary.btn-link:focus, .wizard > .actions a.btn-link:focus, .btn-primary.btn-link:active, .wizard > .actions a.btn-link:active {
  background-color: transparent;
  color: #fa7a50;
  text-decoration: none;
  box-shadow: none;
}

.btn-success {
  background-color: #18ce0f;
  color: #fff;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:focus, .btn-success.active:hover, .show > .btn-success.dropdown-toggle, .show > .btn-success.dropdown-toggle:focus, .show > .btn-success.dropdown-toggle:hover {
  background-color: #1beb11;
  color: #fff;
  box-shadow: none;
}

.btn-success:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #18ce0f;
  border-color: #18ce0f;
}

.btn-success.btn-simple, .wizard > .actions .disabled a.btn-success {
  color: #18ce0f;
  border-color: #18ce0f;
}

.btn-success.btn-simple:hover, .wizard > .actions .disabled a.btn-success:hover, .btn-success.btn-simple:focus, .wizard > .actions .disabled a.btn-success:focus, .btn-success.btn-simple:active, .wizard > .actions .disabled a.btn-success:active {
  background-color: transparent;
  color: #1beb11;
  border-color: #1beb11;
  box-shadow: none;
}

.btn-success.btn-link {
  color: #18ce0f;
}

.btn-success.btn-link:hover, .btn-success.btn-link:focus, .btn-success.btn-link:active {
  background-color: transparent;
  color: #1beb11;
  text-decoration: none;
  box-shadow: none;
}

.btn-info {
  background-color: #2CA8FF;
  color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:focus, .btn-info.active:hover, .show > .btn-info.dropdown-toggle, .show > .btn-info.dropdown-toggle:focus, .show > .btn-info.dropdown-toggle:hover {
  background-color: #4bb5ff;
  color: #fff;
  box-shadow: none;
}

.btn-info:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #2CA8FF;
  border-color: #2CA8FF;
}

.btn-info.btn-simple, .wizard > .actions .disabled a.btn-info {
  color: #2CA8FF;
  border-color: #2CA8FF;
}

.btn-info.btn-simple:hover, .wizard > .actions .disabled a.btn-info:hover, .btn-info.btn-simple:focus, .wizard > .actions .disabled a.btn-info:focus, .btn-info.btn-simple:active, .wizard > .actions .disabled a.btn-info:active {
  background-color: transparent;
  color: #4bb5ff;
  border-color: #4bb5ff;
  box-shadow: none;
}

.btn-info.btn-link {
  color: #2CA8FF;
}

.btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active {
  background-color: transparent;
  color: #4bb5ff;
  text-decoration: none;
  box-shadow: none;
}

.btn-warning {
  background-color: #FFB236;
  color: #fff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:focus, .btn-warning.active:hover, .show > .btn-warning.dropdown-toggle, .show > .btn-warning.dropdown-toggle:focus, .show > .btn-warning.dropdown-toggle:hover {
  background-color: #ffbe55;
  color: #fff;
  box-shadow: none;
}

.btn-warning:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #FFB236;
  border-color: #FFB236;
}

.btn-warning.btn-simple, .wizard > .actions .disabled a.btn-warning {
  color: #FFB236;
  border-color: #FFB236;
}

.btn-warning.btn-simple:hover, .wizard > .actions .disabled a.btn-warning:hover, .btn-warning.btn-simple:focus, .wizard > .actions .disabled a.btn-warning:focus, .btn-warning.btn-simple:active, .wizard > .actions .disabled a.btn-warning:active {
  background-color: transparent;
  color: #ffbe55;
  border-color: #ffbe55;
  box-shadow: none;
}

.btn-warning.btn-link {
  color: #FFB236;
}

.btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active {
  background-color: transparent;
  color: #ffbe55;
  text-decoration: none;
  box-shadow: none;
}

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

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:focus, .btn-danger.active:hover, .show > .btn-danger.dropdown-toggle, .show > .btn-danger.dropdown-toggle:focus, .show > .btn-danger.dropdown-toggle:hover {
  background-color: #f55;
  color: #fff;
  box-shadow: none;
}

.btn-danger:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #FF3636;
  border-color: #FF3636;
}

.btn-danger.btn-simple, .wizard > .actions .disabled a.btn-danger {
  color: #FF3636;
  border-color: #FF3636;
}

.btn-danger.btn-simple:hover, .wizard > .actions .disabled a.btn-danger:hover, .btn-danger.btn-simple:focus, .wizard > .actions .disabled a.btn-danger:focus, .btn-danger.btn-simple:active, .wizard > .actions .disabled a.btn-danger:active {
  background-color: transparent;
  color: #f55;
  border-color: #f55;
  box-shadow: none;
}

.btn-danger.btn-link {
  color: #FF3636;
}

.btn-danger.btn-link:hover, .btn-danger.btn-link:focus, .btn-danger.btn-link:active {
  background-color: transparent;
  color: #f55;
  text-decoration: none;
  box-shadow: none;
}

.btn-neutral {
  background-color: #fff;
  color: #f96332;
}

.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .show > .btn-neutral.dropdown-toggle, .show > .btn-neutral.dropdown-toggle:focus, .show > .btn-neutral.dropdown-toggle:hover {
  background-color: #fff;
  color: #fff;
  box-shadow: none;
}

.btn-neutral:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
  background-color: #fff;
  border-color: #fff;
}

.btn-neutral.btn-danger {
  color: #FF3636;
}

.btn-neutral.btn-danger:hover, .btn-neutral.btn-danger:focus, .btn-neutral.btn-danger:active {
  color: #f55;
}

.btn-neutral.btn-info {
  color: #2CA8FF;
}

.btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active {
  color: #4bb5ff;
}

.btn-neutral.btn-warning {
  color: #FFB236;
}

.btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active {
  color: #ffbe55;
}

.btn-neutral.btn-success {
  color: #18ce0f;
}

.btn-neutral.btn-success:hover, .btn-neutral.btn-success:focus, .btn-neutral.btn-success:active {
  color: #1beb11;
}

.btn-neutral.btn-default {
  color: #888;
}

.btn-neutral.btn-default:hover, .btn-neutral.btn-default:focus, .btn-neutral.btn-default:active {
  color: #979797;
}

.btn-neutral.active, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .show > .btn-neutral.dropdown-toggle, .show > .btn-neutral.dropdown-toggle:focus, .show > .btn-neutral.dropdown-toggle:hover {
  background-color: #fff;
  color: #fa7a50;
  box-shadow: none;
}

.btn-neutral:hover, .btn-neutral:focus {
  color: #fa7a50;
}

.btn-neutral:hover:not(.nav-link), .btn-neutral:focus:not(.nav-link) {
  box-shadow: none;
}

.btn-neutral.btn-simple, .wizard > .actions .disabled a.btn-neutral {
  color: #fff;
  border-color: #fff;
}

.btn-neutral.btn-simple:hover, .wizard > .actions .disabled a.btn-neutral:hover, .btn-neutral.btn-simple:focus, .wizard > .actions .disabled a.btn-neutral:focus, .btn-neutral.btn-simple:active, .wizard > .actions .disabled a.btn-neutral:active {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  box-shadow: none;
}

.btn-neutral.btn-link {
  color: #fff;
}

.btn-neutral.btn-link:hover, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:active {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  box-shadow: none;
}

.btn:disabled, .btn[disabled], .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.btn-round, .wizard > .actions a, .wizard > .actions .disabled a {
  border-width: 1px;
  border-radius: 30px !important;
  padding: 11px 23px;
}

.btn-round.btn-simple, .wizard > .actions a.btn-simple, .wizard > .actions .disabled a {
  padding: 10px 22px;
}

.btn-simple, .wizard > .actions .disabled a {
  border: 1px solid;
  border-color: #888;
  padding: 10px 22px;
  background-color: transparent;
}

.btn-simple.disabled, .wizard > .actions .disabled a.disabled, .btn-simple.disabled:hover, .wizard > .actions .disabled a.disabled:hover, .btn-simple.disabled:focus, .wizard > .actions .disabled a.disabled:focus, .btn-simple.disabled.focus, .wizard > .actions .disabled a.disabled.focus, .btn-simple.disabled:active, .wizard > .actions .disabled a.disabled:active, .btn-simple.disabled.active, .wizard > .actions .disabled a.disabled.active, .btn-simple:disabled, .wizard > .actions .disabled a:disabled, .btn-simple:disabled:hover, .wizard > .actions .disabled a:disabled:hover, .btn-simple:disabled:focus, .wizard > .actions .disabled a:disabled:focus, .btn-simple:disabled.focus, .wizard > .actions .disabled a:disabled.focus, .btn-simple:disabled:active, .wizard > .actions .disabled a:disabled:active, .btn-simple:disabled.active, .wizard > .actions .disabled a:disabled.active, .btn-simple[disabled], .wizard > .actions .disabled a[disabled], .btn-simple[disabled]:hover, .wizard > .actions .disabled a[disabled]:hover, .btn-simple[disabled]:focus, .wizard > .actions .disabled a[disabled]:focus, .btn-simple[disabled].focus, .wizard > .actions .disabled a[disabled].focus, .btn-simple[disabled]:active, .wizard > .actions .disabled a[disabled]:active, .btn-simple[disabled].active, .wizard > .actions .disabled a[disabled].active, fieldset[disabled] .btn-simple, fieldset[disabled] .wizard > .actions .disabled a, .wizard > .actions .disabled fieldset[disabled] a, fieldset[disabled] .btn-simple:hover, fieldset[disabled] .wizard > .actions .disabled a:hover, .wizard > .actions .disabled fieldset[disabled] a:hover, fieldset[disabled] .btn-simple:focus, fieldset[disabled] .wizard > .actions .disabled a:focus, .wizard > .actions .disabled fieldset[disabled] a:focus, fieldset[disabled] .btn-simple.focus, fieldset[disabled] .wizard > .actions .disabled a.focus, .wizard > .actions .disabled fieldset[disabled] a.focus, fieldset[disabled] .btn-simple:active, fieldset[disabled] .wizard > .actions .disabled a:active, .wizard > .actions .disabled fieldset[disabled] a:active, fieldset[disabled] .btn-simple.active, fieldset[disabled] .wizard > .actions .disabled a.active, .wizard > .actions .disabled fieldset[disabled] a.active, .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link:disabled, .btn-link:disabled:hover, .btn-link:disabled:focus, .btn-link:disabled.focus, .btn-link:disabled:active, .btn-link:disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus, .btn-link[disabled]:active, .btn-link[disabled].active, fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link.focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active {
  background-color: transparent;
}

.btn-lg, .btn-group-lg > .btn {
  font-size: 1em;
  border-radius: 0.55rem;
  padding: 15px 48px;
}

.btn-lg.btn-simple, .btn-group-lg > .btn-simple.btn, .wizard > .actions .disabled a.btn-lg, .wizard > .actions .disabled .btn-group-lg > a.btn {
  padding: 14px 47px;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 14px;
  border-radius: 0.1875rem;
  padding: 5px 15px;
}

.btn-sm.btn-simple, .btn-group-sm > .btn-simple.btn, .wizard > .actions .disabled a.btn-sm, .wizard > .actions .disabled .btn-group-sm > a.btn {
  padding: 4px 14px;
}

.btn-link {
  border: 0;
  padding: 0.5rem 0.7rem;
  background-color: transparent;
}

.btn-wd {
  min-width: 140px;
}

.btn-group.select {
  width: 100%;
}

.btn-group.select .btn {
  text-align: left;
}

.btn-group.select .caret {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 8px;
}

.form-control::-moz-placeholder {
  color: #9A9A9A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #9A9A9A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
  color: #9A9A9A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #9A9A9A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control {
  background-color: transparent;
  border: 1px solid #E3E3E3;
  border-radius: 30px;
  color: #2c2c2c;
  line-height: normal;
  font-size: 0.93em;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  box-shadow: none;
}

.has-success .form-control {
  border-color: #18ce0f;
}

.form-control:focus {
  border: 1px solid #f96332;
  box-shadow: none;
  outline: 0 !important;
  color: #2c2c2c;
}

.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon {
  border: 1px solid #f96332;
  border-left: none;
  background-color: transparent;
}

.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
  box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #1be611;
}

.has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, .has-success .form-control.form-control-success, .has-success .form-control.form-control-danger {
  background-image: none;
}

.has-danger .form-control {
  border-color: #ffcfcf;
  color: #FF3636;
  background-color: rgba(222, 222, 222, 0.1);
}

.has-danger .form-control:focus {
  background-color: #fff;
}

.form-control + .form-control-feedback {
  border-radius: 0.55rem;
  font-size: 14px;
  margin-top: 0;
  position: absolute;
  left: 18px;
  bottom: -20px;
  vertical-align: middle;
}

.form-control + .input-group-addon {
  background-color: transparent;
}

.form-control + .input-group-addon:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

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

.has-success:after, .has-danger:after {
  font-family: "Material-Design-Iconic-Font";
  content: "\f26b";
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #18ce0f;
  font-size: 11px;
}

.has-success.input-lg:after, .has-danger.input-lg:after {
  font-size: 13px;
  top: 13px;
}

.has-danger:after {
  content: "\f136";
  color: #FF3636;
}

.form-group.form-group-no-border.input-lg .input-group-addon, .input-group.form-group-no-border.input-lg .input-group-addon {
  padding: 15px 0 15px 19px;
}

.form-group.form-group-no-border.input-lg .form-control, .input-group.form-group-no-border.input-lg .form-control {
  padding: 15px 19px;
}

.form-group.form-group-no-border.input-lg .form-control + .input-group-addon, .input-group.form-group-no-border.input-lg .form-control + .input-group-addon {
  padding: 15px 19px 15px 0;
}

.form-group.input-lg .form-control, .input-group.input-lg .form-control {
  padding: 14px 18px;
}

.form-group.input-lg .form-control + .input-group-addon, .input-group.input-lg .form-control + .input-group-addon {
  padding: 14px 18px 14px 0;
}

.form-group.input-lg .input-group-addon, .input-group.input-lg .input-group-addon {
  padding: 14px 0 15px 18px;
}

.form-group.input-lg .input-group-addon + .form-control, .input-group.input-lg .input-group-addon + .form-control {
  padding: 15px 18px 15px 16px;
}

.form-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control {
  padding: 11px 19px;
}

.form-group.form-group-no-border .form-control + .input-group-addon, .input-group.form-group-no-border .form-control + .input-group-addon {
  padding: 11px 19px 11px 0;
}

.form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon {
  padding: 11px 0 11px 19px;
}

.form-group .form-control, .input-group .form-control {
  padding: 10px 18px 10px 18px;
}

.form-group .form-control + .input-group-addon, .input-group .form-control + .input-group-addon {
  padding: 10px 18px 10px 0;
}

.form-group .input-group-addon, .input-group .input-group-addon {
  padding: 10px 0 10px 18px;
}

.form-group .input-group-addon + .form-control, .form-group .input-group-addon ~ .form-control, .input-group .input-group-addon + .form-control, .input-group .input-group-addon ~ .form-control {
  padding: 10px 19px 11px 16px;
}

.form-group.form-group-no-border .form-control, .form-group.form-group-no-border .form-control + .input-group-addon, .input-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control + .input-group-addon {
  background-color: rgba(222, 222, 222, 0.3);
  border: medium none;
}

.form-group.form-group-no-border .form-control:focus, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control + .input-group-addon:focus, .form-group.form-group-no-border .form-control + .input-group-addon:active, .form-group.form-group-no-border .form-control + .input-group-addon:active, .input-group.form-group-no-border .form-control:focus, .input-group.form-group-no-border .form-control:active, .input-group.form-group-no-border .form-control:active, .input-group.form-group-no-border .form-control + .input-group-addon:focus, .input-group.form-group-no-border .form-control + .input-group-addon:active, .input-group.form-group-no-border .form-control + .input-group-addon:active {
  border: medium none;
  background-color: rgba(222, 222, 222, 0.5);
}

.form-group.form-group-no-border .form-control:focus + .input-group-addon, .input-group.form-group-no-border .form-control:focus + .input-group-addon {
  background-color: rgba(222, 222, 222, 0.5);
}

.form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon {
  background-color: rgba(222, 222, 222, 0.3);
  border: none;
}

.has-error .form-control-feedback, .has-error .control-label {
  color: #FF3636;
}

.has-success .form-control-feedback, .has-success .control-label {
  color: #18ce0f;
}

.input-group-addon {
  background-color: #fff;
  border: 1px solid #E3E3E3;
  border-radius: 30px;
  color: #555;
  padding: -0.5rem 0 -0.5rem -0.3rem;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.has-success .input-group-addon, .has-danger .input-group-addon {
  background-color: #fff;
}

.has-danger .form-control:focus + .input-group-addon {
  color: #FF3636;
}

.has-success .form-control:focus + .input-group-addon {
  color: #18ce0f;
}

.input-group-addon + .form-control, .input-group-addon ~ .form-control {
  padding: -0.5rem 0.7rem;
  padding-left: 18px;
}

.input-group-addon i {
  width: 17px;
}

.input-group-focus .input-group-addon {
  background-color: #fff;
  border-color: #f96332;
}

.input-group-focus.form-group-no-border .input-group-addon {
  background-color: rgba(222, 222, 222, 0.5);
}

.input-group, .form-group {
  margin-bottom: 10px;
}

.input-group[disabled] .input-group-addon {
  background-color: #E3E3E3;
}

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

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

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #E3E3E3;
  color: #888;
  cursor: not-allowed;
}

.input-group-btn .btn {
  border-width: 1px;
  padding: 11px 0.7rem;
}

.input-group-btn .btn-default:not(.btn-fill) {
  border-color: #ddd;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
}

textarea.form-control {
  max-width: 100%;
  padding: 10px 10px 0 0;
  resize: none;
  border: none;
  border-bottom: 1px solid #E3E3E3;
  border-radius: 0;
  line-height: 2;
}

textarea.form-control:focus, textarea.form-control:active {
  border-left: none;
  border-top: none;
  border-right: none;
}

.has-success.form-group .form-control, .has-success.form-group.form-group-no-border .form-control, .has-danger.form-group .form-control, .has-danger.form-group.form-group-no-border .form-control {
  padding-right: 40px;
}

.form-group {
  position: relative;
}

.form-group .help-info {
  font-style: italic;
  font-size: 12px;
  margin-top: 5px;
}

.form-group.has-error, .form-group.has-danger {
  margin-bottom: 20px;
}

.checkbox, .radio {
  margin-bottom: 12px;
}

.checkbox label, .radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  line-height: 27px;
}

.radio label {
  padding-left: 28px;
}

.checkbox label::before, .checkbox label::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  cursor: pointer;
  border-radius: 3px;
  top: 0;
  background-color: transparent;
  border: 1px solid #E3E3E3;
  transition: opacity 0.3s linear;
}

.checkbox label::after {
  font-family: "Material-Design-Iconic-Font";
  content: "\f26b";
  top: 0px;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  color: #555;
  border: 0;
  background-color: inherit;
}

.checkbox input[type=checkbox], .radio input[type=radio] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.checkbox input[type=checkbox]:checked + label::after {
  opacity: 1;
}

.checkbox input[type=checkbox]:disabled + label, .radio input[type=radio]:disabled + label {
  color: #9A9A9A;
  opacity: 0.5;
}

.checkbox input[type=checkbox]:disabled + label::before, .checkbox input[type=checkbox]:disabled + label::after {
  cursor: not-allowed;
}

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

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca;
}

.checkbox-primary input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type=checkbox]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type=checkbox]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type=checkbox]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type=checkbox]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type=checkbox]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type=checkbox]:checked + label::after {
  color: #fff;
}

.radio label::before, .radio label::after {
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #E3E3E3;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
  padding: 1px;
  transition: opacity 0.3s linear;
}

.radio input[type=radio] + label:after, .radio input[type=radio] {
  opacity: 0;
}

.radio input[type=radio]:checked + label::after {
  width: 4px;
  height: 4px;
  background-color: #555;
  border-color: #555;
  top: 11px;
  left: 11px;
  opacity: 1;
}

.radio input[type=radio]:checked + label::after {
  opacity: 1;
}

.radio input[type=radio]:disabled + label {
  color: #9A9A9A;
}

.radio input[type=radio]:disabled + label::before, .radio input[type=radio]:disabled + label::after {
  color: #9A9A9A;
}

.radio.radio-inline {
  margin-top: 0;
}

.progress-container {
  position: relative;
}

.progress-container + .progress-container, .progress-container ~ .progress-container {
  margin-top: 15px;
}

.progress-container .progress-badge {
  color: #888;
  font-size: 0.93em;
  text-transform: uppercase;
}

.progress-container .progress {
  height: 1px;
  border-radius: 0;
  box-shadow: none;
  background: rgba(222, 222, 222, 0.8);
  margin-top: 14px;
}

.progress-container .progress .progress-bar {
  box-shadow: none;
  background-color: #888;
}

.progress-container .progress .progress-value {
  position: absolute;
  top: 6px;
  right: 0;
  color: #888;
  font-size: 0.93em;
}

.progress-container.progress-neutral .progress {
  background: rgba(255, 255, 255, 0.3);
}

.progress-container.progress-neutral .progress-bar {
  background: #fff;
}

.progress-container.progress-neutral .progress-value, .progress-container.progress-neutral .progress-badge {
  color: #fff;
}

.progress-container.progress-primary .progress {
  background: rgba(249, 99, 50, 0.3);
}

.progress-container.progress-primary .progress-bar {
  background: #f96332;
}

.progress-container.progress-primary .progress-value, .progress-container.progress-primary .progress-badge {
  color: #f96332;
}

.progress-container.progress-info .progress {
  background: rgba(44, 168, 255, 0.3);
}

.progress-container.progress-info .progress-bar {
  background: #2CA8FF;
}

.progress-container.progress-info .progress-value, .progress-container.progress-info .progress-badge {
  color: #2CA8FF;
}

.progress-container.progress-success .progress {
  background: rgba(24, 206, 15, 0.3);
}

.progress-container.progress-success .progress-bar {
  background: #18ce0f;
}

.progress-container.progress-success .progress-value, .progress-container.progress-success .progress-badge {
  color: #18ce0f;
}

.progress-container.progress-warning .progress {
  background: rgba(255, 178, 54, 0.3);
}

.progress-container.progress-warning .progress-bar {
  background: #FFB236;
}

.progress-container.progress-warning .progress-value, .progress-container.progress-warning .progress-badge {
  color: #FFB236;
}

.progress-container.progress-danger .progress {
  background: rgba(255, 54, 54, 0.3);
}

.progress-container.progress-danger .progress-bar {
  background: #FF3636;
}

.progress-container.progress-danger .progress-value, .progress-container.progress-danger .progress-badge {
  color: #FF3636;
}

.badge {
  padding: 2px 8px;
  text-transform: uppercase;
  font-size: 0.7142em;
  line-height: 12px;
  background-color: transparent;
  border: 1px solid;
  margin-bottom: 5px;
  border-radius: 0.875rem;
}

.badge-icon {
  padding: 0.4em 0.55em;
}

.badge-icon i {
  font-size: 0.8em;
}

.badge-default {
  border-color: #888;
  color: #888 !important;
}

.badge-primary {
  border-color: #f96332;
  color: #f96332 !important;
}

.badge-info {
  border-color: #2CA8FF;
  color: #2CA8FF !important;
}

.badge-success {
  border-color: #18ce0f;
  color: #18ce0f !important;
}

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

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

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

.pagination .page-item .page-link {
  border: 0;
  border-radius: 30px !important;
  transition: all 0.3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #ccc;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  background: transparent;
}

.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
  color: #2c2c2c;
  background-color: rgba(222, 222, 222, 0.3);
  border: none;
}

.pagination .arrow-margin-left, .pagination .arrow-margin-right {
  position: absolute;
}

.pagination .arrow-margin-right {
  right: 0;
}

.pagination .arrow-margin-left {
  left: 0;
}

.pagination .page-item.active > .page-link {
  color: #E3E3E3;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.pagination .page-item.active > .page-link, .pagination .page-item.active > .page-link:focus, .pagination .page-item.active > .page-link:hover {
  background-color: #888;
  border-color: #888;
  color: #fff;
}

.pagination .page-item.disabled > .page-link {
  opacity: 0.5;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.pagination.pagination-info .page-item.active > .page-link, .pagination.pagination-info .page-item.active > .page-link:focus, .pagination.pagination-info .page-item.active > .page-link:hover {
  background-color: #2CA8FF;
  border-color: #2CA8FF;
}

.pagination.pagination-success .page-item.active > .page-link, .pagination.pagination-success .page-item.active > .page-link:focus, .pagination.pagination-success .page-item.active > .page-link:hover {
  background-color: #18ce0f;
  border-color: #18ce0f;
}

.pagination.pagination-primary .page-item.active > .page-link, .pagination.pagination-primary .page-item.active > .page-link:focus, .pagination.pagination-primary .page-item.active > .page-link:hover {
  background-color: #f96332;
  border-color: #f96332;
}

.pagination.pagination-warning .page-item.active > .page-link, .pagination.pagination-warning .page-item.active > .page-link:focus, .pagination.pagination-warning .page-item.active > .page-link:hover {
  background-color: #FFB236;
  border-color: #FFB236;
}

.pagination.pagination-danger .page-item.active > .page-link, .pagination.pagination-danger .page-item.active > .page-link:focus, .pagination.pagination-danger .page-item.active > .page-link:hover {
  background-color: #FF3636;
  border-color: #FF3636;
}

.pagination.pagination-neutral .page-item > .page-link {
  color: #fff;
}

.pagination.pagination-neutral .page-item > .page-link:focus, .pagination.pagination-neutral .page-item > .page-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.pagination.pagination-neutral .page-item.active > .page-link, .pagination.pagination-neutral .page-item.active > .page-link:focus, .pagination.pagination-neutral .page-item.active > .page-link:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f96332;
}

a {
  color: #f96332;
}

a:hover, a:focus {
  color: #f96332;
}

h1, .h1 {
  font-size: 3.5em;
  line-height: 1.15;
  margin-bottom: 30px;
}

h1 small, .h1 small {
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.8;
}

h2, .h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}

h3, .h3 {
  font-size: 2em;
  margin-bottom: 30px;
  line-height: 1.4em;
}

h4, .h4 {
  font-size: 1.714em;
  line-height: 1.45em;
  margin-top: 30px;
  margin-bottom: 15px;
}

h4 + .category, h4.title + .category, .h4 + .category, .h4.title + .category {
  margin-top: -10px;
}

h5, .h5 {
  font-size: 1.57em;
  line-height: 1.4em;
  margin-bottom: 15px;
}

h6, .h6 {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

p {
  line-height: 1.61em;
}

.description p, p.description {
  font-size: 1.14em;
}

.title {
  font-weight: 700;
  font-size: 18px;
}

.title.title-up {
  text-transform: uppercase;
}

.title.title-up a {
  color: #2c2c2c;
  text-decoration: none;
}

.title + .category {
  margin-top: -25px;
}

.description, .card-description, .footer-big p {
  color: #9A9A9A;
  font-weight: 300;
}

.category {
  text-transform: uppercase;
  font-weight: 700;
  color: #9A9A9A;
}

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

.text-info {
  color: #2CA8FF !important;
}

.text-success {
  color: #18ce0f !important;
}

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

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

.text-black {
  color: #444;
}

.blockquote {
  border-left: none;
  border: 1px solid #888;
  padding: 20px;
  font-size: 1em;
  line-height: 1.8;
}

.blockquote small {
  color: #888;
  font-size: 0.93em;
  text-transform: uppercase;
}

.blockquote.blockquote-primary {
  border-color: #f96332;
  color: #f96332;
}

.blockquote.blockquote-primary small {
  color: #f96332;
}

.blockquote.blockquote-danger {
  border-color: #FF3636;
  color: #FF3636;
}

.blockquote.blockquote-danger small {
  color: #FF3636;
}

.blockquote.blockquote-white {
  border-color: rgba(255, 255, 255, 0.8);
  color: #fff;
}

.blockquote.blockquote-white small {
  color: rgba(255, 255, 255, 0.8);
}

body {
  color: #2c2c2c;
  font-size: 14px;
  font-family: "Muli", "Helvetica Neue", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.main {
  position: relative;
  background: #fff;
}

.nav-pills .nav-link, .nav-item .nav-link, .navbar, .nav-tabs .nav-link {
  transition: all 300ms ease 0s;
}

.dropdown-toggle:after, .bootstrap-switch-label:before {
  transition: all 150ms ease 0s;
}

.dropdown-toggle[aria-expanded=true]:after {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.button-bar {
  display: block;
  position: relative;
  width: 22px;
  height: 1px;
  border-radius: 1px;
  background: #fff;
}

.button-bar + .button-bar {
  margin-top: 7px;
}

.button-bar:nth-child(2) {
  width: 17px;
}

.open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.separator {
  height: 2px;
  width: 44px;
  background-color: #888;
  margin: 20px auto;
}

.separator.separator-primary {
  background-color: #f96332;
}

.nav-pills .nav-item .nav-link {
  padding: 0 15.5px;
  text-align: center;
  height: 60px;
  width: 60px;
  font-weight: 400;
  color: #9A9A9A;
  margin-right: 19px;
  background-color: rgba(222, 222, 222, 0.3);
  border-radius: 30px;
}

.nav-pills .nav-item .nav-link:hover {
  background-color: rgba(222, 222, 222, 0.3);
}

.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:focus, .nav-pills .nav-item .nav-link.active:hover {
  background-color: #9A9A9A;
  color: #fff;
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.nav-pills .nav-item .nav-link.disabled, .nav-pills .nav-item .nav-link:disabled, .nav-pills .nav-item .nav-link[disabled] {
  opacity: 0.5;
}

.nav-pills .nav-item i {
  display: block;
  font-size: 20px;
  line-height: 60px;
}

.nav-pills.nav-pills-neutral .nav-item .nav-link {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.nav-pills.nav-pills-neutral .nav-item .nav-link.active, .nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus, .nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover {
  background-color: #fff;
  color: #f96332;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active, .nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
  background-color: #f96332;
}

.nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
  background-color: #2CA8FF;
}

.nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
  background-color: #18ce0f;
}

.nav-pills.nav-pills-warning .nav-item .nav-link.active, .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
  background-color: #FFB236;
}

.nav-pills.nav-pills-danger .nav-item .nav-link.active, .nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
  background-color: #FF3636;
}

.tab-space {
  padding: 20px 0 50px 0px;
}

.nav-align-center {
  text-align: center;
}

.nav-align-center .nav-pills {
  display: inline-flex;
}

.btn-twitter {
  color: #55acee;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
  color: #3ea1ec;
}

.btn-facebook {
  color: #3b5998;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
  color: #344e86;
}

.btn-google {
  color: #dd4b39;
}

.btn-google:hover, .btn-google:focus, .btn-google:active {
  color: #d73925;
}

.btn-linkedin {
  color: #0077B5;
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
  color: #00669c;
}

.nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
}

.nav-tabs > .nav-item:hover {
  opacity: 0.6;
}

.nav-tabs > .nav-item > .nav-link {
  color: #888;
  margin: 0;
  margin-right: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 14px;
  line-height: 1.5;
}

.nav-tabs > .nav-item > .nav-link:hover {
  background-color: transparent;
}

.nav-tabs > .nav-item > .nav-link.active {
  border: 1px solid #888;
  border-radius: 30px;
}

.nav-tabs > .nav-item > .nav-link i.now-ui-icons {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.nav-tabs > .nav-item.disabled > .nav-link, .nav-tabs > .nav-item.disabled > .nav-link:hover {
  color: rgba(255, 255, 255, 0.5);
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
  color: #fff;
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

.nav-tabs.nav-tabs-primary > .nav-item > .nav-link.active {
  border-color: #f96332;
  color: #f96332;
}

.nav-tabs.nav-tabs-info > .nav-item > .nav-link.active {
  border-color: #2CA8FF;
  color: #2CA8FF;
}

.nav-tabs.nav-tabs-danger > .nav-item > .nav-link.active {
  border-color: #FF3636;
  color: #FF3636;
}

.nav-tabs.nav-tabs-warning > .nav-item > .nav-link.active {
  border-color: #FFB236;
  color: #FFB236;
}

.nav-tabs.nav-tabs-success > .nav-item > .nav-link.active {
  border-color: #18ce0f;
  color: #18ce0f;
}

.navbar .navbar-toggler {
  width: 37px;
  height: 27px;
  outline: 0;
  cursor: pointer;
}

.navbar .navbar-toggler.navbar-toggler-left {
  position: relative;
  left: 0;
  padding-left: 0;
}

.navbar .navbar-toggler:hover .navbar-toggler-bar.bar2 {
  width: 22px;
}

.navbar .navbar-brand {
  text-transform: uppercase;
  font-size: 0.93em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.625rem;
}

.navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
  width: 17px;
}

.bg-default {
  background-color: #888 !important;
}

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

.bg-info {
  background-color: #2CA8FF !important;
}

.bg-success {
  background-color: #18ce0f !important;
}

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

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

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

.dropdown-menu {
  border: 0;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

.dropdown-menu.dropdown-menu-right:before {
  left: auto;
  right: 10px;
}

.dropdown-menu:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: -6px;
  left: 10px;
  right: auto;
  color: #fff;
  border-bottom: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}

.dropdown-menu .dropdown-item {
  font-size: 0.93em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background-color: rgba(222, 222, 222, 0.3);
}

.dropdown-menu .dropdown-divider {
  background-color: rgba(222, 222, 222, 0.5);
}

.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(182, 182, 182, 0.6);
  font-size: 0.7142em;
  text-transform: uppercase;
  font-weight: 700;
}

.dropdown-menu.dropdown-primary {
  background-color: #f95823;
}

.dropdown-menu.dropdown-primary:before {
  color: #f95823;
}

.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-primary .dropdown-item {
  color: #fff;
}

.dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown-menu.dropdown-primary .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-primary .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-info {
  background-color: #1da2ff;
}

.dropdown-menu.dropdown-info:before {
  color: #1da2ff;
}

.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-info .dropdown-item {
  color: #fff;
}

.dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown-menu.dropdown-info .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-info .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-danger {
  background-color: #ff2727;
}

.dropdown-menu.dropdown-danger:before {
  color: #ff2727;
}

.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-danger .dropdown-item {
  color: #fff;
}

.dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown-menu.dropdown-danger .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-danger .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-success {
  background-color: #16c00e;
}

.dropdown-menu.dropdown-success:before {
  color: #16c00e;
}

.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-success .dropdown-item {
  color: #fff;
}

.dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown-menu.dropdown-success .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-success .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-warning {
  background-color: #ffac27;
}

.dropdown-menu.dropdown-warning:before {
  color: #ffac27;
}

.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-warning .dropdown-item {
  color: #fff;
}

.dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown-menu.dropdown-warning .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-warning .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown .dropdown-menu {
  transform: translate3d(0, -25px, 0);
  visibility: hidden;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

.dropdown.show .dropdown-menu, .dropdown-menu.open {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  display: block;
  transform: translate3d(0, 0px, 0);
}

.button-dropdown {
  padding-right: 0.7rem;
  cursor: pointer;
}

.button-dropdown .dropdown-toggle {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: block;
}

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

.alert {
  border: 0;
  border-radius: 0;
  color: #fff;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  position: relative;
}

.alert.alert-success {
  background-color: rgba(24, 206, 15, 0.8);
}

.alert.alert-danger {
  background-color: rgba(255, 54, 54, 0.8);
}

.alert.alert-warning {
  background-color: rgba(255, 178, 54, 0.8);
}

.alert.alert-info {
  background-color: rgba(44, 168, 255, 0.8);
}

.alert.alert-primary {
  background-color: rgba(249, 99, 50, 0.8);
}

.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 15px;
  margin-top: -1px;
}

.alert strong {
  text-transform: uppercase;
  font-size: 12px;
}

.alert i.fa, .alert i.now-ui-icons {
  font-size: 20px;
}

.alert .close {
  color: #fff;
  opacity: 0.9;
  text-shadow: none;
  line-height: 0;
  outline: 0;
  right: 0 !important;
  top: 11px !important;
}

img {
  max-width: 100%;
  border-radius: 1px;
}

.img-raised {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.popover {
  font-size: 14px;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  border: none;
  line-height: 1.7;
  max-width: 240px;
}

.popover.bs-popover-top .arrow:before, .popover.bs-popover-auto[x-placement^=top] .arrow:before, .popover.bs-popover-left .arrow:before, .popover.bs-popover-auto[x-placement^=left] .arrow:before, .popover.bs-popover-right .arrow:before, .popover.bs-popover-auto[x-placement^=right] .arrow:before, .popover.bs-popover-bottom .arrow:before, .popover.bs-popover-auto[x-placement^=bottom] .arrow:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.popover .popover-header {
  color: rgba(182, 182, 182, 0.6);
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  margin: 0;
  margin-top: 5px;
  border: none;
  background-color: transparent;
}

.popover:before {
  display: none;
}

.popover.bs-tether-element-attached-top:after {
  border-bottom-color: #fff;
  top: -9px;
}

.popover.popover-primary {
  background-color: #f96332;
}

.popover.popover-primary .popover-body {
  color: #fff;
}

.popover.popover-primary.bs-popover-right .arrow:after, .popover.popover-primary.bs-popover-auto[x-placement^=right] .arrow:after {
  border-right-color: #f96332;
}

.popover.popover-primary.bs-popover-top .arrow:after, .popover.popover-primary.bs-popover-auto[x-placement^=top] .arrow:after {
  border-top-color: #f96332;
}

.popover.popover-primary.bs-popover-bottom .arrow:after, .popover.popover-primary.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #f96332;
}

.popover.popover-primary.bs-popover-left .arrow:after, .popover.popover-primary.bs-popover-auto[x-placement^=left] .arrow:after {
  border-left-color: #f96332;
}

.popover.popover-primary .popover-header {
  color: #fff;
  opacity: 0.6;
}

.popover.popover-info {
  background-color: #2CA8FF;
}

.popover.popover-info .popover-body {
  color: #fff;
}

.popover.popover-info.bs-popover-right .arrow:after, .popover.popover-info.bs-popover-auto[x-placement^=right] .arrow:after {
  border-right-color: #2CA8FF;
}

.popover.popover-info.bs-popover-top .arrow:after, .popover.popover-info.bs-popover-auto[x-placement^=top] .arrow:after {
  border-top-color: #2CA8FF;
}

.popover.popover-info.bs-popover-bottom .arrow:after, .popover.popover-info.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #2CA8FF;
}

.popover.popover-info.bs-popover-left .arrow:after, .popover.popover-info.bs-popover-auto[x-placement^=left] .arrow:after {
  border-left-color: #2CA8FF;
}

.popover.popover-info .popover-header {
  color: #fff;
  opacity: 0.6;
}

.popover.popover-warning {
  background-color: #FFB236;
}

.popover.popover-warning .popover-body {
  color: #fff;
}

.popover.popover-warning.bs-popover-right .arrow:after, .popover.popover-warning.bs-popover-auto[x-placement^=right] .arrow:after {
  border-right-color: #FFB236;
}

.popover.popover-warning.bs-popover-top .arrow:after, .popover.popover-warning.bs-popover-auto[x-placement^=top] .arrow:after {
  border-top-color: #FFB236;
}

.popover.popover-warning.bs-popover-bottom .arrow:after, .popover.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #FFB236;
}

.popover.popover-warning.bs-popover-left .arrow:after, .popover.popover-warning.bs-popover-auto[x-placement^=left] .arrow:after {
  border-left-color: #FFB236;
}

.popover.popover-warning .popover-header {
  color: #fff;
  opacity: 0.6;
}

.popover.popover-danger {
  background-color: #FF3636;
}

.popover.popover-danger .popover-body {
  color: #fff;
}

.popover.popover-danger.bs-popover-right .arrow:after, .popover.popover-danger.bs-popover-auto[x-placement^=right] .arrow:after {
  border-right-color: #FF3636;
}

.popover.popover-danger.bs-popover-top .arrow:after, .popover.popover-danger.bs-popover-auto[x-placement^=top] .arrow:after {
  border-top-color: #FF3636;
}

.popover.popover-danger.bs-popover-bottom .arrow:after, .popover.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #FF3636;
}

.popover.popover-danger.bs-popover-left .arrow:after, .popover.popover-danger.bs-popover-auto[x-placement^=left] .arrow:after {
  border-left-color: #FF3636;
}

.popover.popover-danger .popover-header {
  color: #fff;
  opacity: 0.6;
}

.popover.popover-success {
  background-color: #18ce0f;
}

.popover.popover-success .popover-body {
  color: #fff;
}

.popover.popover-success.bs-popover-right .arrow:after, .popover.popover-success.bs-popover-auto[x-placement^=right] .arrow:after {
  border-right-color: #18ce0f;
}

.popover.popover-success.bs-popover-top .arrow:after, .popover.popover-success.bs-popover-auto[x-placement^=top] .arrow:after {
  border-top-color: #18ce0f;
}

.popover.popover-success.bs-popover-bottom .arrow:after, .popover.popover-success.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #18ce0f;
}

.popover.popover-success.bs-popover-left .arrow:after, .popover.popover-success.bs-popover-auto[x-placement^=left] .arrow:after {
  border-left-color: #18ce0f;
}

.popover.popover-success .popover-header {
  color: #fff;
  opacity: 0.6;
}

.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before {
  border-right-color: #fff;
}

.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before {
  border-top-color: #fff;
}

.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
  border-bottom-color: #fff;
}

.tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before {
  border-left-color: #fff;
}

.tooltip-inner {
  padding: 0.5rem 0.7rem;
  min-width: 130px;
  background-color: #fff;
  font-size: 14px;
  color: inherit;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

@font-face {
  font-family: "Nucleo Outline";
  src: url(/nucleo-outline.eot);
  src: url(/nucleo-outline.eot) format("embedded-opentype"), url(/nucleo-outline.woff2) format("woff2"), url(/nucleo-outline.woff) format("woff"), url(/nucleo-outline.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 "Nucleo Outline";
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.now-ui-icons.circle {
  padding: 0.33333333em;
  vertical-align: -16%;
  background-color: #eee;
}

.now-ui-icons.circle {
  border-radius: 50%;
}

.nc-icon-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.nc-icon-ul > li {
  position: relative;
}

.nc-icon-ul > li > .now-ui-icons {
  position: absolute;
  left: -1.57142857em;
  top: 0.14285714em;
  text-align: center;
}

.nc-icon-ul > li > .now-ui-icons.circle {
  top: -0.19047619em;
  left: -1.9047619em;
}

.now-ui-icons.spin {
  animation: nc-icon-spin 2s infinite linear;
}
@keyframes nc-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.now-ui-icons.ui-1_check:before {
  content: "\ea22";
}

.now-ui-icons.ui-1_email-85:before {
  content: "\ea2a";
}

.now-ui-icons.arrows-1_cloud-download-93:before {
  content: "\ea21";
}

.now-ui-icons.arrows-1_cloud-upload-94:before {
  content: "\ea24";
}

.now-ui-icons.arrows-1_minimal-down:before {
  content: "\ea39";
}

.now-ui-icons.arrows-1_minimal-left:before {
  content: "\ea3a";
}

.now-ui-icons.arrows-1_minimal-right:before {
  content: "\ea3b";
}

.now-ui-icons.arrows-1_minimal-up:before {
  content: "\ea3c";
}

.now-ui-icons.arrows-1_refresh-69:before {
  content: "\ea44";
}

.now-ui-icons.arrows-1_share-66:before {
  content: "\ea4c";
}

.now-ui-icons.business_badge:before {
  content: "\ea09";
}

.now-ui-icons.business_bank:before {
  content: "\ea0a";
}

.now-ui-icons.business_briefcase-24:before {
  content: "\ea13";
}

.now-ui-icons.business_bulb-63:before {
  content: "\ea15";
}

.now-ui-icons.business_chart-bar-32:before {
  content: "\ea1e";
}

.now-ui-icons.business_chart-pie-36:before {
  content: "\ea1f";
}

.now-ui-icons.business_globe:before {
  content: "\ea2f";
}

.now-ui-icons.business_money-coins:before {
  content: "\ea40";
}

.now-ui-icons.clothes_tie-bow:before {
  content: "\ea5b";
}

.now-ui-icons.design_vector:before {
  content: "\ea61";
}

.now-ui-icons.design_app:before {
  content: "\ea08";
}

.now-ui-icons.design_bullet-list-67:before {
  content: "\ea14";
}

.now-ui-icons.design_image:before {
  content: "\ea33";
}

.now-ui-icons.design_palette:before {
  content: "\ea41";
}

.now-ui-icons.design_scissors:before {
  content: "\ea4a";
}

.now-ui-icons.design-2_html5:before {
  content: "\ea32";
}

.now-ui-icons.design-2_ruler-pencil:before {
  content: "\ea48";
}

.now-ui-icons.emoticons_satisfied:before {
  content: "\ea49";
}

.now-ui-icons.files_box:before {
  content: "\ea12";
}

.now-ui-icons.files_paper:before {
  content: "\ea43";
}

.now-ui-icons.files_single-copy-04:before {
  content: "\ea52";
}

.now-ui-icons.health_ambulance:before {
  content: "\ea07";
}

.now-ui-icons.loader_gear:before {
  content: "\ea4e";
}

.now-ui-icons.loader_refresh:before {
  content: "\ea44";
}

.now-ui-icons.location_bookmark:before {
  content: "\ea10";
}

.now-ui-icons.location_compass-05:before {
  content: "\ea25";
}

.now-ui-icons.location_map-big:before {
  content: "\ea3d";
}

.now-ui-icons.location_pin:before {
  content: "\ea47";
}

.now-ui-icons.location_world:before {
  content: "\ea63";
}

.now-ui-icons.media-1_album:before {
  content: "\ea02";
}

.now-ui-icons.media-1_button-pause:before {
  content: "\ea16";
}

.now-ui-icons.media-1_button-play:before {
  content: "\ea18";
}

.now-ui-icons.media-1_button-power:before {
  content: "\ea19";
}

.now-ui-icons.media-1_camera-compact:before {
  content: "\ea1c";
}

.now-ui-icons.media-2_note-03:before {
  content: "\ea3f";
}

.now-ui-icons.media-2_sound-wave:before {
  content: "\ea57";
}

.now-ui-icons.objects_diamond:before {
  content: "\ea29";
}

.now-ui-icons.objects_globe:before {
  content: "\ea2f";
}

.now-ui-icons.objects_key-25:before {
  content: "\ea38";
}

.now-ui-icons.objects_planet:before {
  content: "\ea46";
}

.now-ui-icons.objects_spaceship:before {
  content: "\ea55";
}

.now-ui-icons.objects_support-17:before {
  content: "\ea56";
}

.now-ui-icons.objects_umbrella-13:before {
  content: "\ea5f";
}

.now-ui-icons.education_agenda-bookmark:before {
  content: "\ea01";
}

.now-ui-icons.education_atom:before {
  content: "\ea0c";
}

.now-ui-icons.education_glasses:before {
  content: "\ea2d";
}

.now-ui-icons.education_hat:before {
  content: "\ea30";
}

.now-ui-icons.education_paper:before {
  content: "\ea42";
}

.now-ui-icons.shopping_bag-16:before {
  content: "\ea0d";
}

.now-ui-icons.shopping_basket:before {
  content: "\ea0b";
}

.now-ui-icons.shopping_box:before {
  content: "\ea11";
}

.now-ui-icons.shopping_cart-simple:before {
  content: "\ea1d";
}

.now-ui-icons.shopping_credit-card:before {
  content: "\ea28";
}

.now-ui-icons.shopping_delivery-fast:before {
  content: "\ea27";
}

.now-ui-icons.shopping_shop:before {
  content: "\ea50";
}

.now-ui-icons.shopping_tag-content:before {
  content: "\ea59";
}

.now-ui-icons.sport_trophy:before {
  content: "\ea5d";
}

.now-ui-icons.sport_user-run:before {
  content: "\ea60";
}

.now-ui-icons.tech_controller-modern:before {
  content: "\ea26";
}

.now-ui-icons.tech_headphones:before {
  content: "\ea31";
}

.now-ui-icons.tech_laptop:before {
  content: "\ea36";
}

.now-ui-icons.tech_mobile:before {
  content: "\ea3e";
}

.now-ui-icons.tech_tablet:before {
  content: "\ea58";
}

.now-ui-icons.tech_tv:before {
  content: "\ea5e";
}

.now-ui-icons.tech_watch-time:before {
  content: "\ea62";
}

.now-ui-icons.text_align-center:before {
  content: "\ea05";
}

.now-ui-icons.text_align-left:before {
  content: "\ea06";
}

.now-ui-icons.text_bold:before {
  content: "\ea0e";
}

.now-ui-icons.text_caps-small:before {
  content: "\ea1b";
}

.now-ui-icons.gestures_tap-01:before {
  content: "\ea5a";
}

.now-ui-icons.transportation_air-baloon:before {
  content: "\ea03";
}

.now-ui-icons.transportation_bus-front-12:before {
  content: "\ea17";
}

.now-ui-icons.travel_info:before {
  content: "\ea04";
}

.now-ui-icons.travel_istanbul:before {
  content: "\ea34";
}

.now-ui-icons.ui-1_bell-53:before {
  content: "\ea0f";
}

.now-ui-icons.ui-1_calendar-60:before {
  content: "\ea1a";
}

.now-ui-icons.ui-1_lock-circle-open:before {
  content: "\ea35";
}

.now-ui-icons.ui-1_send:before {
  content: "\ea4d";
}

.now-ui-icons.ui-1_settings-gear-63:before {
  content: "\ea4e";
}

.now-ui-icons.ui-1_simple-add:before {
  content: "\ea4f";
}

.now-ui-icons.ui-1_simple-delete:before {
  content: "\ea54";
}

.now-ui-icons.ui-1_simple-remove:before {
  content: "\ea53";
}

.now-ui-icons.ui-1_zoom-bold:before {
  content: "\ea64";
}

.now-ui-icons.ui-2_chat-round:before {
  content: "\ea20";
}

.now-ui-icons.ui-2_favourite-28:before {
  content: "\ea2b";
}

.now-ui-icons.ui-2_like:before {
  content: "\ea37";
}

.now-ui-icons.ui-2_settings-90:before {
  content: "\ea4b";
}

.now-ui-icons.ui-2_time-alarm:before {
  content: "\ea5c";
}

.now-ui-icons.users_circle-08:before {
  content: "\ea23";
}

.now-ui-icons.users_single-02:before {
  content: "\ea51";
}

.modal-content {
  border-radius: 0.1875rem;
  border: none;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);
}

.modal-content .modal-header {
  border-bottom: none;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
}

.modal-content .modal-header button {
  position: absolute;
  right: 27px;
  top: 30px;
  outline: 0;
}

.modal-content .modal-header .title {
  margin-top: 5px;
  margin-bottom: 0;
}

.modal-content .modal-body {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  line-height: 1.9;
}

.modal-content .modal-footer {
  border-top: none;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
}

.modal-content .modal-footer button {
  width: auto;
}

.modal-content .modal-footer button.pull-left {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  left: -5px;
}

.modal-content .modal-body + .modal-footer {
  padding-top: 0;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.3);
}

.modal.modal-mini .modal-dialog {
  max-width: 255px;
  margin: 0 auto;
}

.modal.modal-mini .modal-profile {
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 5.9;
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);
}

.modal.modal-mini .modal-profile i {
  color: #f96332;
  font-size: 21px;
}

.modal.modal-mini .modal-profile[class*=modal-profile-] i {
  color: #fff;
}

.modal.modal-mini .modal-profile.modal-profile-primary {
  background-color: #f96332;
}

.modal.modal-mini .modal-profile.modal-profile-danger {
  background-color: #FF3636;
}

.modal.modal-mini .modal-profile.modal-profile-warning {
  background-color: #FFB236;
}

.modal.modal-mini .modal-profile.modal-profile-success {
  background-color: #18ce0f;
}

.modal.modal-mini .modal-profile.modal-profile-info {
  background-color: #2CA8FF;
}

.modal.modal-mini .modal-footer button {
  text-transform: uppercase;
}

.modal.modal-mini .modal-footer button:first-child {
  opacity: 0.5;
}

.modal.modal-default .modal-content {
  background-color: #fff;
  color: #2c2c2c;
}

.modal.modal-default .modal-header .close {
  color: #2c2c2c;
}

.modal.modal-primary .modal-content {
  background-color: #f96332;
  color: #fff;
}

.modal.modal-primary .modal-header .close {
  color: #fff;
}

.modal.modal-danger .modal-content {
  background-color: #FF3636;
  color: #fff;
}

.modal.modal-danger .modal-header .close {
  color: #fff;
}

.modal.modal-warning .modal-content {
  background-color: #FFB236;
  color: #fff;
}

.modal.modal-warning .modal-header .close {
  color: #fff;
}

.modal.modal-success .modal-content {
  background-color: #18ce0f;
  color: #fff;
}

.modal.modal-success .modal-header .close {
  color: #fff;
}

.modal.modal-info .modal-content {
  background-color: #2CA8FF;
  color: #fff;
}

.modal.modal-info .modal-header .close {
  color: #fff;
}

.modal.show.modal-mini .modal-dialog {
  transform: translate(0, 30%);
}

.modal .modal-header .close {
  color: #FF3636;
  text-shadow: none;
}

.modal .modal-header .close:hover, .modal .modal-header .close:focus {
  opacity: 1;
}

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

.carousel .carousel-inner {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.carousel .now-ui-icons {
  font-size: 2em;
}

.card .card-body {
  min-height: 190px;
}

.card[data-background-color=orange] {
  background-color: #f96332;
}

.card[data-background-color=red] {
  background-color: #FF3636;
}

.card[data-background-color=yellow] {
  background-color: #FFB236;
}

.card[data-background-color=blue] {
  background-color: #2CA8FF;
}

.card[data-background-color=green] {
  background-color: #18ce0f;
}

.card-signup {
  max-width: 350px;
  margin: 0 auto;
}

.card-signup .header {
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 0;
}

.card-signup .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center;
}

.card-signup .card-body {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: auto;
}

.card-signup .checkbox {
  margin-top: 20px;
}

.card-signup .checkbox label {
  margin-left: 17px;
}

.card-signup .checkbox .checkbox-material {
  padding-right: 12px;
}

.card-signup .social-line {
  margin-top: 20px;
  text-align: center;
}

.card-signup .social-line .btn.btn-icon, .card-signup .social-line .btn.btn-icon .btn-icon -mini {
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2);
}

.card-signup .footer {
  margin-bottom: 10px;
  margin-top: 24px;
}

.card-plain {
  background: transparent;
  box-shadow: none;
}

.card-plain .header {
  margin-left: 0;
  margin-right: 0;
}

.card-plain .content {
  padding-left: 0;
  padding-right: 0;
}

.footer {
  padding: 24px 0;
}

.footer.footer-default {
  background-color: #f2f2f2;
}

.footer nav {
  display: inline-block;
  float: left;
}

.footer ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.footer ul li {
  display: inline-block;
}

.footer ul li a {
  color: inherit;
  padding: 0.5rem;
  font-size: 0.93em;
  text-transform: uppercase;
  text-decoration: none;
}

.footer ul li a:hover {
  text-decoration: none;
}

.footer .copyright {
  font-size: 0.93em;
}

.footer:after {
  display: table;
  clear: both;
  content: " ";
}

.index-page .page-header {
  height: 125vh;
}

.index-page .page-header .container > .content-center {
  top: 37%;
}

.index-page .page-header .category-absolute {
  position: absolute;
  top: 100vh;
  margin-top: -60px;
  padding: 0 15px;
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
}

.landing-page .header {
  height: 100vh;
  position: relative;
}

.landing-page .header .container {
  padding-top: 26vh;
  color: #FFFFFF;
  z-index: 2;
  position: relative;
}

.landing-page .header .share {
  margin-top: 150px;
}

.landing-page .header h1 {
  font-weight: 600;
}

.landing-page .header .title {
  color: #fff;
}

.landing-page .section-team .team .team-player img {
  max-width: 100px;
}

.landing-page .section-team .team-player {
  margin-bottom: 15px;
}

.landing-page .section-contact-us .title {
  margin-bottom: 15px;
}

.landing-page .section-contact-us .description {
  margin-bottom: 30px;
}

.landing-page .section-contact-us .input-group, .landing-page .section-contact-us .send-button, .landing-page .section-contact-us .textarea-container {
  padding: 0 40px;
}

.landing-page .section-contact-us .textarea-container {
  margin: 40px 0;
}

.landing-page .section-contact-us a.btn {
  margin-top: 35px;
}

.profile-page .page-header {
  min-height: 550px;
}

.profile-page .profile-container {
  color: #FFFFFF;
}

.profile-page .photo-container {
  width: 123px;
  height: 123px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.profile-page .title {
  text-align: center;
  margin-top: 30px;
}

.profile-page .description, .profile-page .category {
  text-align: center;
}

.profile-page h5.description {
  max-width: 700px;
  margin: 20px auto 75px;
}

.profile-page .nav-align-center {
  margin-top: 30px;
}

.profile-page .content {
  max-width: 450px;
  margin: 0 auto;
}

.profile-page .content .social-description {
  display: inline-block;
  max-width: 150px;
  width: 145px;
  text-align: center;
  margin: 15px 0 0px;
}

.profile-page .content .social-description h2 {
  margin-bottom: 15px;
}

.profile-page .button-container {
  text-align: center;
  margin-top: -106px;
}

.profile-page .collections img {
  margin-bottom: 30px;
}

.profile-page .gallery {
  margin-top: 45px;
  padding-bottom: 50px;
}

.section-full-page:after, .section-full-page:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.section-full-page:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.section-full-page[filter-color=purple]:after, .section-full-page[filter-color=primary]:after {
  background: rgba(227, 227, 227, 0.26);
  background: linear-gradient(0deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
}

.section-full-page[data-image]:after {
  opacity: 0.5;
}

.section-full-page > .content, .section-full-page > .footer {
  position: relative;
  z-index: 4;
}

.section-full-page > .content {
  min-height: calc(100vh - 80px);
}

.section-full-page .full-page-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}

.section-full-page .footer nav > ul a:not(.btn), .section-full-page .footer, .section-full-page .footer .copyright a {
  color: #fff;
}

.section {
  padding: 70px 0;
  position: relative;
  background: #fff;
}

.section .row + .category {
  margin-top: 15px;
}

.section-navbars {
  padding-bottom: 0;
}

.section-full-screen {
  height: 100vh;
}

.section-signup {
  padding-top: 20vh;
}

.page-header {
  height: 100vh;
  max-height: 1050px;
  padding: 0;
  position: relative;
  background-position: center center;
  background-size: cover;
}

.page-header .page-header-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.page-header footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.page-header .container {
  height: 100%;
  z-index: 1;
  text-align: center;
  position: relative;
}

.page-header .container > .content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 15px;
  width: 100%;
  max-width: 1080px;
}

.page-header .category, .page-header .description {
  color: rgba(255, 255, 255, 0.5);
}

.page-header.page-header-small {
  height: 60vh;
  max-height: 440px;
}

.page-header:after, .page-header:before {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}

.page-header[filter-color=orange] {
  background: rgba(44, 44, 44, 0.2);
  background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
}

.page-header .container {
  z-index: 2;
}

.clear-filter:after, .clear-filter:before {
  display: none;
}

[data-background-color=orange] {
  background-color: #e95e38;
}

[data-background-color=black] {
  background-color: #2c2c2c;
}

[data-background-color] {
  color: #fff;
}

[data-background-color] .title, [data-background-color] .social-description h2, [data-background-color] p, [data-background-color] p.blockquote, [data-background-color] p.blockquote small, [data-background-color] h1, [data-background-color] h2, [data-background-color] h3, [data-background-color] h4, [data-background-color] h5, [data-background-color] h6, [data-background-color] a:not(.btn):not(.dropdown-item), [data-background-color] .icons-container i {
  color: #fff;
}

[data-background-color] .separator {
  background-color: #fff;
}

[data-background-color] .navbar.bg-white p {
  color: #888;
}

[data-background-color] .description, [data-background-color] .social-description p {
  color: rgba(255, 255, 255, 0.8);
}

[data-background-color] p.blockquote {
  border-color: rgba(255, 255, 255, 0.2);
}

[data-background-color] .checkbox label::before, [data-background-color] .checkbox label::after, [data-background-color] .radio label::before, [data-background-color] .radio label::after {
  border-color: rgba(255, 255, 255, 0.2);
}

[data-background-color] .checkbox label::after, [data-background-color] .checkbox label, [data-background-color] .radio label {
  color: #fff;
}

[data-background-color] .checkbox input[type=checkbox]:disabled + label, [data-background-color] .radio input[type=radio]:disabled + label {
  color: #fff;
}

[data-background-color] .radio input[type=radio]:not(:disabled):hover + label::after, [data-background-color] .radio input[type=radio]:checked + label::after {
  background-color: #fff;
  border-color: #fff;
}

[data-background-color] .form-control::-moz-placeholder {
  color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
}

[data-background-color] .form-control:-moz-placeholder {
  color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
}

[data-background-color] .form-control::-webkit-input-placeholder {
  color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
}

[data-background-color] .form-control:-ms-input-placeholder {
  color: #ebebeb;
  opacity: 1;
  filter: alpha(opacity=100);
}

[data-background-color] .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

[data-background-color] .form-control:focus {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

[data-background-color] .has-success:after, [data-background-color] .has-danger:after {
  color: #fff;
}

[data-background-color] .has-danger .form-control {
  background-color: transparent;
}

[data-background-color] .input-group-addon {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

[data-background-color] .input-group-focus .input-group-addon {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border .form-control, [data-background-color] .input-group.form-group-no-border .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border .form-control:focus, [data-background-color] .form-group.form-group-no-border .form-control:active, [data-background-color] .form-group.form-group-no-border .form-control:active, [data-background-color] .input-group.form-group-no-border .form-control:focus, [data-background-color] .input-group.form-group-no-border .form-control:active, [data-background-color] .input-group.form-group-no-border .form-control:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border .form-control + .input-group-addon, [data-background-color] .input-group.form-group-no-border .form-control + .input-group-addon {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-background-color] .form-group.form-group-no-border .form-control + .input-group-addon:focus, [data-background-color] .form-group.form-group-no-border .form-control + .input-group-addon:active, [data-background-color] .form-group.form-group-no-border .form-control + .input-group-addon:active, [data-background-color] .input-group.form-group-no-border .form-control + .input-group-addon:focus, [data-background-color] .input-group.form-group-no-border .form-control + .input-group-addon:active, [data-background-color] .input-group.form-group-no-border .form-control + .input-group-addon:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border .form-control:focus + .input-group-addon, [data-background-color] .input-group.form-group-no-border .form-control:focus + .input-group-addon {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border .input-group-addon, [data-background-color] .input-group.form-group-no-border .input-group-addon {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
}

[data-background-color] .form-group.form-group-no-border.input-group-focus .input-group-addon, [data-background-color] .input-group.form-group-no-border.input-group-focus .input-group-addon {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

[data-background-color] .input-group-addon, [data-background-color] .form-group.form-group-no-border .input-group-addon, [data-background-color] .input-group.form-group-no-border .input-group-addon {
  color: rgba(255, 255, 255, 0.8);
}

[data-background-color] .btn.btn-simple, [data-background-color] .wizard > .actions .disabled a.btn, .wizard > .actions .disabled [data-background-color] a.btn {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

[data-background-color] .btn.btn-simple:hover, [data-background-color] .wizard > .actions .disabled a.btn:hover, .wizard > .actions .disabled [data-background-color] a.btn:hover, [data-background-color] .btn.btn-simple:hover, [data-background-color] .wizard > .actions .disabled a.btn:hover, .wizard > .actions .disabled [data-background-color] a.btn:hover, [data-background-color] .btn.btn-simple:focus, [data-background-color] .wizard > .actions .disabled a.btn:focus, .wizard > .actions .disabled [data-background-color] a.btn:focus, [data-background-color] .btn.btn-simple:active, [data-background-color] .wizard > .actions .disabled a.btn:active, .wizard > .actions .disabled [data-background-color] a.btn:active {
  background-color: transparent;
  border-color: #fff;
}

[data-background-color] .nav-tabs > .nav-item > .nav-link i.now-ui-icons {
  color: #fff;
}

[data-background-color].section-nucleo-icons .icons-container i:nth-child(6) {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .sidebar-collapse .navbar-collapse {
    position: fixed;
    display: block;
    top: 0;
    height: 100% !important;
    width: 300px;
    right: 0;
    z-index: 1032;
    visibility: visible;
    background-color: #999;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    max-height: none !important;
    transform: translate3d(300px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .sidebar-collapse .navbar-collapse:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .sidebar-collapse .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link {
    margin: 0 1rem;
    margin-top: 0.3125rem;
  }
  .sidebar-collapse .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link:not(.btn) {
    color: #fff;
  }
  .sidebar-collapse .navbar-collapse .dropdown-menu .dropdown-item {
    color: #fff;
  }
  .sidebar-collapse .navbar .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sidebar-collapse .navbar .navbar-nav.navbar-logo {
    top: 0;
    height: 53px;
  }
  .sidebar-collapse .navbar .dropdown.show .dropdown-menu, .sidebar-collapse .navbar .dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    transition: none;
    box-shadow: none;
    width: auto;
    margin: 0 1rem;
    margin-bottom: 15px;
    padding-top: 0;
    height: 150px;
    overflow-y: scroll;
  }
  .sidebar-collapse .navbar .dropdown.show .dropdown-menu:before, .sidebar-collapse .navbar .dropdown .dropdown-menu:before {
    display: none;
  }
  .sidebar-collapse .navbar .dropdown .dropdown-item {
    padding-left: 2.5rem;
  }
  .sidebar-collapse .navbar .dropdown .dropdown-menu {
    display: none;
  }
  .sidebar-collapse .navbar .dropdown.show .dropdown-menu {
    display: block;
  }
  .sidebar-collapse .navbar .dropdown-menu .dropdown-item:focus, .sidebar-collapse .navbar .dropdown-menu .dropdown-item:hover {
    color: #fff;
  }
  .sidebar-collapse .navbar .navbar-translate {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    transform: translate3d(0px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .sidebar-collapse .navbar .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff;
  }
  .sidebar-collapse .navbar .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }
  .sidebar-collapse .navbar .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }
  .sidebar-collapse .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
    background: #888;
  }
  .sidebar-collapse .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }
  .sidebar-collapse .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }
  .sidebar-collapse .bar1, .sidebar-collapse .bar2, .sidebar-collapse .bar3 {
    outline: 1px solid transparent;
  }
  .sidebar-collapse .bar1 {
    top: 0px;
    animation: topbar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .sidebar-collapse .bar2 {
    opacity: 1;
  }
  .sidebar-collapse .bar3 {
    bottom: 0px;
    animation: bottombar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .sidebar-collapse .toggled .bar1 {
    top: 6px;
    animation: topbar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  .sidebar-collapse .toggled .bar2 {
    opacity: 0;
  }
  .sidebar-collapse .toggled .bar3 {
    bottom: 6px;
    animation: bottombar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }
    45% {
      top: 6px;
      transform: rotate(145deg);
    }
    75% {
      transform: rotate(130deg);
    }
    100% {
      transform: rotate(135deg);
    }
  }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }
    45% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(5deg);
    }
    100% {
      top: 0px;
      transform: rotate(0);
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }
    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }
    75% {
      transform: rotate(-130deg);
    }
    100% {
      transform: rotate(-135deg);
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    45% {
      transform: rotate(10deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .sidebar-collapse [class*=navbar-expand-] .navbar-collapse {
    width: 300px;
  }
  .sidebar-collapse .wrapper {
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .sidebar-collapse #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    left: auto;
    right: 300px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    background-color: transparent;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .sidebar-collapse.menu-on-left .navbar-collapse {
    right: auto;
    left: 0;
    transform: translate3d(-300px, 0, 0);
  }
  .nav-open .sidebar-collapse .navbar-collapse {
    transform: translate3d(0px, 0, 0);
  }
  .nav-open .sidebar-collapse .wrapper {
    transform: translate3d(-150px, 0, 0);
  }
  .nav-open .sidebar-collapse .navbar-translate {
    transform: translate3d(-300px, 0, 0);
  }
  .nav-open .sidebar-collapse.menu-on-left .navbar-collapse {
    transform: translate3d(0px, 0, 0);
  }
  .nav-open .sidebar-collapse.menu-on-left .navbar-translate {
    transform: translate3d(300px, 0, 0);
  }
  .nav-open .sidebar-collapse.menu-on-left .wrapper {
    transform: translate3d(150px, 0, 0);
  }
  .nav-open .sidebar-collapse.menu-on-left #bodyClick {
    right: auto;
    left: 300px;
  }
  .bootstrap-collapse .navbar .navbar-collapse {
    background: none !important;
  }
  .bootstrap-collapse .navbar .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .bootstrap-collapse .navbar .navbar-nav.navbar-logo {
    top: 0;
    height: 53px;
  }
  .bootstrap-collapse .navbar .dropdown.show .dropdown-menu, .bootstrap-collapse .navbar .dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    transition: none;
    box-shadow: none;
    width: auto;
    margin: 0 1rem;
    margin-bottom: 15px;
    padding-top: 0;
    height: 150px;
    overflow-y: scroll;
  }
  .bootstrap-collapse .navbar .dropdown.show .dropdown-menu:before, .bootstrap-collapse .navbar .dropdown .dropdown-menu:before {
    display: none;
  }
  .bootstrap-collapse .navbar .dropdown .dropdown-item {
    padding-left: 2.5rem;
  }
  .bootstrap-collapse .navbar .dropdown .dropdown-menu {
    display: none;
  }
  .bootstrap-collapse .navbar .dropdown.show .dropdown-menu {
    display: block;
  }
  .bootstrap-collapse .navbar .dropdown-menu .dropdown-item:focus, .bootstrap-collapse .navbar .dropdown-menu .dropdown-item:hover {
    color: #fff;
  }
  .bootstrap-collapse .navbar .navbar-translate {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    transform: translate3d(0px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .bootstrap-collapse .navbar .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff;
  }
  .bootstrap-collapse .navbar .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }
  .bootstrap-collapse .navbar .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }
  .bootstrap-collapse .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
    background: #888;
  }
  .bootstrap-collapse .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }
  .bootstrap-collapse .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }
  .bootstrap-collapse .bar1, .bootstrap-collapse .bar2, .bootstrap-collapse .bar3 {
    outline: 1px solid transparent;
  }
  .bootstrap-collapse .bar1 {
    top: 0px;
    animation: topbar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .bootstrap-collapse .bar2 {
    opacity: 1;
  }
  .bootstrap-collapse .bar3 {
    bottom: 0px;
    animation: bottombar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .bootstrap-collapse .toggled .bar1 {
    top: 6px;
    animation: topbar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  .bootstrap-collapse .toggled .bar2 {
    opacity: 0;
  }
  .bootstrap-collapse .toggled .bar3 {
    bottom: 6px;
    animation: bottombar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }
    45% {
      top: 6px;
      transform: rotate(145deg);
    }
    75% {
      transform: rotate(130deg);
    }
    100% {
      transform: rotate(135deg);
    }
  }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }
    45% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(5deg);
    }
    100% {
      top: 0px;
      transform: rotate(0);
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }
    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }
    75% {
      transform: rotate(-130deg);
    }
    100% {
      transform: rotate(-135deg);
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    45% {
      transform: rotate(10deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .profile-photo .profile-photo-small {
    margin-left: -2px;
  }
  .button-dropdown {
    display: none;
  }
  .section-nucleo-icons .container .row > [class*=col-]:first-child {
    text-align: center;
  }
  .footer .copyright {
    text-align: right;
  }
  .section-nucleo-icons .icons-container {
    margin-top: 65px;
  }
  .navbar-nav .nav-link i.fa, .navbar-nav .nav-link i.now-ui-icons {
    opacity: 0.5;
  }
  .section-images {
    height: 500px;
    max-height: 500px;
  }
  .section-images .hero-images-container {
    max-width: 500px;
  }
  .section-images .hero-images-container-1 {
    right: 10%;
    top: 68%;
    max-width: 269px;
  }
  .section-images .hero-images-container-2 {
    right: 5%;
    max-width: 135px;
    top: 93%;
  }
  .navbar .navbar-nav.navbar-logo {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .burger-menu .navbar-collapse {
    position: fixed;
    display: block;
    top: 0;
    height: 100% !important;
    width: 300px;
    right: 0;
    z-index: 1032;
    visibility: visible;
    background-color: #999;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    max-height: none !important;
    transform: translate3d(300px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .burger-menu .navbar-collapse:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .burger-menu .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link {
    margin: 0 1rem;
    margin-top: 0.3125rem;
  }
  .burger-menu .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link:not(.btn) {
    color: #fff;
  }
  .burger-menu .navbar-collapse .dropdown-menu .dropdown-item {
    color: #fff;
  }
  .burger-menu .navbar .navbar-nav .nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .burger-menu .navbar .navbar-nav.navbar-logo {
    top: 0;
    height: 53px;
  }
  .burger-menu .navbar .dropdown.show .dropdown-menu, .burger-menu .navbar .dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    transition: none;
    box-shadow: none;
    width: auto;
    margin: 0 1rem;
    margin-bottom: 15px;
    padding-top: 0;
    height: 150px;
    overflow-y: scroll;
  }
  .burger-menu .navbar .dropdown.show .dropdown-menu:before, .burger-menu .navbar .dropdown .dropdown-menu:before {
    display: none;
  }
  .burger-menu .navbar .dropdown .dropdown-item {
    padding-left: 2.5rem;
  }
  .burger-menu .navbar .dropdown .dropdown-menu {
    display: none;
  }
  .burger-menu .navbar .dropdown.show .dropdown-menu {
    display: block;
  }
  .burger-menu .navbar .dropdown-menu .dropdown-item:focus, .burger-menu .navbar .dropdown-menu .dropdown-item:hover {
    color: #fff;
  }
  .burger-menu .navbar .navbar-translate {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    transform: translate3d(0px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .burger-menu .navbar .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff;
  }
  .burger-menu .navbar .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }
  .burger-menu .navbar .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }
  .burger-menu .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
    background: #888;
  }
  .burger-menu .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }
  .burger-menu .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }
  .burger-menu .bar1, .burger-menu .bar2, .burger-menu .bar3 {
    outline: 1px solid transparent;
  }
  .burger-menu .bar1 {
    top: 0px;
    animation: topbar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .burger-menu .bar2 {
    opacity: 1;
  }
  .burger-menu .bar3 {
    bottom: 0px;
    animation: bottombar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .burger-menu .toggled .bar1 {
    top: 6px;
    animation: topbar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  .burger-menu .toggled .bar2 {
    opacity: 0;
  }
  .burger-menu .toggled .bar3 {
    bottom: 6px;
    animation: bottombar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }
    45% {
      top: 6px;
      transform: rotate(145deg);
    }
    75% {
      transform: rotate(130deg);
    }
    100% {
      transform: rotate(135deg);
    }
  }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }
    45% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(5deg);
    }
    100% {
      top: 0px;
      transform: rotate(0);
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }
    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }
    75% {
      transform: rotate(-130deg);
    }
    100% {
      transform: rotate(-135deg);
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    45% {
      transform: rotate(10deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .burger-menu [class*=navbar-expand-] .navbar-collapse {
    width: 300px;
  }
  .burger-menu .wrapper {
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .burger-menu #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    left: auto;
    right: 300px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    background-color: transparent;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .nav-open .burger-menu .navbar-collapse {
    transform: translate3d(0px, 0, 0);
  }
  .burger-menu .navbar-collapse {
    display: block !important;
  }
  .burger-menu .navbar-collapse .navbar-nav {
    margin-top: 53px;
    height: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .burger-menu .navbar-collapse .navbar-nav .nav-item {
    margin: 0;
  }
  .burger-menu.menu-on-left .navbar-collapse {
    right: auto;
    left: 0;
    transform: translate3d(-300px, 0, 0);
  }
  .burger-menu [class*=navbar-expand-] .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .burger-menu [class*=navbar-expand-] .navbar-toggler {
    display: inline-block;
  }
  .burger-menu .section-navbars .navbar-collapse {
    display: none !important;
  }
  .nav-open .burger-menu.menu-on-left .navbar .navbar-translate {
    transform: translate3d(300px, 0, 0);
  }
  .nav-open .burger-menu .navbar .navbar-translate {
    transform: translate3d(-300px, 0, 0);
  }
  .nav-open .burger-menu.menu-on-left .navbar-collapse {
    transform: translate3d(0px, 0, 0);
  }
  .nav-open .burger-menu.menu-on-left #bodyClick {
    right: auto;
    left: 300px;
  }
  .burger-menu.menu-on-left .navbar-brand {
    float: right;
    margin-right: 0;
    margin-left: 1rem;
  }
  .navbar-nav .nav-link.profile-photo {
    padding: 0;
    margin: 7px 0.7rem;
  }
  .navbar-nav .nav-link.btn:not(.btn-sm) {
    margin: 0;
  }
  .navbar-nav .nav-item:not(:last-child) {
    margin-right: 5px;
  }
  .section-nucleo-icons .icons-container {
    margin: 0 0 0 auto;
  }
  .dropdown-menu .dropdown-item {
    color: inherit;
  }
  .footer .copyright {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .image-container.image-right {
    top: 80px;
    margin-left: -100px;
    margin-bottom: 130px;
  }
  .image-container.image-left {
    margin-right: -100px;
  }
}
@media screen and (max-width: 768px) {
  .image-container.image-left {
    margin-bottom: 220px;
  }
  .image-container.image-left p.blockquote {
    margin: 0 auto;
    position: relative;
    right: 0;
  }
  .nav-tabs {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }
  .nav-tabs .nav-item {
    display: inline-block;
  }
  .landing-page .section-story-overview .image-container:nth-child(2) {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .navbar[class*=navbar-expand-] .container {
    margin-left: 0;
    margin-right: 0;
  }
  .footer .copyright {
    text-align: center;
  }
  .section-nucleo-icons .icons-container i {
    font-size: 30px;
  }
  .section-nucleo-icons .icons-container i:nth-child(6) {
    font-size: 48px;
  }
  .page-header .container h6.category-absolute {
    width: 90%;
  }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .section-images .hero-images-container-1 {
    right: 9%;
    max-width: 370px;
  }
  .section-images .hero-images-container-2 {
    right: 2%;
    max-width: 216px;
  }
}
@media screen and (max-width: 768px) {
  .section-images {
    height: 300px;
    max-height: 300px;
  }
  .section-images .hero-images-container {
    max-width: 380px;
  }
  .section-images .hero-images-container-1 {
    right: 7%;
    top: 87%;
    max-width: 210px;
  }
  .section-images .hero-images-container-2 {
    right: 1%;
    max-width: 133px;
    top: 99%;
  }
}
@media screen and (max-width: 517px) {
  .alert .alert-icon {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .section-images .hero-images-container-1 {
    top: 51%;
    right: 21%;
  }
  .section-images .hero-images-container-2 {
    top: 66%;
    right: 14%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {
    margin-top: -15vh;
    margin-left: 80px;
  }
  .section-images .hero-images-container {
    max-width: 300px;
  }
  .section-images .hero-images-container-1 {
    right: 28%;
    top: 40%;
  }
  .section-images .hero-images-container-2 {
    right: 21%;
    top: 55%;
  }
  .index-page .category-absolute {
    top: 90vh;
  }
}
@media screen and (max-width: 580px) {
  .alert button.close {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@font-face {
  font-family: Material-Design-Iconic-Font;
  src: url(/assets/Material-Design-Iconic-Font-f317379be4f1d10853bc465b9890747fd884b239fdbbe48054702ee8a6aa7c73.woff2?v=2.2.0) format("woff2"), url(/assets/Material-Design-Iconic-Font-777cad11adf8d3cd9daedfba526af88de7bfec6028c3995746c1fbb069ac21f5.woff?v=2.2.0) format("woff"), url(/assets/Material-Design-Iconic-Font-cb1468df1ed39adc030bf5dfb2033893dd53c6e2a69fb3b5a19d2b1b34b0eea5.ttf?v=2.2.0) format("truetype");
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.zmdi-hc-2x {
  font-size: 2em;
}

.zmdi-hc-3x {
  font-size: 3em;
}

.zmdi-hc-4x {
  font-size: 4em;
}

.zmdi-hc-5x {
  font-size: 5em;
}

.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.zmdi-hc-ul > li {
  position: relative;
}

.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}

.zmdi-hc-border {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px;
}

.zmdi-hc-border-circle {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%;
}

.zmdi.pull-left {
  float: left;
  margin-right: 0.15em;
}

.zmdi.pull-right {
  float: right;
  margin-left: 0.15em;
}

.zmdi-hc-spin {
  animation: zmdi-spin 1.5s infinite linear;
}

.zmdi-hc-spin-reverse {
  animation: zmdi-spin-reverse 1.5s infinite linear;
}
@keyframes zmdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  transform: rotate(90deg);
}

.zmdi-hc-rotate-180 {
  transform: rotate(180deg);
}

.zmdi-hc-rotate-270 {
  transform: rotate(270deg);
}

.zmdi-hc-flip-horizontal {
  transform: scale(-1, 1);
}

.zmdi-hc-flip-vertical {
  transform: scale(1, -1);
}

.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.zmdi-hc-stack-1x, .zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.zmdi-hc-stack-1x {
  line-height: inherit;
}

.zmdi-hc-stack-2x {
  font-size: 2em;
}

.zmdi-hc-inverse {
  color: #fff;
}

.zmdi-3d-rotation:before {
  content: "\f101";
}

.zmdi-airplane-off:before {
  content: "\f102";
}

.zmdi-airplane:before {
  content: "\f103";
}

.zmdi-album:before {
  content: "\f104";
}

.zmdi-archive:before {
  content: "\f105";
}

.zmdi-assignment-account:before {
  content: "\f106";
}

.zmdi-assignment-alert:before {
  content: "\f107";
}

.zmdi-assignment-check:before {
  content: "\f108";
}

.zmdi-assignment-o:before {
  content: "\f109";
}

.zmdi-assignment-return:before {
  content: "\f10a";
}

.zmdi-assignment-returned:before {
  content: "\f10b";
}

.zmdi-assignment:before {
  content: "\f10c";
}

.zmdi-attachment-alt:before {
  content: "\f10d";
}

.zmdi-attachment:before {
  content: "\f10e";
}

.zmdi-audio:before {
  content: "\f10f";
}

.zmdi-badge-check:before {
  content: "\f110";
}

.zmdi-balance-wallet:before {
  content: "\f111";
}

.zmdi-balance:before {
  content: "\f112";
}

.zmdi-battery-alert:before {
  content: "\f113";
}

.zmdi-battery-flash:before {
  content: "\f114";
}

.zmdi-battery-unknown:before {
  content: "\f115";
}

.zmdi-battery:before {
  content: "\f116";
}

.zmdi-bike:before {
  content: "\f117";
}

.zmdi-block-alt:before {
  content: "\f118";
}

.zmdi-block:before {
  content: "\f119";
}

.zmdi-boat:before {
  content: "\f11a";
}

.zmdi-book-image:before {
  content: "\f11b";
}

.zmdi-book:before {
  content: "\f11c";
}

.zmdi-bookmark-outline:before {
  content: "\f11d";
}

.zmdi-bookmark:before {
  content: "\f11e";
}

.zmdi-brush:before {
  content: "\f11f";
}

.zmdi-bug:before {
  content: "\f120";
}

.zmdi-bus:before {
  content: "\f121";
}

.zmdi-cake:before {
  content: "\f122";
}

.zmdi-car-taxi:before {
  content: "\f123";
}

.zmdi-car-wash:before {
  content: "\f124";
}

.zmdi-car:before {
  content: "\f125";
}

.zmdi-card-giftcard:before {
  content: "\f126";
}

.zmdi-card-membership:before {
  content: "\f127";
}

.zmdi-card-travel:before {
  content: "\f128";
}

.zmdi-card:before {
  content: "\f129";
}

.zmdi-case-check:before {
  content: "\f12a";
}

.zmdi-case-download:before {
  content: "\f12b";
}

.zmdi-case-play:before {
  content: "\f12c";
}

.zmdi-case:before {
  content: "\f12d";
}

.zmdi-cast-connected:before {
  content: "\f12e";
}

.zmdi-cast:before {
  content: "\f12f";
}

.zmdi-chart-donut:before {
  content: "\f130";
}

.zmdi-chart:before {
  content: "\f131";
}

.zmdi-city-alt:before {
  content: "\f132";
}

.zmdi-city:before {
  content: "\f133";
}

.zmdi-close-circle-o:before {
  content: "\f134";
}

.zmdi-close-circle:before {
  content: "\f135";
}

.zmdi-close:before {
  content: "\f136";
}

.zmdi-cocktail:before {
  content: "\f137";
}

.zmdi-code-setting:before {
  content: "\f138";
}

.zmdi-code-smartphone:before {
  content: "\f139";
}

.zmdi-code:before {
  content: "\f13a";
}

.zmdi-coffee:before {
  content: "\f13b";
}

.zmdi-collection-bookmark:before {
  content: "\f13c";
}

.zmdi-collection-case-play:before {
  content: "\f13d";
}

.zmdi-collection-folder-image:before {
  content: "\f13e";
}

.zmdi-collection-image-o:before {
  content: "\f13f";
}

.zmdi-collection-image:before {
  content: "\f140";
}

.zmdi-collection-item-1:before {
  content: "\f141";
}

.zmdi-collection-item-2:before {
  content: "\f142";
}

.zmdi-collection-item-3:before {
  content: "\f143";
}

.zmdi-collection-item-4:before {
  content: "\f144";
}

.zmdi-collection-item-5:before {
  content: "\f145";
}

.zmdi-collection-item-6:before {
  content: "\f146";
}

.zmdi-collection-item-7:before {
  content: "\f147";
}

.zmdi-collection-item-8:before {
  content: "\f148";
}

.zmdi-collection-item-9-plus:before {
  content: "\f149";
}

.zmdi-collection-item-9:before {
  content: "\f14a";
}

.zmdi-collection-item:before {
  content: "\f14b";
}

.zmdi-collection-music:before {
  content: "\f14c";
}

.zmdi-collection-pdf:before {
  content: "\f14d";
}

.zmdi-collection-plus:before {
  content: "\f14e";
}

.zmdi-collection-speaker:before {
  content: "\f14f";
}

.zmdi-collection-text:before {
  content: "\f150";
}

.zmdi-collection-video:before {
  content: "\f151";
}

.zmdi-compass:before {
  content: "\f152";
}

.zmdi-cutlery:before {
  content: "\f153";
}

.zmdi-delete:before {
  content: "\f154";
}

.zmdi-dialpad:before {
  content: "\f155";
}

.zmdi-dns:before {
  content: "\f156";
}

.zmdi-drink:before {
  content: "\f157";
}

.zmdi-edit:before {
  content: "\f158";
}

.zmdi-email-open:before {
  content: "\f159";
}

.zmdi-email:before {
  content: "\f15a";
}

.zmdi-eye-off:before {
  content: "\f15b";
}

.zmdi-eye:before {
  content: "\f15c";
}

.zmdi-eyedropper:before {
  content: "\f15d";
}

.zmdi-favorite-outline:before {
  content: "\f15e";
}

.zmdi-favorite:before {
  content: "\f15f";
}

.zmdi-filter-list:before {
  content: "\f160";
}

.zmdi-fire:before {
  content: "\f161";
}

.zmdi-flag:before {
  content: "\f162";
}

.zmdi-flare:before {
  content: "\f163";
}

.zmdi-flash-auto:before {
  content: "\f164";
}

.zmdi-flash-off:before {
  content: "\f165";
}

.zmdi-flash:before {
  content: "\f166";
}

.zmdi-flip:before {
  content: "\f167";
}

.zmdi-flower-alt:before {
  content: "\f168";
}

.zmdi-flower:before {
  content: "\f169";
}

.zmdi-font:before {
  content: "\f16a";
}

.zmdi-fullscreen-alt:before {
  content: "\f16b";
}

.zmdi-fullscreen-exit:before {
  content: "\f16c";
}

.zmdi-fullscreen:before {
  content: "\f16d";
}

.zmdi-functions:before {
  content: "\f16e";
}

.zmdi-gas-station:before {
  content: "\f16f";
}

.zmdi-gesture:before {
  content: "\f170";
}

.zmdi-globe-alt:before {
  content: "\f171";
}

.zmdi-globe-lock:before {
  content: "\f172";
}

.zmdi-globe:before {
  content: "\f173";
}

.zmdi-graduation-cap:before {
  content: "\f174";
}

.zmdi-home:before {
  content: "\f175";
}

.zmdi-hospital-alt:before {
  content: "\f176";
}

.zmdi-hospital:before {
  content: "\f177";
}

.zmdi-hotel:before {
  content: "\f178";
}

.zmdi-hourglass-alt:before {
  content: "\f179";
}

.zmdi-hourglass-outline:before {
  content: "\f17a";
}

.zmdi-hourglass:before {
  content: "\f17b";
}

.zmdi-http:before {
  content: "\f17c";
}

.zmdi-image-alt:before {
  content: "\f17d";
}

.zmdi-image-o:before {
  content: "\f17e";
}

.zmdi-image:before {
  content: "\f17f";
}

.zmdi-inbox:before {
  content: "\f180";
}

.zmdi-invert-colors-off:before {
  content: "\f181";
}

.zmdi-invert-colors:before {
  content: "\f182";
}

.zmdi-key:before {
  content: "\f183";
}

.zmdi-label-alt-outline:before {
  content: "\f184";
}

.zmdi-label-alt:before {
  content: "\f185";
}

.zmdi-label-heart:before {
  content: "\f186";
}

.zmdi-label:before {
  content: "\f187";
}

.zmdi-labels:before {
  content: "\f188";
}

.zmdi-lamp:before {
  content: "\f189";
}

.zmdi-landscape:before {
  content: "\f18a";
}

.zmdi-layers-off:before {
  content: "\f18b";
}

.zmdi-layers:before {
  content: "\f18c";
}

.zmdi-library:before {
  content: "\f18d";
}

.zmdi-link:before {
  content: "\f18e";
}

.zmdi-lock-open:before {
  content: "\f18f";
}

.zmdi-lock-outline:before {
  content: "\f190";
}

.zmdi-lock:before {
  content: "\f191";
}

.zmdi-mail-reply-all:before {
  content: "\f192";
}

.zmdi-mail-reply:before {
  content: "\f193";
}

.zmdi-mail-send:before {
  content: "\f194";
}

.zmdi-mall:before {
  content: "\f195";
}

.zmdi-map:before {
  content: "\f196";
}

.zmdi-menu:before {
  content: "\f197";
}

.zmdi-money-box:before {
  content: "\f198";
}

.zmdi-money-off:before {
  content: "\f199";
}

.zmdi-money:before {
  content: "\f19a";
}

.zmdi-more-vert:before {
  content: "\f19b";
}

.zmdi-more:before {
  content: "\f19c";
}

.zmdi-movie-alt:before {
  content: "\f19d";
}

.zmdi-movie:before {
  content: "\f19e";
}

.zmdi-nature-people:before {
  content: "\f19f";
}

.zmdi-nature:before {
  content: "\f1a0";
}

.zmdi-navigation:before {
  content: "\f1a1";
}

.zmdi-open-in-browser:before {
  content: "\f1a2";
}

.zmdi-open-in-new:before {
  content: "\f1a3";
}

.zmdi-palette:before {
  content: "\f1a4";
}

.zmdi-parking:before {
  content: "\f1a5";
}

.zmdi-pin-account:before {
  content: "\f1a6";
}

.zmdi-pin-assistant:before {
  content: "\f1a7";
}

.zmdi-pin-drop:before {
  content: "\f1a8";
}

.zmdi-pin-help:before {
  content: "\f1a9";
}

.zmdi-pin-off:before {
  content: "\f1aa";
}

.zmdi-pin:before {
  content: "\f1ab";
}

.zmdi-pizza:before {
  content: "\f1ac";
}

.zmdi-plaster:before {
  content: "\f1ad";
}

.zmdi-power-setting:before {
  content: "\f1ae";
}

.zmdi-power:before {
  content: "\f1af";
}

.zmdi-print:before {
  content: "\f1b0";
}

.zmdi-puzzle-piece:before {
  content: "\f1b1";
}

.zmdi-quote:before {
  content: "\f1b2";
}

.zmdi-railway:before {
  content: "\f1b3";
}

.zmdi-receipt:before {
  content: "\f1b4";
}

.zmdi-refresh-alt:before {
  content: "\f1b5";
}

.zmdi-refresh-sync-alert:before {
  content: "\f1b6";
}

.zmdi-refresh-sync-off:before {
  content: "\f1b7";
}

.zmdi-refresh-sync:before {
  content: "\f1b8";
}

.zmdi-refresh:before {
  content: "\f1b9";
}

.zmdi-roller:before {
  content: "\f1ba";
}

.zmdi-ruler:before {
  content: "\f1bb";
}

.zmdi-scissors:before {
  content: "\f1bc";
}

.zmdi-screen-rotation-lock:before {
  content: "\f1bd";
}

.zmdi-screen-rotation:before {
  content: "\f1be";
}

.zmdi-search-for:before {
  content: "\f1bf";
}

.zmdi-search-in-file:before {
  content: "\f1c0";
}

.zmdi-search-in-page:before {
  content: "\f1c1";
}

.zmdi-search-replace:before {
  content: "\f1c2";
}

.zmdi-search:before {
  content: "\f1c3";
}

.zmdi-seat:before {
  content: "\f1c4";
}

.zmdi-settings-square:before {
  content: "\f1c5";
}

.zmdi-settings:before {
  content: "\f1c6";
}

.zmdi-shield-check:before {
  content: "\f1c7";
}

.zmdi-shield-security:before {
  content: "\f1c8";
}

.zmdi-shopping-basket:before {
  content: "\f1c9";
}

.zmdi-shopping-cart-plus:before {
  content: "\f1ca";
}

.zmdi-shopping-cart:before {
  content: "\f1cb";
}

.zmdi-sign-in:before {
  content: "\f1cc";
}

.zmdi-sort-amount-asc:before {
  content: "\f1cd";
}

.zmdi-sort-amount-desc:before {
  content: "\f1ce";
}

.zmdi-sort-asc:before {
  content: "\f1cf";
}

.zmdi-sort-desc:before {
  content: "\f1d0";
}

.zmdi-spellcheck:before {
  content: "\f1d1";
}

.zmdi-storage:before {
  content: "\f1d2";
}

.zmdi-store-24:before {
  content: "\f1d3";
}

.zmdi-store:before {
  content: "\f1d4";
}

.zmdi-subway:before {
  content: "\f1d5";
}

.zmdi-sun:before {
  content: "\f1d6";
}

.zmdi-tab-unselected:before {
  content: "\f1d7";
}

.zmdi-tab:before {
  content: "\f1d8";
}

.zmdi-tag-close:before {
  content: "\f1d9";
}

.zmdi-tag-more:before {
  content: "\f1da";
}

.zmdi-tag:before {
  content: "\f1db";
}

.zmdi-thumb-down:before {
  content: "\f1dc";
}

.zmdi-thumb-up-down:before {
  content: "\f1dd";
}

.zmdi-thumb-up:before {
  content: "\f1de";
}

.zmdi-ticket-star:before {
  content: "\f1df";
}

.zmdi-toll:before {
  content: "\f1e0";
}

.zmdi-toys:before {
  content: "\f1e1";
}

.zmdi-traffic:before {
  content: "\f1e2";
}

.zmdi-translate:before {
  content: "\f1e3";
}

.zmdi-triangle-down:before {
  content: "\f1e4";
}

.zmdi-triangle-up:before {
  content: "\f1e5";
}

.zmdi-truck:before {
  content: "\f1e6";
}

.zmdi-turning-sign:before {
  content: "\f1e7";
}

.zmdi-wallpaper:before {
  content: "\f1e8";
}

.zmdi-washing-machine:before {
  content: "\f1e9";
}

.zmdi-window-maximize:before {
  content: "\f1ea";
}

.zmdi-window-minimize:before {
  content: "\f1eb";
}

.zmdi-window-restore:before {
  content: "\f1ec";
}

.zmdi-wrench:before {
  content: "\f1ed";
}

.zmdi-zoom-in:before {
  content: "\f1ee";
}

.zmdi-zoom-out:before {
  content: "\f1ef";
}

.zmdi-alert-circle-o:before {
  content: "\f1f0";
}

.zmdi-alert-circle:before {
  content: "\f1f1";
}

.zmdi-alert-octagon:before {
  content: "\f1f2";
}

.zmdi-alert-polygon:before {
  content: "\f1f3";
}

.zmdi-alert-triangle:before {
  content: "\f1f4";
}

.zmdi-help-outline:before {
  content: "\f1f5";
}

.zmdi-help:before {
  content: "\f1f6";
}

.zmdi-info-outline:before {
  content: "\f1f7";
}

.zmdi-info:before {
  content: "\f1f8";
}

.zmdi-notifications-active:before {
  content: "\f1f9";
}

.zmdi-notifications-add:before {
  content: "\f1fa";
}

.zmdi-notifications-none:before {
  content: "\f1fb";
}

.zmdi-notifications-off:before {
  content: "\f1fc";
}

.zmdi-notifications-paused:before {
  content: "\f1fd";
}

.zmdi-notifications:before {
  content: "\f1fe";
}

.zmdi-account-add:before {
  content: "\f1ff";
}

.zmdi-account-box-mail:before {
  content: "\f200";
}

.zmdi-account-box-o:before {
  content: "\f201";
}

.zmdi-account-box-phone:before {
  content: "\f202";
}

.zmdi-account-box:before {
  content: "\f203";
}

.zmdi-account-calendar:before {
  content: "\f204";
}

.zmdi-account-circle:before {
  content: "\f205";
}

.zmdi-account-o:before {
  content: "\f206";
}

.zmdi-account:before {
  content: "\f207";
}

.zmdi-accounts-add:before {
  content: "\f208";
}

.zmdi-accounts-alt:before {
  content: "\f209";
}

.zmdi-accounts-list-alt:before {
  content: "\f20a";
}

.zmdi-accounts-list:before {
  content: "\f20b";
}

.zmdi-accounts-outline:before {
  content: "\f20c";
}

.zmdi-accounts:before {
  content: "\f20d";
}

.zmdi-face:before {
  content: "\f20e";
}

.zmdi-female:before {
  content: "\f20f";
}

.zmdi-male-alt:before {
  content: "\f210";
}

.zmdi-male-female:before {
  content: "\f211";
}

.zmdi-male:before {
  content: "\f212";
}

.zmdi-mood-bad:before {
  content: "\f213";
}

.zmdi-mood:before {
  content: "\f214";
}

.zmdi-run:before {
  content: "\f215";
}

.zmdi-walk:before {
  content: "\f216";
}

.zmdi-cloud-box:before {
  content: "\f217";
}

.zmdi-cloud-circle:before {
  content: "\f218";
}

.zmdi-cloud-done:before {
  content: "\f219";
}

.zmdi-cloud-download:before {
  content: "\f21a";
}

.zmdi-cloud-off:before {
  content: "\f21b";
}

.zmdi-cloud-outline-alt:before {
  content: "\f21c";
}

.zmdi-cloud-outline:before {
  content: "\f21d";
}

.zmdi-cloud-upload:before {
  content: "\f21e";
}

.zmdi-cloud:before {
  content: "\f21f";
}

.zmdi-download:before {
  content: "\f220";
}

.zmdi-file-plus:before {
  content: "\f221";
}

.zmdi-file-text:before {
  content: "\f222";
}

.zmdi-file:before {
  content: "\f223";
}

.zmdi-folder-outline:before {
  content: "\f224";
}

.zmdi-folder-person:before {
  content: "\f225";
}

.zmdi-folder-star-alt:before {
  content: "\f226";
}

.zmdi-folder-star:before {
  content: "\f227";
}

.zmdi-folder:before {
  content: "\f228";
}

.zmdi-gif:before {
  content: "\f229";
}

.zmdi-upload:before {
  content: "\f22a";
}

.zmdi-border-all:before {
  content: "\f22b";
}

.zmdi-border-bottom:before {
  content: "\f22c";
}

.zmdi-border-clear:before {
  content: "\f22d";
}

.zmdi-border-color:before {
  content: "\f22e";
}

.zmdi-border-horizontal:before {
  content: "\f22f";
}

.zmdi-border-inner:before {
  content: "\f230";
}

.zmdi-border-left:before {
  content: "\f231";
}

.zmdi-border-outer:before {
  content: "\f232";
}

.zmdi-border-right:before {
  content: "\f233";
}

.zmdi-border-style:before {
  content: "\f234";
}

.zmdi-border-top:before {
  content: "\f235";
}

.zmdi-border-vertical:before {
  content: "\f236";
}

.zmdi-copy:before {
  content: "\f237";
}

.zmdi-crop:before {
  content: "\f238";
}

.zmdi-format-align-center:before {
  content: "\f239";
}

.zmdi-format-align-justify:before {
  content: "\f23a";
}

.zmdi-format-align-left:before {
  content: "\f23b";
}

.zmdi-format-align-right:before {
  content: "\f23c";
}

.zmdi-format-bold:before {
  content: "\f23d";
}

.zmdi-format-clear-all:before {
  content: "\f23e";
}

.zmdi-format-clear:before {
  content: "\f23f";
}

.zmdi-format-color-fill:before {
  content: "\f240";
}

.zmdi-format-color-reset:before {
  content: "\f241";
}

.zmdi-format-color-text:before {
  content: "\f242";
}

.zmdi-format-indent-decrease:before {
  content: "\f243";
}

.zmdi-format-indent-increase:before {
  content: "\f244";
}

.zmdi-format-italic:before {
  content: "\f245";
}

.zmdi-format-line-spacing:before {
  content: "\f246";
}

.zmdi-format-list-bulleted:before {
  content: "\f247";
}

.zmdi-format-list-numbered:before {
  content: "\f248";
}

.zmdi-format-ltr:before {
  content: "\f249";
}

.zmdi-format-rtl:before {
  content: "\f24a";
}

.zmdi-format-size:before {
  content: "\f24b";
}

.zmdi-format-strikethrough-s:before {
  content: "\f24c";
}

.zmdi-format-strikethrough:before {
  content: "\f24d";
}

.zmdi-format-subject:before {
  content: "\f24e";
}

.zmdi-format-underlined:before {
  content: "\f24f";
}

.zmdi-format-valign-bottom:before {
  content: "\f250";
}

.zmdi-format-valign-center:before {
  content: "\f251";
}

.zmdi-format-valign-top:before {
  content: "\f252";
}

.zmdi-redo:before {
  content: "\f253";
}

.zmdi-select-all:before {
  content: "\f254";
}

.zmdi-space-bar:before {
  content: "\f255";
}

.zmdi-text-format:before {
  content: "\f256";
}

.zmdi-transform:before {
  content: "\f257";
}

.zmdi-undo:before {
  content: "\f258";
}

.zmdi-wrap-text:before {
  content: "\f259";
}

.zmdi-comment-alert:before {
  content: "\f25a";
}

.zmdi-comment-alt-text:before {
  content: "\f25b";
}

.zmdi-comment-alt:before {
  content: "\f25c";
}

.zmdi-comment-edit:before {
  content: "\f25d";
}

.zmdi-comment-image:before {
  content: "\f25e";
}

.zmdi-comment-list:before {
  content: "\f25f";
}

.zmdi-comment-more:before {
  content: "\f260";
}

.zmdi-comment-outline:before {
  content: "\f261";
}

.zmdi-comment-text-alt:before {
  content: "\f262";
}

.zmdi-comment-text:before {
  content: "\f263";
}

.zmdi-comment-video:before {
  content: "\f264";
}

.zmdi-comment:before {
  content: "\f265";
}

.zmdi-comments:before {
  content: "\f266";
}

.zmdi-check-all:before {
  content: "\f267";
}

.zmdi-check-circle-u:before {
  content: "\f268";
}

.zmdi-check-circle:before {
  content: "\f269";
}

.zmdi-check-square:before {
  content: "\f26a";
}

.zmdi-check:before {
  content: "\f26b";
}

.zmdi-circle-o:before {
  content: "\f26c";
}

.zmdi-circle:before {
  content: "\f26d";
}

.zmdi-dot-circle-alt:before {
  content: "\f26e";
}

.zmdi-dot-circle:before {
  content: "\f26f";
}

.zmdi-minus-circle-outline:before {
  content: "\f270";
}

.zmdi-minus-circle:before {
  content: "\f271";
}

.zmdi-minus-square:before {
  content: "\f272";
}

.zmdi-minus:before {
  content: "\f273";
}

.zmdi-plus-circle-o-duplicate:before {
  content: "\f274";
}

.zmdi-plus-circle-o:before {
  content: "\f275";
}

.zmdi-plus-circle:before {
  content: "\f276";
}

.zmdi-plus-square:before {
  content: "\f277";
}

.zmdi-plus:before {
  content: "\f278";
}

.zmdi-square-o:before {
  content: "\f279";
}

.zmdi-star-circle:before {
  content: "\f27a";
}

.zmdi-star-half:before {
  content: "\f27b";
}

.zmdi-star-outline:before {
  content: "\f27c";
}

.zmdi-star:before {
  content: "\f27d";
}

.zmdi-bluetooth-connected:before {
  content: "\f27e";
}

.zmdi-bluetooth-off:before {
  content: "\f27f";
}

.zmdi-bluetooth-search:before {
  content: "\f280";
}

.zmdi-bluetooth-setting:before {
  content: "\f281";
}

.zmdi-bluetooth:before {
  content: "\f282";
}

.zmdi-camera-add:before {
  content: "\f283";
}

.zmdi-camera-alt:before {
  content: "\f284";
}

.zmdi-camera-bw:before {
  content: "\f285";
}

.zmdi-camera-front:before {
  content: "\f286";
}

.zmdi-camera-mic:before {
  content: "\f287";
}

.zmdi-camera-party-mode:before {
  content: "\f288";
}

.zmdi-camera-rear:before {
  content: "\f289";
}

.zmdi-camera-roll:before {
  content: "\f28a";
}

.zmdi-camera-switch:before {
  content: "\f28b";
}

.zmdi-camera:before {
  content: "\f28c";
}

.zmdi-card-alert:before {
  content: "\f28d";
}

.zmdi-card-off:before {
  content: "\f28e";
}

.zmdi-card-sd:before {
  content: "\f28f";
}

.zmdi-card-sim:before {
  content: "\f290";
}

.zmdi-desktop-mac:before {
  content: "\f291";
}

.zmdi-desktop-windows:before {
  content: "\f292";
}

.zmdi-device-hub:before {
  content: "\f293";
}

.zmdi-devices-off:before {
  content: "\f294";
}

.zmdi-devices:before {
  content: "\f295";
}

.zmdi-dock:before {
  content: "\f296";
}

.zmdi-floppy:before {
  content: "\f297";
}

.zmdi-gamepad:before {
  content: "\f298";
}

.zmdi-gps-dot:before {
  content: "\f299";
}

.zmdi-gps-off:before {
  content: "\f29a";
}

.zmdi-gps:before {
  content: "\f29b";
}

.zmdi-headset-mic:before {
  content: "\f29c";
}

.zmdi-headset:before {
  content: "\f29d";
}

.zmdi-input-antenna:before {
  content: "\f29e";
}

.zmdi-input-composite:before {
  content: "\f29f";
}

.zmdi-input-hdmi:before {
  content: "\f2a0";
}

.zmdi-input-power:before {
  content: "\f2a1";
}

.zmdi-input-svideo:before {
  content: "\f2a2";
}

.zmdi-keyboard-hide:before {
  content: "\f2a3";
}

.zmdi-keyboard:before {
  content: "\f2a4";
}

.zmdi-laptop-chromebook:before {
  content: "\f2a5";
}

.zmdi-laptop-mac:before {
  content: "\f2a6";
}

.zmdi-laptop:before {
  content: "\f2a7";
}

.zmdi-mic-off:before {
  content: "\f2a8";
}

.zmdi-mic-outline:before {
  content: "\f2a9";
}

.zmdi-mic-setting:before {
  content: "\f2aa";
}

.zmdi-mic:before {
  content: "\f2ab";
}

.zmdi-mouse:before {
  content: "\f2ac";
}

.zmdi-network-alert:before {
  content: "\f2ad";
}

.zmdi-network-locked:before {
  content: "\f2ae";
}

.zmdi-network-off:before {
  content: "\f2af";
}

.zmdi-network-outline:before {
  content: "\f2b0";
}

.zmdi-network-setting:before {
  content: "\f2b1";
}

.zmdi-network:before {
  content: "\f2b2";
}

.zmdi-phone-bluetooth:before {
  content: "\f2b3";
}

.zmdi-phone-end:before {
  content: "\f2b4";
}

.zmdi-phone-forwarded:before {
  content: "\f2b5";
}

.zmdi-phone-in-talk:before {
  content: "\f2b6";
}

.zmdi-phone-locked:before {
  content: "\f2b7";
}

.zmdi-phone-missed:before {
  content: "\f2b8";
}

.zmdi-phone-msg:before {
  content: "\f2b9";
}

.zmdi-phone-paused:before {
  content: "\f2ba";
}

.zmdi-phone-ring:before {
  content: "\f2bb";
}

.zmdi-phone-setting:before {
  content: "\f2bc";
}

.zmdi-phone-sip:before {
  content: "\f2bd";
}

.zmdi-phone:before {
  content: "\f2be";
}

.zmdi-portable-wifi-changes:before {
  content: "\f2bf";
}

.zmdi-portable-wifi-off:before {
  content: "\f2c0";
}

.zmdi-portable-wifi:before {
  content: "\f2c1";
}

.zmdi-radio:before {
  content: "\f2c2";
}

.zmdi-reader:before {
  content: "\f2c3";
}

.zmdi-remote-control-alt:before {
  content: "\f2c4";
}

.zmdi-remote-control:before {
  content: "\f2c5";
}

.zmdi-router:before {
  content: "\f2c6";
}

.zmdi-scanner:before {
  content: "\f2c7";
}

.zmdi-smartphone-android:before {
  content: "\f2c8";
}

.zmdi-smartphone-download:before {
  content: "\f2c9";
}

.zmdi-smartphone-erase:before {
  content: "\f2ca";
}

.zmdi-smartphone-info:before {
  content: "\f2cb";
}

.zmdi-smartphone-iphone:before {
  content: "\f2cc";
}

.zmdi-smartphone-landscape-lock:before {
  content: "\f2cd";
}

.zmdi-smartphone-landscape:before {
  content: "\f2ce";
}

.zmdi-smartphone-lock:before {
  content: "\f2cf";
}

.zmdi-smartphone-portrait-lock:before {
  content: "\f2d0";
}

.zmdi-smartphone-ring:before {
  content: "\f2d1";
}

.zmdi-smartphone-setting:before {
  content: "\f2d2";
}

.zmdi-smartphone-setup:before {
  content: "\f2d3";
}

.zmdi-smartphone:before {
  content: "\f2d4";
}

.zmdi-speaker:before {
  content: "\f2d5";
}

.zmdi-tablet-android:before {
  content: "\f2d6";
}

.zmdi-tablet-mac:before {
  content: "\f2d7";
}

.zmdi-tablet:before {
  content: "\f2d8";
}

.zmdi-tv-alt-play:before {
  content: "\f2d9";
}

.zmdi-tv-list:before {
  content: "\f2da";
}

.zmdi-tv-play:before {
  content: "\f2db";
}

.zmdi-tv:before {
  content: "\f2dc";
}

.zmdi-usb:before {
  content: "\f2dd";
}

.zmdi-videocam-off:before {
  content: "\f2de";
}

.zmdi-videocam-switch:before {
  content: "\f2df";
}

.zmdi-videocam:before {
  content: "\f2e0";
}

.zmdi-watch:before {
  content: "\f2e1";
}

.zmdi-wifi-alt-2:before {
  content: "\f2e2";
}

.zmdi-wifi-alt:before {
  content: "\f2e3";
}

.zmdi-wifi-info:before {
  content: "\f2e4";
}

.zmdi-wifi-lock:before {
  content: "\f2e5";
}

.zmdi-wifi-off:before {
  content: "\f2e6";
}

.zmdi-wifi-outline:before {
  content: "\f2e7";
}

.zmdi-wifi:before {
  content: "\f2e8";
}

.zmdi-arrow-left-bottom:before {
  content: "\f2e9";
}

.zmdi-arrow-left:before {
  content: "\f2ea";
}

.zmdi-arrow-merge:before {
  content: "\f2eb";
}

.zmdi-arrow-missed:before {
  content: "\f2ec";
}

.zmdi-arrow-right-top:before {
  content: "\f2ed";
}

.zmdi-arrow-right:before {
  content: "\f2ee";
}

.zmdi-arrow-split:before {
  content: "\f2ef";
}

.zmdi-arrows:before {
  content: "\f2f0";
}

.zmdi-caret-down-circle:before {
  content: "\f2f1";
}

.zmdi-caret-down:before {
  content: "\f2f2";
}

.zmdi-caret-left-circle:before {
  content: "\f2f3";
}

.zmdi-caret-left:before {
  content: "\f2f4";
}

.zmdi-caret-right-circle:before {
  content: "\f2f5";
}

.zmdi-caret-right:before {
  content: "\f2f6";
}

.zmdi-caret-up-circle:before {
  content: "\f2f7";
}

.zmdi-caret-up:before {
  content: "\f2f8";
}

.zmdi-chevron-down:before {
  content: "\f2f9";
}

.zmdi-chevron-left:before {
  content: "\f2fa";
}

.zmdi-chevron-right:before {
  content: "\f2fb";
}

.zmdi-chevron-up:before {
  content: "\f2fc";
}

.zmdi-forward:before {
  content: "\f2fd";
}

.zmdi-long-arrow-down:before {
  content: "\f2fe";
}

.zmdi-long-arrow-left:before {
  content: "\f2ff";
}

.zmdi-long-arrow-return:before {
  content: "\f300";
}

.zmdi-long-arrow-right:before {
  content: "\f301";
}

.zmdi-long-arrow-tab:before {
  content: "\f302";
}

.zmdi-long-arrow-up:before {
  content: "\f303";
}

.zmdi-rotate-ccw:before {
  content: "\f304";
}

.zmdi-rotate-cw:before {
  content: "\f305";
}

.zmdi-rotate-left:before {
  content: "\f306";
}

.zmdi-rotate-right:before {
  content: "\f307";
}

.zmdi-square-down:before {
  content: "\f308";
}

.zmdi-square-right:before {
  content: "\f309";
}

.zmdi-swap-alt:before {
  content: "\f30a";
}

.zmdi-swap-vertical-circle:before {
  content: "\f30b";
}

.zmdi-swap-vertical:before {
  content: "\f30c";
}

.zmdi-swap:before {
  content: "\f30d";
}

.zmdi-trending-down:before {
  content: "\f30e";
}

.zmdi-trending-flat:before {
  content: "\f30f";
}

.zmdi-trending-up:before {
  content: "\f310";
}

.zmdi-unfold-less:before {
  content: "\f311";
}

.zmdi-unfold-more:before {
  content: "\f312";
}

.zmdi-apps:before {
  content: "\f313";
}

.zmdi-grid-off:before {
  content: "\f314";
}

.zmdi-grid:before {
  content: "\f315";
}

.zmdi-view-agenda:before {
  content: "\f316";
}

.zmdi-view-array:before {
  content: "\f317";
}

.zmdi-view-carousel:before {
  content: "\f318";
}

.zmdi-view-column:before {
  content: "\f319";
}

.zmdi-view-comfy:before {
  content: "\f31a";
}

.zmdi-view-compact:before {
  content: "\f31b";
}

.zmdi-view-dashboard:before {
  content: "\f31c";
}

.zmdi-view-day:before {
  content: "\f31d";
}

.zmdi-view-headline:before {
  content: "\f31e";
}

.zmdi-view-list-alt:before {
  content: "\f31f";
}

.zmdi-view-list:before {
  content: "\f320";
}

.zmdi-view-module:before {
  content: "\f321";
}

.zmdi-view-quilt:before {
  content: "\f322";
}

.zmdi-view-stream:before {
  content: "\f323";
}

.zmdi-view-subtitles:before {
  content: "\f324";
}

.zmdi-view-toc:before {
  content: "\f325";
}

.zmdi-view-web:before {
  content: "\f326";
}

.zmdi-view-week:before {
  content: "\f327";
}

.zmdi-widgets:before {
  content: "\f328";
}

.zmdi-alarm-check:before {
  content: "\f329";
}

.zmdi-alarm-off:before {
  content: "\f32a";
}

.zmdi-alarm-plus:before {
  content: "\f32b";
}

.zmdi-alarm-snooze:before {
  content: "\f32c";
}

.zmdi-alarm:before {
  content: "\f32d";
}

.zmdi-calendar-alt:before {
  content: "\f32e";
}

.zmdi-calendar-check:before {
  content: "\f32f";
}

.zmdi-calendar-close:before {
  content: "\f330";
}

.zmdi-calendar-note:before {
  content: "\f331";
}

.zmdi-calendar:before {
  content: "\f332";
}

.zmdi-time-countdown:before {
  content: "\f333";
}

.zmdi-time-interval:before {
  content: "\f334";
}

.zmdi-time-restore-setting:before {
  content: "\f335";
}

.zmdi-time-restore:before {
  content: "\f336";
}

.zmdi-time:before {
  content: "\f337";
}

.zmdi-timer-off:before {
  content: "\f338";
}

.zmdi-timer:before {
  content: "\f339";
}

.zmdi-android-alt:before {
  content: "\f33a";
}

.zmdi-android:before {
  content: "\f33b";
}

.zmdi-apple:before {
  content: "\f33c";
}

.zmdi-behance:before {
  content: "\f33d";
}

.zmdi-codepen:before {
  content: "\f33e";
}

.zmdi-dribbble:before {
  content: "\f33f";
}

.zmdi-dropbox:before {
  content: "\f340";
}

.zmdi-evernote:before {
  content: "\f341";
}

.zmdi-facebook-box:before {
  content: "\f342";
}

.zmdi-facebook:before {
  content: "\f343";
}

.zmdi-github-box:before {
  content: "\f344";
}

.zmdi-github:before {
  content: "\f345";
}

.zmdi-google-drive:before {
  content: "\f346";
}

.zmdi-google-earth:before {
  content: "\f347";
}

.zmdi-google-glass:before {
  content: "\f348";
}

.zmdi-google-maps:before {
  content: "\f349";
}

.zmdi-google-pages:before {
  content: "\f34a";
}

.zmdi-google-play:before {
  content: "\f34b";
}

.zmdi-google-plus-box:before {
  content: "\f34c";
}

.zmdi-google-plus:before {
  content: "\f34d";
}

.zmdi-google:before {
  content: "\f34e";
}

.zmdi-instagram:before {
  content: "\f34f";
}

.zmdi-language-css3:before {
  content: "\f350";
}

.zmdi-language-html5:before {
  content: "\f351";
}

.zmdi-language-javascript:before {
  content: "\f352";
}

.zmdi-language-python-alt:before {
  content: "\f353";
}

.zmdi-language-python:before {
  content: "\f354";
}

.zmdi-lastfm:before {
  content: "\f355";
}

.zmdi-linkedin-box:before {
  content: "\f356";
}

.zmdi-paypal:before {
  content: "\f357";
}

.zmdi-pinterest-box:before {
  content: "\f358";
}

.zmdi-pocket:before {
  content: "\f359";
}

.zmdi-polymer:before {
  content: "\f35a";
}

.zmdi-share:before {
  content: "\f35b";
}

.zmdi-stackoverflow:before {
  content: "\f35c";
}

.zmdi-steam-square:before {
  content: "\f35d";
}

.zmdi-steam:before {
  content: "\f35e";
}

.zmdi-twitter-box:before {
  content: "\f35f";
}

.zmdi-twitter:before {
  content: "\f360";
}

.zmdi-vk:before {
  content: "\f361";
}

.zmdi-wikipedia:before {
  content: "\f362";
}

.zmdi-windows:before {
  content: "\f363";
}

.zmdi-aspect-ratio-alt:before {
  content: "\f364";
}

.zmdi-aspect-ratio:before {
  content: "\f365";
}

.zmdi-blur-circular:before {
  content: "\f366";
}

.zmdi-blur-linear:before {
  content: "\f367";
}

.zmdi-blur-off:before {
  content: "\f368";
}

.zmdi-blur:before {
  content: "\f369";
}

.zmdi-brightness-2:before {
  content: "\f36a";
}

.zmdi-brightness-3:before {
  content: "\f36b";
}

.zmdi-brightness-4:before {
  content: "\f36c";
}

.zmdi-brightness-5:before {
  content: "\f36d";
}

.zmdi-brightness-6:before {
  content: "\f36e";
}

.zmdi-brightness-7:before {
  content: "\f36f";
}

.zmdi-brightness-auto:before {
  content: "\f370";
}

.zmdi-brightness-setting:before {
  content: "\f371";
}

.zmdi-broken-image:before {
  content: "\f372";
}

.zmdi-center-focus-strong:before {
  content: "\f373";
}

.zmdi-center-focus-weak:before {
  content: "\f374";
}

.zmdi-compare:before {
  content: "\f375";
}

.zmdi-crop-16-9:before {
  content: "\f376";
}

.zmdi-crop-3-2:before {
  content: "\f377";
}

.zmdi-crop-5-4:before {
  content: "\f378";
}

.zmdi-crop-7-5:before {
  content: "\f379";
}

.zmdi-crop-din:before {
  content: "\f37a";
}

.zmdi-crop-free:before {
  content: "\f37b";
}

.zmdi-crop-landscape:before {
  content: "\f37c";
}

.zmdi-crop-portrait:before {
  content: "\f37d";
}

.zmdi-crop-square:before {
  content: "\f37e";
}

.zmdi-exposure-alt:before {
  content: "\f37f";
}

.zmdi-exposure:before {
  content: "\f380";
}

.zmdi-filter-b-and-w:before {
  content: "\f381";
}

.zmdi-filter-center-focus:before {
  content: "\f382";
}

.zmdi-filter-frames:before {
  content: "\f383";
}

.zmdi-filter-tilt-shift:before {
  content: "\f384";
}

.zmdi-gradient:before {
  content: "\f385";
}

.zmdi-grain:before {
  content: "\f386";
}

.zmdi-graphic-eq:before {
  content: "\f387";
}

.zmdi-hdr-off:before {
  content: "\f388";
}

.zmdi-hdr-strong:before {
  content: "\f389";
}

.zmdi-hdr-weak:before {
  content: "\f38a";
}

.zmdi-hdr:before {
  content: "\f38b";
}

.zmdi-iridescent:before {
  content: "\f38c";
}

.zmdi-leak-off:before {
  content: "\f38d";
}

.zmdi-leak:before {
  content: "\f38e";
}

.zmdi-looks:before {
  content: "\f38f";
}

.zmdi-loupe:before {
  content: "\f390";
}

.zmdi-panorama-horizontal:before {
  content: "\f391";
}

.zmdi-panorama-vertical:before {
  content: "\f392";
}

.zmdi-panorama-wide-angle:before {
  content: "\f393";
}

.zmdi-photo-size-select-large:before {
  content: "\f394";
}

.zmdi-photo-size-select-small:before {
  content: "\f395";
}

.zmdi-picture-in-picture:before {
  content: "\f396";
}

.zmdi-slideshow:before {
  content: "\f397";
}

.zmdi-texture:before {
  content: "\f398";
}

.zmdi-tonality:before {
  content: "\f399";
}

.zmdi-vignette:before {
  content: "\f39a";
}

.zmdi-wb-auto:before {
  content: "\f39b";
}

.zmdi-eject-alt:before {
  content: "\f39c";
}

.zmdi-eject:before {
  content: "\f39d";
}

.zmdi-equalizer:before {
  content: "\f39e";
}

.zmdi-fast-forward:before {
  content: "\f39f";
}

.zmdi-fast-rewind:before {
  content: "\f3a0";
}

.zmdi-forward-10:before {
  content: "\f3a1";
}

.zmdi-forward-30:before {
  content: "\f3a2";
}

.zmdi-forward-5:before {
  content: "\f3a3";
}

.zmdi-hearing:before {
  content: "\f3a4";
}

.zmdi-pause-circle-outline:before {
  content: "\f3a5";
}

.zmdi-pause-circle:before {
  content: "\f3a6";
}

.zmdi-pause:before {
  content: "\f3a7";
}

.zmdi-play-circle-outline:before {
  content: "\f3a8";
}

.zmdi-play-circle:before {
  content: "\f3a9";
}

.zmdi-play:before {
  content: "\f3aa";
}

.zmdi-playlist-audio:before {
  content: "\f3ab";
}

.zmdi-playlist-plus:before {
  content: "\f3ac";
}

.zmdi-repeat-one:before {
  content: "\f3ad";
}

.zmdi-repeat:before {
  content: "\f3ae";
}

.zmdi-replay-10:before {
  content: "\f3af";
}

.zmdi-replay-30:before {
  content: "\f3b0";
}

.zmdi-replay-5:before {
  content: "\f3b1";
}

.zmdi-replay:before {
  content: "\f3b2";
}

.zmdi-shuffle:before {
  content: "\f3b3";
}

.zmdi-skip-next:before {
  content: "\f3b4";
}

.zmdi-skip-previous:before {
  content: "\f3b5";
}

.zmdi-stop:before {
  content: "\f3b6";
}

.zmdi-surround-sound:before {
  content: "\f3b7";
}

.zmdi-tune:before {
  content: "\f3b8";
}

.zmdi-volume-down:before {
  content: "\f3b9";
}

.zmdi-volume-mute:before {
  content: "\f3ba";
}

.zmdi-volume-off:before {
  content: "\f3bb";
}

.zmdi-volume-up:before {
  content: "\f3bc";
}

.zmdi-n-1-square:before {
  content: "\f3bd";
}

.zmdi-n-2-square:before {
  content: "\f3be";
}

.zmdi-n-3-square:before {
  content: "\f3bf";
}

.zmdi-n-4-square:before {
  content: "\f3c0";
}

.zmdi-n-5-square:before {
  content: "\f3c1";
}

.zmdi-n-6-square:before {
  content: "\f3c2";
}

.zmdi-neg-1:before {
  content: "\f3c3";
}

.zmdi-neg-2:before {
  content: "\f3c4";
}

.zmdi-plus-1:before {
  content: "\f3c5";
}

.zmdi-plus-2:before {
  content: "\f3c6";
}

.zmdi-sec-10:before {
  content: "\f3c7";
}

.zmdi-sec-3:before {
  content: "\f3c8";
}

.zmdi-zero:before {
  content: "\f3c9";
}

.zmdi-airline-seat-flat-angled:before {
  content: "\f3ca";
}

.zmdi-airline-seat-flat:before {
  content: "\f3cb";
}

.zmdi-airline-seat-individual-suite:before {
  content: "\f3cc";
}

.zmdi-airline-seat-legroom-extra:before {
  content: "\f3cd";
}

.zmdi-airline-seat-legroom-normal:before {
  content: "\f3ce";
}

.zmdi-airline-seat-legroom-reduced:before {
  content: "\f3cf";
}

.zmdi-airline-seat-recline-extra:before {
  content: "\f3d0";
}

.zmdi-airline-seat-recline-normal:before {
  content: "\f3d1";
}

.zmdi-airplay:before {
  content: "\f3d2";
}

.zmdi-closed-caption:before {
  content: "\f3d3";
}

.zmdi-confirmation-number:before {
  content: "\f3d4";
}

.zmdi-developer-board:before {
  content: "\f3d5";
}

.zmdi-disc-full:before {
  content: "\f3d6";
}

.zmdi-explicit:before {
  content: "\f3d7";
}

.zmdi-flight-land:before {
  content: "\f3d8";
}

.zmdi-flight-takeoff:before {
  content: "\f3d9";
}

.zmdi-flip-to-back:before {
  content: "\f3da";
}

.zmdi-flip-to-front:before {
  content: "\f3db";
}

.zmdi-group-work:before {
  content: "\f3dc";
}

.zmdi-hd:before {
  content: "\f3dd";
}

.zmdi-hq:before {
  content: "\f3de";
}

.zmdi-markunread-mailbox:before {
  content: "\f3df";
}

.zmdi-memory:before {
  content: "\f3e0";
}

.zmdi-nfc:before {
  content: "\f3e1";
}

.zmdi-play-for-work:before {
  content: "\f3e2";
}

.zmdi-power-input:before {
  content: "\f3e3";
}

.zmdi-present-to-all:before {
  content: "\f3e4";
}

.zmdi-satellite:before {
  content: "\f3e5";
}

.zmdi-tap-and-play:before {
  content: "\f3e6";
}

.zmdi-vibration:before {
  content: "\f3e7";
}

.zmdi-voicemail:before {
  content: "\f3e8";
}

.zmdi-group:before {
  content: "\f3e9";
}

.zmdi-rss:before {
  content: "\f3ea";
}

.zmdi-shape:before {
  content: "\f3eb";
}

.zmdi-spinner:before {
  content: "\f3ec";
}

.zmdi-ungroup:before {
  content: "\f3ed";
}

.zmdi-500px:before {
  content: "\f3ee";
}

.zmdi-8tracks:before {
  content: "\f3ef";
}

.zmdi-amazon:before {
  content: "\f3f0";
}

.zmdi-blogger:before {
  content: "\f3f1";
}

.zmdi-delicious:before {
  content: "\f3f2";
}

.zmdi-disqus:before {
  content: "\f3f3";
}

.zmdi-flattr:before {
  content: "\f3f4";
}

.zmdi-flickr:before {
  content: "\f3f5";
}

.zmdi-github-alt:before {
  content: "\f3f6";
}

.zmdi-google-old:before {
  content: "\f3f7";
}

.zmdi-linkedin:before {
  content: "\f3f8";
}

.zmdi-odnoklassniki:before {
  content: "\f3f9";
}

.zmdi-outlook:before {
  content: "\f3fa";
}

.zmdi-paypal-alt:before {
  content: "\f3fb";
}

.zmdi-pinterest:before {
  content: "\f3fc";
}

.zmdi-playstation:before {
  content: "\f3fd";
}

.zmdi-reddit:before {
  content: "\f3fe";
}

.zmdi-skype:before {
  content: "\f3ff";
}

.zmdi-slideshare:before {
  content: "\f400";
}

.zmdi-soundcloud:before {
  content: "\f401";
}

.zmdi-tumblr:before {
  content: "\f402";
}

.zmdi-twitch:before {
  content: "\f403";
}

.zmdi-vimeo:before {
  content: "\f404";
}

.zmdi-whatsapp:before {
  content: "\f405";
}

.zmdi-xbox:before {
  content: "\f406";
}

.zmdi-yahoo:before {
  content: "\f407";
}

.zmdi-youtube-play:before {
  content: "\f408";
}

.zmdi-youtube:before {
  content: "\f409";
}

.zmdi-3d-rotation:before {
  content: "\f101";
}

.zmdi-airplane-off:before {
  content: "\f102";
}

.zmdi-airplane:before {
  content: "\f103";
}

.zmdi-album:before {
  content: "\f104";
}

.zmdi-archive:before {
  content: "\f105";
}

.zmdi-assignment-account:before {
  content: "\f106";
}

.zmdi-assignment-alert:before {
  content: "\f107";
}

.zmdi-assignment-check:before {
  content: "\f108";
}

.zmdi-assignment-o:before {
  content: "\f109";
}

.zmdi-assignment-return:before {
  content: "\f10a";
}

.zmdi-assignment-returned:before {
  content: "\f10b";
}

.zmdi-assignment:before {
  content: "\f10c";
}

.zmdi-attachment-alt:before {
  content: "\f10d";
}

.zmdi-attachment:before {
  content: "\f10e";
}

.zmdi-audio:before {
  content: "\f10f";
}

.zmdi-badge-check:before {
  content: "\f110";
}

.zmdi-balance-wallet:before {
  content: "\f111";
}

.zmdi-balance:before {
  content: "\f112";
}

.zmdi-battery-alert:before {
  content: "\f113";
}

.zmdi-battery-flash:before {
  content: "\f114";
}

.zmdi-battery-unknown:before {
  content: "\f115";
}

.zmdi-battery:before {
  content: "\f116";
}

.zmdi-bike:before {
  content: "\f117";
}

.zmdi-block-alt:before {
  content: "\f118";
}

.zmdi-block:before {
  content: "\f119";
}

.zmdi-boat:before {
  content: "\f11a";
}

.zmdi-book-image:before {
  content: "\f11b";
}

.zmdi-book:before {
  content: "\f11c";
}

.zmdi-bookmark-outline:before {
  content: "\f11d";
}

.zmdi-bookmark:before {
  content: "\f11e";
}

.zmdi-brush:before {
  content: "\f11f";
}

.zmdi-bug:before {
  content: "\f120";
}

.zmdi-bus:before {
  content: "\f121";
}

.zmdi-cake:before {
  content: "\f122";
}

.zmdi-car-taxi:before {
  content: "\f123";
}

.zmdi-car-wash:before {
  content: "\f124";
}

.zmdi-car:before {
  content: "\f125";
}

.zmdi-card-giftcard:before {
  content: "\f126";
}

.zmdi-card-membership:before {
  content: "\f127";
}

.zmdi-card-travel:before {
  content: "\f128";
}

.zmdi-card:before {
  content: "\f129";
}

.zmdi-case-check:before {
  content: "\f12a";
}

.zmdi-case-download:before {
  content: "\f12b";
}

.zmdi-case-play:before {
  content: "\f12c";
}

.zmdi-case:before {
  content: "\f12d";
}

.zmdi-cast-connected:before {
  content: "\f12e";
}

.zmdi-cast:before {
  content: "\f12f";
}

.zmdi-chart-donut:before {
  content: "\f130";
}

.zmdi-chart:before {
  content: "\f131";
}

.zmdi-city-alt:before {
  content: "\f132";
}

.zmdi-city:before {
  content: "\f133";
}

.zmdi-close-circle-o:before {
  content: "\f134";
}

.zmdi-close-circle:before {
  content: "\f135";
}

.zmdi-close:before {
  content: "\f136";
}

.zmdi-cocktail:before {
  content: "\f137";
}

.zmdi-code-setting:before {
  content: "\f138";
}

.zmdi-code-smartphone:before {
  content: "\f139";
}

.zmdi-code:before {
  content: "\f13a";
}

.zmdi-coffee:before {
  content: "\f13b";
}

.zmdi-collection-bookmark:before {
  content: "\f13c";
}

.zmdi-collection-case-play:before {
  content: "\f13d";
}

.zmdi-collection-folder-image:before {
  content: "\f13e";
}

.zmdi-collection-image-o:before {
  content: "\f13f";
}

.zmdi-collection-image:before {
  content: "\f140";
}

.zmdi-collection-item-1:before {
  content: "\f141";
}

.zmdi-collection-item-2:before {
  content: "\f142";
}

.zmdi-collection-item-3:before {
  content: "\f143";
}

.zmdi-collection-item-4:before {
  content: "\f144";
}

.zmdi-collection-item-5:before {
  content: "\f145";
}

.zmdi-collection-item-6:before {
  content: "\f146";
}

.zmdi-collection-item-7:before {
  content: "\f147";
}

.zmdi-collection-item-8:before {
  content: "\f148";
}

.zmdi-collection-item-9-plus:before {
  content: "\f149";
}

.zmdi-collection-item-9:before {
  content: "\f14a";
}

.zmdi-collection-item:before {
  content: "\f14b";
}

.zmdi-collection-music:before {
  content: "\f14c";
}

.zmdi-collection-pdf:before {
  content: "\f14d";
}

.zmdi-collection-plus:before {
  content: "\f14e";
}

.zmdi-collection-speaker:before {
  content: "\f14f";
}

.zmdi-collection-text:before {
  content: "\f150";
}

.zmdi-collection-video:before {
  content: "\f151";
}

.zmdi-compass:before {
  content: "\f152";
}

.zmdi-cutlery:before {
  content: "\f153";
}

.zmdi-delete:before {
  content: "\f154";
}

.zmdi-dialpad:before {
  content: "\f155";
}

.zmdi-dns:before {
  content: "\f156";
}

.zmdi-drink:before {
  content: "\f157";
}

.zmdi-edit:before {
  content: "\f158";
}

.zmdi-email-open:before {
  content: "\f159";
}

.zmdi-email:before {
  content: "\f15a";
}

.zmdi-eye-off:before {
  content: "\f15b";
}

.zmdi-eye:before {
  content: "\f15c";
}

.zmdi-eyedropper:before {
  content: "\f15d";
}

.zmdi-favorite-outline:before {
  content: "\f15e";
}

.zmdi-favorite:before {
  content: "\f15f";
}

.zmdi-filter-list:before {
  content: "\f160";
}

.zmdi-fire:before {
  content: "\f161";
}

.zmdi-flag:before {
  content: "\f162";
}

.zmdi-flare:before {
  content: "\f163";
}

.zmdi-flash-auto:before {
  content: "\f164";
}

.zmdi-flash-off:before {
  content: "\f165";
}

.zmdi-flash:before {
  content: "\f166";
}

.zmdi-flip:before {
  content: "\f167";
}

.zmdi-flower-alt:before {
  content: "\f168";
}

.zmdi-flower:before {
  content: "\f169";
}

.zmdi-font:before {
  content: "\f16a";
}

.zmdi-fullscreen-alt:before {
  content: "\f16b";
}

.zmdi-fullscreen-exit:before {
  content: "\f16c";
}

.zmdi-fullscreen:before {
  content: "\f16d";
}

.zmdi-functions:before {
  content: "\f16e";
}

.zmdi-gas-station:before {
  content: "\f16f";
}

.zmdi-gesture:before {
  content: "\f170";
}

.zmdi-globe-alt:before {
  content: "\f171";
}

.zmdi-globe-lock:before {
  content: "\f172";
}

.zmdi-globe:before {
  content: "\f173";
}

.zmdi-graduation-cap:before {
  content: "\f174";
}

.zmdi-home:before {
  content: "\f175";
}

.zmdi-hospital-alt:before {
  content: "\f176";
}

.zmdi-hospital:before {
  content: "\f177";
}

.zmdi-hotel:before {
  content: "\f178";
}

.zmdi-hourglass-alt:before {
  content: "\f179";
}

.zmdi-hourglass-outline:before {
  content: "\f17a";
}

.zmdi-hourglass:before {
  content: "\f17b";
}

.zmdi-http:before {
  content: "\f17c";
}

.zmdi-image-alt:before {
  content: "\f17d";
}

.zmdi-image-o:before {
  content: "\f17e";
}

.zmdi-image:before {
  content: "\f17f";
}

.zmdi-inbox:before {
  content: "\f180";
}

.zmdi-invert-colors-off:before {
  content: "\f181";
}

.zmdi-invert-colors:before {
  content: "\f182";
}

.zmdi-key:before {
  content: "\f183";
}

.zmdi-label-alt-outline:before {
  content: "\f184";
}

.zmdi-label-alt:before {
  content: "\f185";
}

.zmdi-label-heart:before {
  content: "\f186";
}

.zmdi-label:before {
  content: "\f187";
}

.zmdi-labels:before {
  content: "\f188";
}

.zmdi-lamp:before {
  content: "\f189";
}

.zmdi-landscape:before {
  content: "\f18a";
}

.zmdi-layers-off:before {
  content: "\f18b";
}

.zmdi-layers:before {
  content: "\f18c";
}

.zmdi-library:before {
  content: "\f18d";
}

.zmdi-link:before {
  content: "\f18e";
}

.zmdi-lock-open:before {
  content: "\f18f";
}

.zmdi-lock-outline:before {
  content: "\f190";
}

.zmdi-lock:before {
  content: "\f191";
}

.zmdi-mail-reply-all:before {
  content: "\f192";
}

.zmdi-mail-reply:before {
  content: "\f193";
}

.zmdi-mail-send:before {
  content: "\f194";
}

.zmdi-mall:before {
  content: "\f195";
}

.zmdi-map:before {
  content: "\f196";
}

.zmdi-menu:before {
  content: "\f197";
}

.zmdi-money-box:before {
  content: "\f198";
}

.zmdi-money-off:before {
  content: "\f199";
}

.zmdi-money:before {
  content: "\f19a";
}

.zmdi-more-vert:before {
  content: "\f19b";
}

.zmdi-more:before {
  content: "\f19c";
}

.zmdi-movie-alt:before {
  content: "\f19d";
}

.zmdi-movie:before {
  content: "\f19e";
}

.zmdi-nature-people:before {
  content: "\f19f";
}

.zmdi-nature:before {
  content: "\f1a0";
}

.zmdi-navigation:before {
  content: "\f1a1";
}

.zmdi-open-in-browser:before {
  content: "\f1a2";
}

.zmdi-open-in-new:before {
  content: "\f1a3";
}

.zmdi-palette:before {
  content: "\f1a4";
}

.zmdi-parking:before {
  content: "\f1a5";
}

.zmdi-pin-account:before {
  content: "\f1a6";
}

.zmdi-pin-assistant:before {
  content: "\f1a7";
}

.zmdi-pin-drop:before {
  content: "\f1a8";
}

.zmdi-pin-help:before {
  content: "\f1a9";
}

.zmdi-pin-off:before {
  content: "\f1aa";
}

.zmdi-pin:before {
  content: "\f1ab";
}

.zmdi-pizza:before {
  content: "\f1ac";
}

.zmdi-plaster:before {
  content: "\f1ad";
}

.zmdi-power-setting:before {
  content: "\f1ae";
}

.zmdi-power:before {
  content: "\f1af";
}

.zmdi-print:before {
  content: "\f1b0";
}

.zmdi-puzzle-piece:before {
  content: "\f1b1";
}

.zmdi-quote:before {
  content: "\f1b2";
}

.zmdi-railway:before {
  content: "\f1b3";
}

.zmdi-receipt:before {
  content: "\f1b4";
}

.zmdi-refresh-alt:before {
  content: "\f1b5";
}

.zmdi-refresh-sync-alert:before {
  content: "\f1b6";
}

.zmdi-refresh-sync-off:before {
  content: "\f1b7";
}

.zmdi-refresh-sync:before {
  content: "\f1b8";
}

.zmdi-refresh:before {
  content: "\f1b9";
}

.zmdi-roller:before {
  content: "\f1ba";
}

.zmdi-ruler:before {
  content: "\f1bb";
}

.zmdi-scissors:before {
  content: "\f1bc";
}

.zmdi-screen-rotation-lock:before {
  content: "\f1bd";
}

.zmdi-screen-rotation:before {
  content: "\f1be";
}

.zmdi-search-for:before {
  content: "\f1bf";
}

.zmdi-search-in-file:before {
  content: "\f1c0";
}

.zmdi-search-in-page:before {
  content: "\f1c1";
}

.zmdi-search-replace:before {
  content: "\f1c2";
}

.zmdi-search:before {
  content: "\f1c3";
}

.zmdi-seat:before {
  content: "\f1c4";
}

.zmdi-settings-square:before {
  content: "\f1c5";
}

.zmdi-settings:before {
  content: "\f1c6";
}

.zmdi-shield-check:before {
  content: "\f1c7";
}

.zmdi-shield-security:before {
  content: "\f1c8";
}

.zmdi-shopping-basket:before {
  content: "\f1c9";
}

.zmdi-shopping-cart-plus:before {
  content: "\f1ca";
}

.zmdi-shopping-cart:before {
  content: "\f1cb";
}

.zmdi-sign-in:before {
  content: "\f1cc";
}

.zmdi-sort-amount-asc:before {
  content: "\f1cd";
}

.zmdi-sort-amount-desc:before {
  content: "\f1ce";
}

.zmdi-sort-asc:before {
  content: "\f1cf";
}

.zmdi-sort-desc:before {
  content: "\f1d0";
}

.zmdi-spellcheck:before {
  content: "\f1d1";
}

.zmdi-storage:before {
  content: "\f1d2";
}

.zmdi-store-24:before {
  content: "\f1d3";
}

.zmdi-store:before {
  content: "\f1d4";
}

.zmdi-subway:before {
  content: "\f1d5";
}

.zmdi-sun:before {
  content: "\f1d6";
}

.zmdi-tab-unselected:before {
  content: "\f1d7";
}

.zmdi-tab:before {
  content: "\f1d8";
}

.zmdi-tag-close:before {
  content: "\f1d9";
}

.zmdi-tag-more:before {
  content: "\f1da";
}

.zmdi-tag:before {
  content: "\f1db";
}

.zmdi-thumb-down:before {
  content: "\f1dc";
}

.zmdi-thumb-up-down:before {
  content: "\f1dd";
}

.zmdi-thumb-up:before {
  content: "\f1de";
}

.zmdi-ticket-star:before {
  content: "\f1df";
}

.zmdi-toll:before {
  content: "\f1e0";
}

.zmdi-toys:before {
  content: "\f1e1";
}

.zmdi-traffic:before {
  content: "\f1e2";
}

.zmdi-translate:before {
  content: "\f1e3";
}

.zmdi-triangle-down:before {
  content: "\f1e4";
}

.zmdi-triangle-up:before {
  content: "\f1e5";
}

.zmdi-truck:before {
  content: "\f1e6";
}

.zmdi-turning-sign:before {
  content: "\f1e7";
}

.zmdi-wallpaper:before {
  content: "\f1e8";
}

.zmdi-washing-machine:before {
  content: "\f1e9";
}

.zmdi-window-maximize:before {
  content: "\f1ea";
}

.zmdi-window-minimize:before {
  content: "\f1eb";
}

.zmdi-window-restore:before {
  content: "\f1ec";
}

.zmdi-wrench:before {
  content: "\f1ed";
}

.zmdi-zoom-in:before {
  content: "\f1ee";
}

.zmdi-zoom-out:before {
  content: "\f1ef";
}

.zmdi-alert-circle-o:before {
  content: "\f1f0";
}

.zmdi-alert-circle:before {
  content: "\f1f1";
}

.zmdi-alert-octagon:before {
  content: "\f1f2";
}

.zmdi-alert-polygon:before {
  content: "\f1f3";
}

.zmdi-alert-triangle:before {
  content: "\f1f4";
}

.zmdi-help-outline:before {
  content: "\f1f5";
}

.zmdi-help:before {
  content: "\f1f6";
}

.zmdi-info-outline:before {
  content: "\f1f7";
}

.zmdi-info:before {
  content: "\f1f8";
}

.zmdi-notifications-active:before {
  content: "\f1f9";
}

.zmdi-notifications-add:before {
  content: "\f1fa";
}

.zmdi-notifications-none:before {
  content: "\f1fb";
}

.zmdi-notifications-off:before {
  content: "\f1fc";
}

.zmdi-notifications-paused:before {
  content: "\f1fd";
}

.zmdi-notifications:before {
  content: "\f1fe";
}

.zmdi-account-add:before {
  content: "\f1ff";
}

.zmdi-account-box-mail:before {
  content: "\f200";
}

.zmdi-account-box-o:before {
  content: "\f201";
}

.zmdi-account-box-phone:before {
  content: "\f202";
}

.zmdi-account-box:before {
  content: "\f203";
}

.zmdi-account-calendar:before {
  content: "\f204";
}

.zmdi-account-circle:before {
  content: "\f205";
}

.zmdi-account-o:before {
  content: "\f206";
}

.zmdi-account:before {
  content: "\f207";
}

.zmdi-accounts-add:before {
  content: "\f208";
}

.zmdi-accounts-alt:before {
  content: "\f209";
}

.zmdi-accounts-list-alt:before {
  content: "\f20a";
}

.zmdi-accounts-list:before {
  content: "\f20b";
}

.zmdi-accounts-outline:before {
  content: "\f20c";
}

.zmdi-accounts:before {
  content: "\f20d";
}

.zmdi-face:before {
  content: "\f20e";
}

.zmdi-female:before {
  content: "\f20f";
}

.zmdi-male-alt:before {
  content: "\f210";
}

.zmdi-male-female:before {
  content: "\f211";
}

.zmdi-male:before {
  content: "\f212";
}

.zmdi-mood-bad:before {
  content: "\f213";
}

.zmdi-mood:before {
  content: "\f214";
}

.zmdi-run:before {
  content: "\f215";
}

.zmdi-walk:before {
  content: "\f216";
}

.zmdi-cloud-box:before {
  content: "\f217";
}

.zmdi-cloud-circle:before {
  content: "\f218";
}

.zmdi-cloud-done:before {
  content: "\f219";
}

.zmdi-cloud-download:before {
  content: "\f21a";
}

.zmdi-cloud-off:before {
  content: "\f21b";
}

.zmdi-cloud-outline-alt:before {
  content: "\f21c";
}

.zmdi-cloud-outline:before {
  content: "\f21d";
}

.zmdi-cloud-upload:before {
  content: "\f21e";
}

.zmdi-cloud:before {
  content: "\f21f";
}

.zmdi-download:before {
  content: "\f220";
}

.zmdi-file-plus:before {
  content: "\f221";
}

.zmdi-file-text:before {
  content: "\f222";
}

.zmdi-file:before {
  content: "\f223";
}

.zmdi-folder-outline:before {
  content: "\f224";
}

.zmdi-folder-person:before {
  content: "\f225";
}

.zmdi-folder-star-alt:before {
  content: "\f226";
}

.zmdi-folder-star:before {
  content: "\f227";
}

.zmdi-folder:before {
  content: "\f228";
}

.zmdi-gif:before {
  content: "\f229";
}

.zmdi-upload:before {
  content: "\f22a";
}

.zmdi-border-all:before {
  content: "\f22b";
}

.zmdi-border-bottom:before {
  content: "\f22c";
}

.zmdi-border-clear:before {
  content: "\f22d";
}

.zmdi-border-color:before {
  content: "\f22e";
}

.zmdi-border-horizontal:before {
  content: "\f22f";
}

.zmdi-border-inner:before {
  content: "\f230";
}

.zmdi-border-left:before {
  content: "\f231";
}

.zmdi-border-outer:before {
  content: "\f232";
}

.zmdi-border-right:before {
  content: "\f233";
}

.zmdi-border-style:before {
  content: "\f234";
}

.zmdi-border-top:before {
  content: "\f235";
}

.zmdi-border-vertical:before {
  content: "\f236";
}

.zmdi-copy:before {
  content: "\f237";
}

.zmdi-crop:before {
  content: "\f238";
}

.zmdi-format-align-center:before {
  content: "\f239";
}

.zmdi-format-align-justify:before {
  content: "\f23a";
}

.zmdi-format-align-left:before {
  content: "\f23b";
}

.zmdi-format-align-right:before {
  content: "\f23c";
}

.zmdi-format-bold:before {
  content: "\f23d";
}

.zmdi-format-clear-all:before {
  content: "\f23e";
}

.zmdi-format-clear:before {
  content: "\f23f";
}

.zmdi-format-color-fill:before {
  content: "\f240";
}

.zmdi-format-color-reset:before {
  content: "\f241";
}

.zmdi-format-color-text:before {
  content: "\f242";
}

.zmdi-format-indent-decrease:before {
  content: "\f243";
}

.zmdi-format-indent-increase:before {
  content: "\f244";
}

.zmdi-format-italic:before {
  content: "\f245";
}

.zmdi-format-line-spacing:before {
  content: "\f246";
}

.zmdi-format-list-bulleted:before {
  content: "\f247";
}

.zmdi-format-list-numbered:before {
  content: "\f248";
}

.zmdi-format-ltr:before {
  content: "\f249";
}

.zmdi-format-rtl:before {
  content: "\f24a";
}

.zmdi-format-size:before {
  content: "\f24b";
}

.zmdi-format-strikethrough-s:before {
  content: "\f24c";
}

.zmdi-format-strikethrough:before {
  content: "\f24d";
}

.zmdi-format-subject:before {
  content: "\f24e";
}

.zmdi-format-underlined:before {
  content: "\f24f";
}

.zmdi-format-valign-bottom:before {
  content: "\f250";
}

.zmdi-format-valign-center:before {
  content: "\f251";
}

.zmdi-format-valign-top:before {
  content: "\f252";
}

.zmdi-redo:before {
  content: "\f253";
}

.zmdi-select-all:before {
  content: "\f254";
}

.zmdi-space-bar:before {
  content: "\f255";
}

.zmdi-text-format:before {
  content: "\f256";
}

.zmdi-transform:before {
  content: "\f257";
}

.zmdi-undo:before {
  content: "\f258";
}

.zmdi-wrap-text:before {
  content: "\f259";
}

.zmdi-comment-alert:before {
  content: "\f25a";
}

.zmdi-comment-alt-text:before {
  content: "\f25b";
}

.zmdi-comment-alt:before {
  content: "\f25c";
}

.zmdi-comment-edit:before {
  content: "\f25d";
}

.zmdi-comment-image:before {
  content: "\f25e";
}

.zmdi-comment-list:before {
  content: "\f25f";
}

.zmdi-comment-more:before {
  content: "\f260";
}

.zmdi-comment-outline:before {
  content: "\f261";
}

.zmdi-comment-text-alt:before {
  content: "\f262";
}

.zmdi-comment-text:before {
  content: "\f263";
}

.zmdi-comment-video:before {
  content: "\f264";
}

.zmdi-comment:before {
  content: "\f265";
}

.zmdi-comments:before {
  content: "\f266";
}

.zmdi-check-all:before {
  content: "\f267";
}

.zmdi-check-circle-u:before {
  content: "\f268";
}

.zmdi-check-circle:before {
  content: "\f269";
}

.zmdi-check-square:before {
  content: "\f26a";
}

.zmdi-check:before {
  content: "\f26b";
}

.zmdi-circle-o:before {
  content: "\f26c";
}

.zmdi-circle:before {
  content: "\f26d";
}

.zmdi-dot-circle-alt:before {
  content: "\f26e";
}

.zmdi-dot-circle:before {
  content: "\f26f";
}

.zmdi-minus-circle-outline:before {
  content: "\f270";
}

.zmdi-minus-circle:before {
  content: "\f271";
}

.zmdi-minus-square:before {
  content: "\f272";
}

.zmdi-minus:before {
  content: "\f273";
}

.zmdi-plus-circle-o-duplicate:before {
  content: "\f274";
}

.zmdi-plus-circle-o:before {
  content: "\f275";
}

.zmdi-plus-circle:before {
  content: "\f276";
}

.zmdi-plus-square:before {
  content: "\f277";
}

.zmdi-plus:before {
  content: "\f278";
}

.zmdi-square-o:before {
  content: "\f279";
}

.zmdi-star-circle:before {
  content: "\f27a";
}

.zmdi-star-half:before {
  content: "\f27b";
}

.zmdi-star-outline:before {
  content: "\f27c";
}

.zmdi-star:before {
  content: "\f27d";
}

.zmdi-bluetooth-connected:before {
  content: "\f27e";
}

.zmdi-bluetooth-off:before {
  content: "\f27f";
}

.zmdi-bluetooth-search:before {
  content: "\f280";
}

.zmdi-bluetooth-setting:before {
  content: "\f281";
}

.zmdi-bluetooth:before {
  content: "\f282";
}

.zmdi-camera-add:before {
  content: "\f283";
}

.zmdi-camera-alt:before {
  content: "\f284";
}

.zmdi-camera-bw:before {
  content: "\f285";
}

.zmdi-camera-front:before {
  content: "\f286";
}

.zmdi-camera-mic:before {
  content: "\f287";
}

.zmdi-camera-party-mode:before {
  content: "\f288";
}

.zmdi-camera-rear:before {
  content: "\f289";
}

.zmdi-camera-roll:before {
  content: "\f28a";
}

.zmdi-camera-switch:before {
  content: "\f28b";
}

.zmdi-camera:before {
  content: "\f28c";
}

.zmdi-card-alert:before {
  content: "\f28d";
}

.zmdi-card-off:before {
  content: "\f28e";
}

.zmdi-card-sd:before {
  content: "\f28f";
}

.zmdi-card-sim:before {
  content: "\f290";
}

.zmdi-desktop-mac:before {
  content: "\f291";
}

.zmdi-desktop-windows:before {
  content: "\f292";
}

.zmdi-device-hub:before {
  content: "\f293";
}

.zmdi-devices-off:before {
  content: "\f294";
}

.zmdi-devices:before {
  content: "\f295";
}

.zmdi-dock:before {
  content: "\f296";
}

.zmdi-floppy:before {
  content: "\f297";
}

.zmdi-gamepad:before {
  content: "\f298";
}

.zmdi-gps-dot:before {
  content: "\f299";
}

.zmdi-gps-off:before {
  content: "\f29a";
}

.zmdi-gps:before {
  content: "\f29b";
}

.zmdi-headset-mic:before {
  content: "\f29c";
}

.zmdi-headset:before {
  content: "\f29d";
}

.zmdi-input-antenna:before {
  content: "\f29e";
}

.zmdi-input-composite:before {
  content: "\f29f";
}

.zmdi-input-hdmi:before {
  content: "\f2a0";
}

.zmdi-input-power:before {
  content: "\f2a1";
}

.zmdi-input-svideo:before {
  content: "\f2a2";
}

.zmdi-keyboard-hide:before {
  content: "\f2a3";
}

.zmdi-keyboard:before {
  content: "\f2a4";
}

.zmdi-laptop-chromebook:before {
  content: "\f2a5";
}

.zmdi-laptop-mac:before {
  content: "\f2a6";
}

.zmdi-laptop:before {
  content: "\f2a7";
}

.zmdi-mic-off:before {
  content: "\f2a8";
}

.zmdi-mic-outline:before {
  content: "\f2a9";
}

.zmdi-mic-setting:before {
  content: "\f2aa";
}

.zmdi-mic:before {
  content: "\f2ab";
}

.zmdi-mouse:before {
  content: "\f2ac";
}

.zmdi-network-alert:before {
  content: "\f2ad";
}

.zmdi-network-locked:before {
  content: "\f2ae";
}

.zmdi-network-off:before {
  content: "\f2af";
}

.zmdi-network-outline:before {
  content: "\f2b0";
}

.zmdi-network-setting:before {
  content: "\f2b1";
}

.zmdi-network:before {
  content: "\f2b2";
}

.zmdi-phone-bluetooth:before {
  content: "\f2b3";
}

.zmdi-phone-end:before {
  content: "\f2b4";
}

.zmdi-phone-forwarded:before {
  content: "\f2b5";
}

.zmdi-phone-in-talk:before {
  content: "\f2b6";
}

.zmdi-phone-locked:before {
  content: "\f2b7";
}

.zmdi-phone-missed:before {
  content: "\f2b8";
}

.zmdi-phone-msg:before {
  content: "\f2b9";
}

.zmdi-phone-paused:before {
  content: "\f2ba";
}

.zmdi-phone-ring:before {
  content: "\f2bb";
}

.zmdi-phone-setting:before {
  content: "\f2bc";
}

.zmdi-phone-sip:before {
  content: "\f2bd";
}

.zmdi-phone:before {
  content: "\f2be";
}

.zmdi-portable-wifi-changes:before {
  content: "\f2bf";
}

.zmdi-portable-wifi-off:before {
  content: "\f2c0";
}

.zmdi-portable-wifi:before {
  content: "\f2c1";
}

.zmdi-radio:before {
  content: "\f2c2";
}

.zmdi-reader:before {
  content: "\f2c3";
}

.zmdi-remote-control-alt:before {
  content: "\f2c4";
}

.zmdi-remote-control:before {
  content: "\f2c5";
}

.zmdi-router:before {
  content: "\f2c6";
}

.zmdi-scanner:before {
  content: "\f2c7";
}

.zmdi-smartphone-android:before {
  content: "\f2c8";
}

.zmdi-smartphone-download:before {
  content: "\f2c9";
}

.zmdi-smartphone-erase:before {
  content: "\f2ca";
}

.zmdi-smartphone-info:before {
  content: "\f2cb";
}

.zmdi-smartphone-iphone:before {
  content: "\f2cc";
}

.zmdi-smartphone-landscape-lock:before {
  content: "\f2cd";
}

.zmdi-smartphone-landscape:before {
  content: "\f2ce";
}

.zmdi-smartphone-lock:before {
  content: "\f2cf";
}

.zmdi-smartphone-portrait-lock:before {
  content: "\f2d0";
}

.zmdi-smartphone-ring:before {
  content: "\f2d1";
}

.zmdi-smartphone-setting:before {
  content: "\f2d2";
}

.zmdi-smartphone-setup:before {
  content: "\f2d3";
}

.zmdi-smartphone:before {
  content: "\f2d4";
}

.zmdi-speaker:before {
  content: "\f2d5";
}

.zmdi-tablet-android:before {
  content: "\f2d6";
}

.zmdi-tablet-mac:before {
  content: "\f2d7";
}

.zmdi-tablet:before {
  content: "\f2d8";
}

.zmdi-tv-alt-play:before {
  content: "\f2d9";
}

.zmdi-tv-list:before {
  content: "\f2da";
}

.zmdi-tv-play:before {
  content: "\f2db";
}

.zmdi-tv:before {
  content: "\f2dc";
}

.zmdi-usb:before {
  content: "\f2dd";
}

.zmdi-videocam-off:before {
  content: "\f2de";
}

.zmdi-videocam-switch:before {
  content: "\f2df";
}

.zmdi-videocam:before {
  content: "\f2e0";
}

.zmdi-watch:before {
  content: "\f2e1";
}

.zmdi-wifi-alt-2:before {
  content: "\f2e2";
}

.zmdi-wifi-alt:before {
  content: "\f2e3";
}

.zmdi-wifi-info:before {
  content: "\f2e4";
}

.zmdi-wifi-lock:before {
  content: "\f2e5";
}

.zmdi-wifi-off:before {
  content: "\f2e6";
}

.zmdi-wifi-outline:before {
  content: "\f2e7";
}

.zmdi-wifi:before {
  content: "\f2e8";
}

.zmdi-arrow-left-bottom:before {
  content: "\f2e9";
}

.zmdi-arrow-left:before {
  content: "\f2ea";
}

.zmdi-arrow-merge:before {
  content: "\f2eb";
}

.zmdi-arrow-missed:before {
  content: "\f2ec";
}

.zmdi-arrow-right-top:before {
  content: "\f2ed";
}

.zmdi-arrow-right:before {
  content: "\f2ee";
}

.zmdi-arrow-split:before {
  content: "\f2ef";
}

.zmdi-arrows:before {
  content: "\f2f0";
}

.zmdi-caret-down-circle:before {
  content: "\f2f1";
}

.zmdi-caret-down:before {
  content: "\f2f2";
}

.zmdi-caret-left-circle:before {
  content: "\f2f3";
}

.zmdi-caret-left:before {
  content: "\f2f4";
}

.zmdi-caret-right-circle:before {
  content: "\f2f5";
}

.zmdi-caret-right:before {
  content: "\f2f6";
}

.zmdi-caret-up-circle:before {
  content: "\f2f7";
}

.zmdi-caret-up:before {
  content: "\f2f8";
}

.zmdi-chevron-down:before {
  content: "\f2f9";
}

.zmdi-chevron-left:before {
  content: "\f2fa";
}

.zmdi-chevron-right:before {
  content: "\f2fb";
}

.zmdi-chevron-up:before {
  content: "\f2fc";
}

.zmdi-forward:before {
  content: "\f2fd";
}

.zmdi-long-arrow-down:before {
  content: "\f2fe";
}

.zmdi-long-arrow-left:before {
  content: "\f2ff";
}

.zmdi-long-arrow-return:before {
  content: "\f300";
}

.zmdi-long-arrow-right:before {
  content: "\f301";
}

.zmdi-long-arrow-tab:before {
  content: "\f302";
}

.zmdi-long-arrow-up:before {
  content: "\f303";
}

.zmdi-rotate-ccw:before {
  content: "\f304";
}

.zmdi-rotate-cw:before {
  content: "\f305";
}

.zmdi-rotate-left:before {
  content: "\f306";
}

.zmdi-rotate-right:before {
  content: "\f307";
}

.zmdi-square-down:before {
  content: "\f308";
}

.zmdi-square-right:before {
  content: "\f309";
}

.zmdi-swap-alt:before {
  content: "\f30a";
}

.zmdi-swap-vertical-circle:before {
  content: "\f30b";
}

.zmdi-swap-vertical:before {
  content: "\f30c";
}

.zmdi-swap:before {
  content: "\f30d";
}

.zmdi-trending-down:before {
  content: "\f30e";
}

.zmdi-trending-flat:before {
  content: "\f30f";
}

.zmdi-trending-up:before {
  content: "\f310";
}

.zmdi-unfold-less:before {
  content: "\f311";
}

.zmdi-unfold-more:before {
  content: "\f312";
}

.zmdi-apps:before {
  content: "\f313";
}

.zmdi-grid-off:before {
  content: "\f314";
}

.zmdi-grid:before {
  content: "\f315";
}

.zmdi-view-agenda:before {
  content: "\f316";
}

.zmdi-view-array:before {
  content: "\f317";
}

.zmdi-view-carousel:before {
  content: "\f318";
}

.zmdi-view-column:before {
  content: "\f319";
}

.zmdi-view-comfy:before {
  content: "\f31a";
}

.zmdi-view-compact:before {
  content: "\f31b";
}

.zmdi-view-dashboard:before {
  content: "\f31c";
}

.zmdi-view-day:before {
  content: "\f31d";
}

.zmdi-view-headline:before {
  content: "\f31e";
}

.zmdi-view-list-alt:before {
  content: "\f31f";
}

.zmdi-view-list:before {
  content: "\f320";
}

.zmdi-view-module:before {
  content: "\f321";
}

.zmdi-view-quilt:before {
  content: "\f322";
}

.zmdi-view-stream:before {
  content: "\f323";
}

.zmdi-view-subtitles:before {
  content: "\f324";
}

.zmdi-view-toc:before {
  content: "\f325";
}

.zmdi-view-web:before {
  content: "\f326";
}

.zmdi-view-week:before {
  content: "\f327";
}

.zmdi-widgets:before {
  content: "\f328";
}

.zmdi-alarm-check:before {
  content: "\f329";
}

.zmdi-alarm-off:before {
  content: "\f32a";
}

.zmdi-alarm-plus:before {
  content: "\f32b";
}

.zmdi-alarm-snooze:before {
  content: "\f32c";
}

.zmdi-alarm:before {
  content: "\f32d";
}

.zmdi-calendar-alt:before {
  content: "\f32e";
}

.zmdi-calendar-check:before {
  content: "\f32f";
}

.zmdi-calendar-close:before {
  content: "\f330";
}

.zmdi-calendar-note:before {
  content: "\f331";
}

.zmdi-calendar:before {
  content: "\f332";
}

.zmdi-time-countdown:before {
  content: "\f333";
}

.zmdi-time-interval:before {
  content: "\f334";
}

.zmdi-time-restore-setting:before {
  content: "\f335";
}

.zmdi-time-restore:before {
  content: "\f336";
}

.zmdi-time:before {
  content: "\f337";
}

.zmdi-timer-off:before {
  content: "\f338";
}

.zmdi-timer:before {
  content: "\f339";
}

.zmdi-android-alt:before {
  content: "\f33a";
}

.zmdi-android:before {
  content: "\f33b";
}

.zmdi-apple:before {
  content: "\f33c";
}

.zmdi-behance:before {
  content: "\f33d";
}

.zmdi-codepen:before {
  content: "\f33e";
}

.zmdi-dribbble:before {
  content: "\f33f";
}

.zmdi-dropbox:before {
  content: "\f340";
}

.zmdi-evernote:before {
  content: "\f341";
}

.zmdi-facebook-box:before {
  content: "\f342";
}

.zmdi-facebook:before {
  content: "\f343";
}

.zmdi-github-box:before {
  content: "\f344";
}

.zmdi-github:before {
  content: "\f345";
}

.zmdi-google-drive:before {
  content: "\f346";
}

.zmdi-google-earth:before {
  content: "\f347";
}

.zmdi-google-glass:before {
  content: "\f348";
}

.zmdi-google-maps:before {
  content: "\f349";
}

.zmdi-google-pages:before {
  content: "\f34a";
}

.zmdi-google-play:before {
  content: "\f34b";
}

.zmdi-google-plus-box:before {
  content: "\f34c";
}

.zmdi-google-plus:before {
  content: "\f34d";
}

.zmdi-google:before {
  content: "\f34e";
}

.zmdi-instagram:before {
  content: "\f34f";
}

.zmdi-language-css3:before {
  content: "\f350";
}

.zmdi-language-html5:before {
  content: "\f351";
}

.zmdi-language-javascript:before {
  content: "\f352";
}

.zmdi-language-python-alt:before {
  content: "\f353";
}

.zmdi-language-python:before {
  content: "\f354";
}

.zmdi-lastfm:before {
  content: "\f355";
}

.zmdi-linkedin-box:before {
  content: "\f356";
}

.zmdi-paypal:before {
  content: "\f357";
}

.zmdi-pinterest-box:before {
  content: "\f358";
}

.zmdi-pocket:before {
  content: "\f359";
}

.zmdi-polymer:before {
  content: "\f35a";
}

.zmdi-share:before {
  content: "\f35b";
}

.zmdi-stackoverflow:before {
  content: "\f35c";
}

.zmdi-steam-square:before {
  content: "\f35d";
}

.zmdi-steam:before {
  content: "\f35e";
}

.zmdi-twitter-box:before {
  content: "\f35f";
}

.zmdi-twitter:before {
  content: "\f360";
}

.zmdi-vk:before {
  content: "\f361";
}

.zmdi-wikipedia:before {
  content: "\f362";
}

.zmdi-windows:before {
  content: "\f363";
}

.zmdi-aspect-ratio-alt:before {
  content: "\f364";
}

.zmdi-aspect-ratio:before {
  content: "\f365";
}

.zmdi-blur-circular:before {
  content: "\f366";
}

.zmdi-blur-linear:before {
  content: "\f367";
}

.zmdi-blur-off:before {
  content: "\f368";
}

.zmdi-blur:before {
  content: "\f369";
}

.zmdi-brightness-2:before {
  content: "\f36a";
}

.zmdi-brightness-3:before {
  content: "\f36b";
}

.zmdi-brightness-4:before {
  content: "\f36c";
}

.zmdi-brightness-5:before {
  content: "\f36d";
}

.zmdi-brightness-6:before {
  content: "\f36e";
}

.zmdi-brightness-7:before {
  content: "\f36f";
}

.zmdi-brightness-auto:before {
  content: "\f370";
}

.zmdi-brightness-setting:before {
  content: "\f371";
}

.zmdi-broken-image:before {
  content: "\f372";
}

.zmdi-center-focus-strong:before {
  content: "\f373";
}

.zmdi-center-focus-weak:before {
  content: "\f374";
}

.zmdi-compare:before {
  content: "\f375";
}

.zmdi-crop-16-9:before {
  content: "\f376";
}

.zmdi-crop-3-2:before {
  content: "\f377";
}

.zmdi-crop-5-4:before {
  content: "\f378";
}

.zmdi-crop-7-5:before {
  content: "\f379";
}

.zmdi-crop-din:before {
  content: "\f37a";
}

.zmdi-crop-free:before {
  content: "\f37b";
}

.zmdi-crop-landscape:before {
  content: "\f37c";
}

.zmdi-crop-portrait:before {
  content: "\f37d";
}

.zmdi-crop-square:before {
  content: "\f37e";
}

.zmdi-exposure-alt:before {
  content: "\f37f";
}

.zmdi-exposure:before {
  content: "\f380";
}

.zmdi-filter-b-and-w:before {
  content: "\f381";
}

.zmdi-filter-center-focus:before {
  content: "\f382";
}

.zmdi-filter-frames:before {
  content: "\f383";
}

.zmdi-filter-tilt-shift:before {
  content: "\f384";
}

.zmdi-gradient:before {
  content: "\f385";
}

.zmdi-grain:before {
  content: "\f386";
}

.zmdi-graphic-eq:before {
  content: "\f387";
}

.zmdi-hdr-off:before {
  content: "\f388";
}

.zmdi-hdr-strong:before {
  content: "\f389";
}

.zmdi-hdr-weak:before {
  content: "\f38a";
}

.zmdi-hdr:before {
  content: "\f38b";
}

.zmdi-iridescent:before {
  content: "\f38c";
}

.zmdi-leak-off:before {
  content: "\f38d";
}

.zmdi-leak:before {
  content: "\f38e";
}

.zmdi-looks:before {
  content: "\f38f";
}

.zmdi-loupe:before {
  content: "\f390";
}

.zmdi-panorama-horizontal:before {
  content: "\f391";
}

.zmdi-panorama-vertical:before {
  content: "\f392";
}

.zmdi-panorama-wide-angle:before {
  content: "\f393";
}

.zmdi-photo-size-select-large:before {
  content: "\f394";
}

.zmdi-photo-size-select-small:before {
  content: "\f395";
}

.zmdi-picture-in-picture:before {
  content: "\f396";
}

.zmdi-slideshow:before {
  content: "\f397";
}

.zmdi-texture:before {
  content: "\f398";
}

.zmdi-tonality:before {
  content: "\f399";
}

.zmdi-vignette:before {
  content: "\f39a";
}

.zmdi-wb-auto:before {
  content: "\f39b";
}

.zmdi-eject-alt:before {
  content: "\f39c";
}

.zmdi-eject:before {
  content: "\f39d";
}

.zmdi-equalizer:before {
  content: "\f39e";
}

.zmdi-fast-forward:before {
  content: "\f39f";
}

.zmdi-fast-rewind:before {
  content: "\f3a0";
}

.zmdi-forward-10:before {
  content: "\f3a1";
}

.zmdi-forward-30:before {
  content: "\f3a2";
}

.zmdi-forward-5:before {
  content: "\f3a3";
}

.zmdi-hearing:before {
  content: "\f3a4";
}

.zmdi-pause-circle-outline:before {
  content: "\f3a5";
}

.zmdi-pause-circle:before {
  content: "\f3a6";
}

.zmdi-pause:before {
  content: "\f3a7";
}

.zmdi-play-circle-outline:before {
  content: "\f3a8";
}

.zmdi-play-circle:before {
  content: "\f3a9";
}

.zmdi-play:before {
  content: "\f3aa";
}

.zmdi-playlist-audio:before {
  content: "\f3ab";
}

.zmdi-playlist-plus:before {
  content: "\f3ac";
}

.zmdi-repeat-one:before {
  content: "\f3ad";
}

.zmdi-repeat:before {
  content: "\f3ae";
}

.zmdi-replay-10:before {
  content: "\f3af";
}

.zmdi-replay-30:before {
  content: "\f3b0";
}

.zmdi-replay-5:before {
  content: "\f3b1";
}

.zmdi-replay:before {
  content: "\f3b2";
}

.zmdi-shuffle:before {
  content: "\f3b3";
}

.zmdi-skip-next:before {
  content: "\f3b4";
}

.zmdi-skip-previous:before {
  content: "\f3b5";
}

.zmdi-stop:before {
  content: "\f3b6";
}

.zmdi-surround-sound:before {
  content: "\f3b7";
}

.zmdi-tune:before {
  content: "\f3b8";
}

.zmdi-volume-down:before {
  content: "\f3b9";
}

.zmdi-volume-mute:before {
  content: "\f3ba";
}

.zmdi-volume-off:before {
  content: "\f3bb";
}

.zmdi-volume-up:before {
  content: "\f3bc";
}

.zmdi-n-1-square:before {
  content: "\f3bd";
}

.zmdi-n-2-square:before {
  content: "\f3be";
}

.zmdi-n-3-square:before {
  content: "\f3bf";
}

.zmdi-n-4-square:before {
  content: "\f3c0";
}

.zmdi-n-5-square:before {
  content: "\f3c1";
}

.zmdi-n-6-square:before {
  content: "\f3c2";
}

.zmdi-neg-1:before {
  content: "\f3c3";
}

.zmdi-neg-2:before {
  content: "\f3c4";
}

.zmdi-plus-1:before {
  content: "\f3c5";
}

.zmdi-plus-2:before {
  content: "\f3c6";
}

.zmdi-sec-10:before {
  content: "\f3c7";
}

.zmdi-sec-3:before {
  content: "\f3c8";
}

.zmdi-zero:before {
  content: "\f3c9";
}

.zmdi-airline-seat-flat-angled:before {
  content: "\f3ca";
}

.zmdi-airline-seat-flat:before {
  content: "\f3cb";
}

.zmdi-airline-seat-individual-suite:before {
  content: "\f3cc";
}

.zmdi-airline-seat-legroom-extra:before {
  content: "\f3cd";
}

.zmdi-airline-seat-legroom-normal:before {
  content: "\f3ce";
}

.zmdi-airline-seat-legroom-reduced:before {
  content: "\f3cf";
}

.zmdi-airline-seat-recline-extra:before {
  content: "\f3d0";
}

.zmdi-airline-seat-recline-normal:before {
  content: "\f3d1";
}

.zmdi-airplay:before {
  content: "\f3d2";
}

.zmdi-closed-caption:before {
  content: "\f3d3";
}

.zmdi-confirmation-number:before {
  content: "\f3d4";
}

.zmdi-developer-board:before {
  content: "\f3d5";
}

.zmdi-disc-full:before {
  content: "\f3d6";
}

.zmdi-explicit:before {
  content: "\f3d7";
}

.zmdi-flight-land:before {
  content: "\f3d8";
}

.zmdi-flight-takeoff:before {
  content: "\f3d9";
}

.zmdi-flip-to-back:before {
  content: "\f3da";
}

.zmdi-flip-to-front:before {
  content: "\f3db";
}

.zmdi-group-work:before {
  content: "\f3dc";
}

.zmdi-hd:before {
  content: "\f3dd";
}

.zmdi-hq:before {
  content: "\f3de";
}

.zmdi-markunread-mailbox:before {
  content: "\f3df";
}

.zmdi-memory:before {
  content: "\f3e0";
}

.zmdi-nfc:before {
  content: "\f3e1";
}

.zmdi-play-for-work:before {
  content: "\f3e2";
}

.zmdi-power-input:before {
  content: "\f3e3";
}

.zmdi-present-to-all:before {
  content: "\f3e4";
}

.zmdi-satellite:before {
  content: "\f3e5";
}

.zmdi-tap-and-play:before {
  content: "\f3e6";
}

.zmdi-vibration:before {
  content: "\f3e7";
}

.zmdi-voicemail:before {
  content: "\f3e8";
}

.zmdi-group:before {
  content: "\f3e9";
}

.zmdi-rss:before {
  content: "\f3ea";
}

.zmdi-shape:before {
  content: "\f3eb";
}

.zmdi-spinner:before {
  content: "\f3ec";
}

.zmdi-ungroup:before {
  content: "\f3ed";
}

.zmdi-500px:before {
  content: "\f3ee";
}

.zmdi-8tracks:before {
  content: "\f3ef";
}

.zmdi-amazon:before {
  content: "\f3f0";
}

.zmdi-blogger:before {
  content: "\f3f1";
}

.zmdi-delicious:before {
  content: "\f3f2";
}

.zmdi-disqus:before {
  content: "\f3f3";
}

.zmdi-flattr:before {
  content: "\f3f4";
}

.zmdi-flickr:before {
  content: "\f3f5";
}

.zmdi-github-alt:before {
  content: "\f3f6";
}

.zmdi-google-old:before {
  content: "\f3f7";
}

.zmdi-linkedin:before {
  content: "\f3f8";
}

.zmdi-odnoklassniki:before {
  content: "\f3f9";
}

.zmdi-outlook:before {
  content: "\f3fa";
}

.zmdi-paypal-alt:before {
  content: "\f3fb";
}

.zmdi-pinterest:before {
  content: "\f3fc";
}

.zmdi-playstation:before {
  content: "\f3fd";
}

.zmdi-reddit:before {
  content: "\f3fe";
}

.zmdi-skype:before {
  content: "\f3ff";
}

.zmdi-slideshare:before {
  content: "\f400";
}

.zmdi-soundcloud:before {
  content: "\f401";
}

.zmdi-tumblr:before {
  content: "\f402";
}

.zmdi-twitch:before {
  content: "\f403";
}

.zmdi-vimeo:before {
  content: "\f404";
}

.zmdi-whatsapp:before {
  content: "\f405";
}

.zmdi-xbox:before {
  content: "\f406";
}

.zmdi-yahoo:before {
  content: "\f407";
}

.zmdi-youtube-play:before {
  content: "\f408";
}

.zmdi-youtube:before {
  content: "\f409";
}

.zmdi-import-export:before {
  content: "\f30c";
}

.zmdi-swap-vertical-:before {
  content: "\f30c";
}

.zmdi-airplanemode-inactive:before {
  content: "\f102";
}

.zmdi-airplanemode-active:before {
  content: "\f103";
}

.zmdi-rate-review:before {
  content: "\f103";
}

.zmdi-comment-sign:before {
  content: "\f25a";
}

.zmdi-network-warning:before {
  content: "\f2ad";
}

.zmdi-shopping-cart-add:before {
  content: "\f1ca";
}

.zmdi-file-add:before {
  content: "\f221";
}

.zmdi-network-wifi-scan:before {
  content: "\f2e4";
}

.zmdi-collection-add:before {
  content: "\f14e";
}

.zmdi-format-playlist-add:before {
  content: "\f3ac";
}

.zmdi-format-queue-music:before {
  content: "\f3ab";
}

.zmdi-plus-box:before {
  content: "\f277";
}

.zmdi-tag-backspace:before {
  content: "\f1d9";
}

.zmdi-alarm-add:before {
  content: "\f32b";
}

.zmdi-battery-charging:before {
  content: "\f114";
}

.zmdi-daydream-setting:before {
  content: "\f217";
}

.zmdi-more-horiz:before {
  content: "\f19c";
}

.zmdi-book-photo:before {
  content: "\f11b";
}

.zmdi-incandescent:before {
  content: "\f189";
}

.zmdi-wb-iridescent:before {
  content: "\f38c";
}

.zmdi-calendar-remove:before {
  content: "\f330";
}

.zmdi-refresh-sync-disabled:before {
  content: "\f1b7";
}

.zmdi-refresh-sync-problem:before {
  content: "\f1b6";
}

.zmdi-crop-original:before {
  content: "\f17e";
}

.zmdi-power-off:before {
  content: "\f1af";
}

.zmdi-power-off-setting:before {
  content: "\f1ae";
}

.zmdi-leak-remove:before {
  content: "\f38d";
}

.zmdi-star-border:before {
  content: "\f27c";
}

.zmdi-brightness-low:before {
  content: "\f36d";
}

.zmdi-brightness-medium:before {
  content: "\f36e";
}

.zmdi-brightness-high:before {
  content: "\f36f";
}

.zmdi-smartphone-portrait:before {
  content: "\f2d4";
}

.zmdi-live-tv:before {
  content: "\f2d9";
}

.zmdi-format-textdirection-l-to-r:before {
  content: "\f249";
}

.zmdi-format-textdirection-r-to-l:before {
  content: "\f24a";
}

.zmdi-arrow-back:before {
  content: "\f2ea";
}

.zmdi-arrow-forward:before {
  content: "\f2ee";
}

.zmdi-arrow-in:before {
  content: "\f2e9";
}

.zmdi-arrow-out:before {
  content: "\f2ed";
}

.zmdi-rotate-90-degrees-ccw:before {
  content: "\f304";
}

.zmdi-adb:before {
  content: "\f33a";
}

.zmdi-network-wifi:before {
  content: "\f2e8";
}

.zmdi-network-wifi-alt:before {
  content: "\f2e3";
}

.zmdi-network-wifi-lock:before {
  content: "\f2e5";
}

.zmdi-network-wifi-off:before {
  content: "\f2e6";
}

.zmdi-network-wifi-outline:before {
  content: "\f2e7";
}

.zmdi-network-wifi-info:before {
  content: "\f2e4";
}

.zmdi-layers-clear:before {
  content: "\f18b";
}

.zmdi-colorize:before {
  content: "\f15d";
}

.zmdi-format-paint:before {
  content: "\f1ba";
}

.zmdi-format-quote:before {
  content: "\f1b2";
}

.zmdi-camera-monochrome-photos:before {
  content: "\f285";
}

.zmdi-sort-by-alpha:before {
  content: "\f1cf";
}

.zmdi-folder-shared:before {
  content: "\f225";
}

.zmdi-folder-special:before {
  content: "\f226";
}

.zmdi-comment-dots:before {
  content: "\f260";
}

.zmdi-reorder:before {
  content: "\f31e";
}

.zmdi-dehaze:before {
  content: "\f197";
}

.zmdi-sort:before {
  content: "\f1ce";
}

.zmdi-pages:before {
  content: "\f34a";
}

.zmdi-stack-overflow:before {
  content: "\f35c";
}

.zmdi-calendar-account:before {
  content: "\f204";
}

.zmdi-paste:before {
  content: "\f109";
}

.zmdi-cut:before {
  content: "\f1bc";
}

.zmdi-save:before {
  content: "\f297";
}

.zmdi-smartphone-code:before {
  content: "\f139";
}

.zmdi-directions-bike:before {
  content: "\f117";
}

.zmdi-directions-boat:before {
  content: "\f11a";
}

.zmdi-directions-bus:before {
  content: "\f121";
}

.zmdi-directions-car:before {
  content: "\f125";
}

.zmdi-directions-railway:before {
  content: "\f1b3";
}

.zmdi-directions-run:before {
  content: "\f215";
}

.zmdi-directions-subway:before {
  content: "\f1d5";
}

.zmdi-directions-walk:before {
  content: "\f216";
}

.zmdi-local-hotel:before {
  content: "\f178";
}

.zmdi-local-activity:before {
  content: "\f1df";
}

.zmdi-local-play:before {
  content: "\f1df";
}

.zmdi-local-airport:before {
  content: "\f103";
}

.zmdi-local-atm:before {
  content: "\f198";
}

.zmdi-local-bar:before {
  content: "\f137";
}

.zmdi-local-cafe:before {
  content: "\f13b";
}

.zmdi-local-car-wash:before {
  content: "\f124";
}

.zmdi-local-convenience-store:before {
  content: "\f1d3";
}

.zmdi-local-dining:before {
  content: "\f153";
}

.zmdi-local-drink:before {
  content: "\f157";
}

.zmdi-local-florist:before {
  content: "\f168";
}

.zmdi-local-gas-station:before {
  content: "\f16f";
}

.zmdi-local-grocery-store:before {
  content: "\f1cb";
}

.zmdi-local-hospital:before {
  content: "\f177";
}

.zmdi-local-laundry-service:before {
  content: "\f1e9";
}

.zmdi-local-library:before {
  content: "\f18d";
}

.zmdi-local-mall:before {
  content: "\f195";
}

.zmdi-local-movies:before {
  content: "\f19d";
}

.zmdi-local-offer:before {
  content: "\f187";
}

.zmdi-local-parking:before {
  content: "\f1a5";
}

.zmdi-local-parking:before {
  content: "\f1a5";
}

.zmdi-local-pharmacy:before {
  content: "\f176";
}

.zmdi-local-phone:before {
  content: "\f2be";
}

.zmdi-local-pizza:before {
  content: "\f1ac";
}

.zmdi-local-post-office:before {
  content: "\f15a";
}

.zmdi-local-printshop:before {
  content: "\f1b0";
}

.zmdi-local-see:before {
  content: "\f28c";
}

.zmdi-local-shipping:before {
  content: "\f1e6";
}

.zmdi-local-store:before {
  content: "\f1d4";
}

.zmdi-local-taxi:before {
  content: "\f123";
}

.zmdi-local-wc:before {
  content: "\f211";
}

.zmdi-my-location:before {
  content: "\f299";
}

.zmdi-directions:before {
  content: "\f1e7";
}

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

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button, .waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: transparent;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}

@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.page-loader-wrapper p {
  margin-top: 10px;
  color: #fff;
}

.page-loader-wrapper .loader {
  position: relative;
  top: calc(40% - 30px);
}

.navbar {
  border: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  padding: 0;
  background: #fff;
  min-height: 53px;
  margin-bottom: 20px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);
}

.navbar .navbar-brand {
  color: #212121 !important;
}

.navbar .navbar-brand span {
  vertical-align: middle;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 17px;
}

.navbar .navbar-toggle:before {
  content: "\e8d5";
  font-family: "Material Icons";
  font-size: 26px;
}

.navbar .navbar-collapse.in {
  overflow: visible;
}

.navbar .zmdi-arrow-right {
  display: none;
}

.navbar .search_bar {
  width: 500px;
  vertical-align: top;
}

.navbar-header .navbar-brand {
  font-size: 18px;
}

.navbar-header .bars {
  float: left;
  text-decoration: none;
}

.navbar-nav.navbar-left {
  vertical-align: top;
}

.navbar-nav.navbar-left li.app_menu .dropdown-menu {
  left: 0;
}

.navbar-nav.navbar-left li.notifications .dropdown-avatar {
  width: 40px;
}

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

.navbar-nav.navbar-left .dropdown-menu ul.menu li {
  list-style: none;
  border-bottom: none;
}

.navbar-nav.navbar-left .dropdown-menu ul.menu .media img {
  border-radius: 3px;
}

.navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body {
  width: 250px;
}

.navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .name {
  font-weight: 600;
}

.navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .name .time {
  float: right;
  font-size: 12px;
  font-weight: normal;
}

.navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .message {
  font-size: 13px;
  line-height: 15px;
}

.navbar-nav.navbar-left .input-group {
  padding: 12px 15px 0 15px;
}

.navbar-nav > li > a {
  padding: 0px 15px;
  line-height: 65px;
  color: #212121;
}

.navbar-nav > li > a i {
  font-size: 20px;
}

.ls-toggle-menu .sidebar {
  margin-left: -300px;
}

.ls-closed .sidebar {
  left: -900px;
}

.ls-closed .bars:after, .ls-closed .bars:before {
  font-family: "Material Icons";
  font-size: 24px;
  position: absolute;
  top: 0px;
  left: 12px;
  transform: scale(0);
  transition: all 0.3s;
}

.ls-closed .bars:before {
  content: "\e5d2";
  transform: scale(1);
}

.ls-closed .bars:after {
  content: "\e5c4";
  transform: scale(0);
}

.ls-closed section.content {
  margin: 0 50px 15px 0px;
}

.overlay-open .bars:before {
  transform: scale(0);
}

.overlay-open .bars:after {
  transform: scale(1);
}

.overlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 12;
}

.sidebar {
  transition: all 0.5s;
  font-family: "Muli", sans-serif;
  border-radius: 0.1875rem;
  width: 230px;
  height: calc(100vh - 20px);
  margin: 10px;
  background: #f4f7f6;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.sidebar.open {
  left: 10px;
  z-index: 99;
}

.sidebar .user-info {
  position: relative;
  border-bottom: 1px solid #eee;
  color: #424242;
}

.sidebar .user-info .image img {
  width: 80px;
  border-radius: 50%;
  vertical-align: bottom !important;
  border: 3px solid #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

.sidebar .user-info .detail a {
  display: inline-block !important;
  padding: 10px 5px !important;
}

.sidebar .menu {
  position: relative;
}

.sidebar .menu .list {
  list-style: none;
}

.sidebar .menu .list li.active.open {
  border-radius: 0.1875rem;
}

.sidebar .menu .list li.active.open > :first-child span {
  font-weight: 700;
}

.sidebar .menu .list .header {
  font-size: 11px;
  font-weight: 700;
  padding: 8px 12px;
  position: relative;
  color: #616161;
}

.sidebar .menu .list .header:before {
  content: "--";
  position: absolute;
  left: 0;
  top: 7px;
}

.sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
  position: absolute;
  top: calc(50% - 11px);
  right: 17px;
  font-size: 12px;
  transform: scale(0);
  transition: all 0.3s;
  font-family: "Material-Design-Iconic-Font";
}

.sidebar .menu .list .menu-toggle:before {
  transform: scale(1);
}

.sidebar .menu .list .menu-toggle:after {
  transform: scale(0);
}

.sidebar .menu .list .menu-toggle.toggled:before {
  content: "\f273";
  transform: scale(0);
  font-family: "Material-Design-Iconic-Font";
}

.sidebar .menu .list .menu-toggle.toggled:after {
  transform: scale(1);
}

.sidebar .menu .list a {
  color: #313740;
  position: relative;
  padding: 15px;
}

.sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus {
  text-decoration: none !important;
  color: #525a65;
}

.sidebar .menu .list a i {
  width: 16px;
  font-size: 16px;
}

.sidebar .menu .list a small {
  position: absolute;
  top: calc(50% - 7.5px);
  right: 15px;
}

.sidebar .menu .list a span {
  margin: 0 0 0 12px;
}

.sidebar .menu .list .ml-menu {
  list-style: none;
}

.sidebar .menu .list .ml-menu span {
  font-weight: normal;
  margin: 3px 0 1px 6px;
}

.sidebar .menu .list .ml-menu li a {
  padding-left: 45px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}

.sidebar .menu .list .ml-menu li a:hover::before {
  left: 25px;
}

.sidebar .menu .list .ml-menu li a:before {
  content: "\f30f";
  position: absolute;
  transition: 0.5s;
  left: 19px;
  font-size: 12px;
  font-family: "Material-Design-Iconic-Font";
  color: #616161;
  top: 8px;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
  font-weight: 600;
}

.menu_sm .slimScrollDiv {
  overflow: visible !important;
}

.menu_sm .slimScrollDiv .list {
  overflow: visible !important;
}

.menu_sm .sidebar {
  width: 50px;
}

.menu_sm .sidebar .list {
  padding: 0 !important;
}

.menu_sm .sidebar .list li {
  position: relative;
}

.menu_sm .sidebar .list li:hover .ml-menu {
  display: block !important;
  position: absolute;
  top: 5px;
  left: 50px;
  min-width: 230px;
  border-radius: 0.55rem;
  padding: 10px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}

.menu_sm .sidebar .list li:hover .ml-menu::before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  border-right-color: #fff;
  top: 10px;
}

.menu_sm .sidebar .list li:hover .ml-menu a {
  border-radius: 0.1875rem;
}

.menu_sm .sidebar .list li:hover .ml-menu a::before, .menu_sm .sidebar .list li:hover .ml-menu a::after {
  display: block;
}

.menu_sm .sidebar .list li:hover .ml-menu a:hover {
  color: #fff;
}

.menu_sm .sidebar .list li:hover .ml-menu a:hover::before, .menu_sm .sidebar .list li:hover .ml-menu a:hover::after {
  color: #fff;
}

.menu_sm .sidebar .list li .ml-menu {
  display: none !important;
}

.menu_sm .sidebar .list a {
  padding: 10px 5px;
}

.menu_sm .sidebar .list a i {
  font-size: 20px;
}

.menu_sm .sidebar .list li.sm_menu_btm .ml-menu {
  bottom: 5px;
  top: auto;
}

.menu_sm .sidebar .list li.sm_menu_btm .ml-menu::before {
  bottom: 10px;
  top: auto;
}

.menu_sm section.content {
  margin-left: 60px;
}

.menu_dark .list {
  color: #bdbdbd;
}

.menu_dark .sidebar {
  background: #22252b;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.menu_dark .sidebar .user-info {
  border-bottom: 1px solid #424242;
  color: #9e9e9e;
}

.menu_dark .sidebar .menu .list a {
  color: #9e9e9e !important;
}

@media (max-width: 767px) {
  .sidebar {
    width: calc(100% - 65px);
  }
  .sidebar.open {
    left: 0px;
  }
  .sidebar .menu .list > li:last-child {
    padding-bottom: 40px;
  }
}
.overlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 12;
}

.right-sidebar {
  width: 300px;
  height: calc(100vh - 20px);
  border-radius: 0.1875rem;
  position: fixed;
  right: -330px;
  top: 0px;
  margin: 10px;
  background: #f4f7f6;
  z-index: 13 !important;
  overflow: hidden;
  -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}

.right-sidebar.open {
  right: 50px;
}

.right-sidebar .choose-skin li {
  position: relative;
  cursor: pointer;
}

.right-sidebar .choose-skin li.active:after {
  font-family: "Material-Design-Iconic-Font";
  position: absolute;
  top: 0px;
  right: 18px;
  content: "\f26b";
  font-size: 18px;
  color: #fff;
}

.right-sidebar .choose-skin li div {
  width: 47px;
  height: 25px;
  border-radius: 5px;
}

.right-sidebar .choose-skin li .black {
  background-color: #313740;
}

.right-sidebar .choose-skin .red {
  background-color: #ec3b57;
}

.right-sidebar .choose-skin .pink {
  background-color: #E91E63;
}

.right-sidebar .choose-skin .purple {
  background-color: #9744be;
}

.right-sidebar .choose-skin .deep-purple {
  background-color: #673AB7;
}

.right-sidebar .choose-skin .blue {
  background-color: #60bafd;
}

.right-sidebar .choose-skin .cyan {
  background-color: #49c5b6;
}

.right-sidebar .choose-skin .green {
  background-color: #50d38a;
}

.right-sidebar .choose-skin .light-green {
  background-color: #8BC34A;
}

.right-sidebar .choose-skin .yellow {
  background-color: #ffe821;
}

.right-sidebar .choose-skin .orange {
  background-color: #ffc323;
}

.right-sidebar .choose-skin .deep-orange {
  background-color: #f83600;
}

.right-sidebar .choose-skin .grey {
  background-color: #9E9E9E;
}

.right-sidebar .choose-skin .blue-grey {
  background-color: #607D8B;
}

.right-sidebar .choose-skin .indigo {
  background-color: #3F51B5;
}

.right-sidebar .choose-skin .light-blue {
  background-color: #03A9F4;
}

.right-sidebar .choose-skin .teal {
  background-color: #009688;
}

.right-sidebar .choose-skin .lime {
  background-color: #CDDC39;
}

.right-sidebar .choose-skin .amber {
  background-color: #FFC107;
}

.right-sidebar .choose-skin .brown {
  background-color: #795548;
}

.right-sidebar .choose-skin .blush {
  background-color: #ff758e;
}

.right-sidebar .choose-skin .black {
  background-color: #000;
}

.right-sidebar .choose-skin .white {
  background-color: #fff;
}

.right_chat li {
  position: relative;
}

.right_chat li.offline .status {
  background: #FF9800;
}

.right_chat li.online .status {
  background: #8BC34A;
}

.right_chat li.me .status {
  background: #0498bd;
}

.right_chat .media .media-object {
  width: 40px;
  border-radius: 50px;
}

.right_chat .media .name {
  font-weight: 600;
  color: #424242;
  margin: 0px;
  font-size: 15px;
}

.right_chat .media .message {
  font-size: 13px;
  color: #78909c;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.right_chat .media .status {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 11px;
  height: 11px;
  min-width: inherit;
  border: 2px solid #fff;
  border-radius: 50px;
}

.right_chat {
  height: 100vh;
  position: fixed;
  right: -320px;
  top: 0;
  z-index: 12;
  width: 320px;
  background: #fff;
  -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: 0.5s;
}

.right_chat.open {
  right: 0;
}

.right_chat .enter_msg {
  width: calc(100% - 0px);
  padding: 10px 0;
}

.right_chat .chat_body {
  position: relative;
  padding: 15px 10px;
  width: calc(100% - 55px);
  float: left;
  height: 100vh;
}

.right_chat .chat_list {
  float: left;
  width: 55px;
  padding: 0 10px;
  height: 100vh;
  background: #eee;
}

.right_chat .chat_list li.active a img, .right_chat .chat_list li:hover a img {
  border-color: #f96332;
}

.right_chat .chat_list li a img {
  border: 2px solid;
  border-color: #fff;
}

.minileftbar {
  width: 50px;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 99;
}

.minileftbar .menu_list {
  list-style: none;
}

.minileftbar .menu_list li a {
  padding: 10px;
  color: #fff;
}

.minileftbar .menu_list li a.bars {
  display: none;
}

.minileftbar .menu_list .power {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.minileftbar .menu_list .badgebit {
  position: relative;
}

.minileftbar .menu_list .badgebit .notify {
  position: absolute;
  right: 20px;
  top: 20px;
}

.right_menu .notif-menu, .right_menu .task-menu, .right_menu .menu-app {
  transition: all 0.5s;
  font-family: "Muli", sans-serif;
  border-radius: 0.1875rem;
  width: 290px;
  height: calc(100vh - 20px);
  margin: 10px;
  background: #f4f7f6;
  position: fixed;
  top: 0px;
  right: 50px;
  z-index: 20;
  right: -900px;
}

.right_menu .notif-menu.open, .right_menu .task-menu.open, .right_menu .menu-app.open {
  right: 50px;
}

.right_menu ul.menu li {
  text-align: left;
}

.right_menu ul.menu li.header {
  padding: 15px;
  border-bottom: 1px solid #eee;
}

.right_menu ul.menu li.footer {
  border-top: 1px solid #eee;
}

.right_menu ul.menu li a {
  padding: 15px;
  text-decoration: none;
  transition: 0.5s;
}

.right_menu ul.menu li a .media .media-object {
  width: 35px;
}

.right_menu ul.menu li a .media .media-body .name .time {
  float: right;
  font-size: 12px;
}

.right_menu ul.menu li a .media .media-body .message {
  font-size: 12px;
}

.right_menu .menu-app .menu a {
  border-radius: 0.1875rem;
  line-height: 24px;
  text-transform: uppercase;
  text-align: left;
  transition: all 0.3s;
}

.right_menu .messages .media .media-object {
  width: 36px;
}

.right_menu .messages .media .media-body .name .time {
  float: right;
  color: #bdbdbd;
}

.right_menu .messages .media .media-body .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 165px;
}

.right_menu .notification li {
  position: relative;
}

.right_menu .notification li i {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 20px;
}

@media (max-width: 1169px) {
  .minileftbar a.menu-sm {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .right_menu .notif-menu, .right_menu .task-menu, .right_menu .menu-app {
    width: calc(100% - 65px);
  }
  .right_menu .notif-menu.open, .right_menu .task-menu.open, .right_menu .menu-app.open {
    left: 0px;
  }
  .minileftbar {
    width: 36px;
  }
  .minileftbar .bars::before, .minileftbar .bars::after {
    left: 6px;
  }
}
.m-l--125 {
  margin-left: -125px;
}

.m-t--125 {
  margin-top: -125px;
}

.m-r--125 {
  margin-right: -125px;
}

.m-b--125 {
  margin-bottom: -125px;
}

.m-l--120 {
  margin-left: -120px;
}

.m-t--120 {
  margin-top: -120px;
}

.m-r--120 {
  margin-right: -120px;
}

.m-b--120 {
  margin-bottom: -120px;
}

.m-l--115 {
  margin-left: -115px;
}

.m-t--115 {
  margin-top: -115px;
}

.m-r--115 {
  margin-right: -115px;
}

.m-b--115 {
  margin-bottom: -115px;
}

.m-l--110 {
  margin-left: -110px;
}

.m-t--110 {
  margin-top: -110px;
}

.m-r--110 {
  margin-right: -110px;
}

.m-b--110 {
  margin-bottom: -110px;
}

.m-l--105 {
  margin-left: -105px;
}

.m-t--105 {
  margin-top: -105px;
}

.m-r--105 {
  margin-right: -105px;
}

.m-b--105 {
  margin-bottom: -105px;
}

.m-l--100 {
  margin-left: -100px;
}

.m-t--100 {
  margin-top: -100px;
}

.m-r--100 {
  margin-right: -100px;
}

.m-b--100 {
  margin-bottom: -100px;
}

.m-l--95 {
  margin-left: -95px;
}

.m-t--95 {
  margin-top: -95px;
}

.m-r--95 {
  margin-right: -95px;
}

.m-b--95 {
  margin-bottom: -95px;
}

.m-l--90 {
  margin-left: -90px;
}

.m-t--90 {
  margin-top: -90px;
}

.m-r--90 {
  margin-right: -90px;
}

.m-b--90 {
  margin-bottom: -90px;
}

.m-l--85 {
  margin-left: -85px;
}

.m-t--85 {
  margin-top: -85px;
}

.m-r--85 {
  margin-right: -85px;
}

.m-b--85 {
  margin-bottom: -85px;
}

.m-l--80 {
  margin-left: -80px;
}

.m-t--80 {
  margin-top: -80px;
}

.m-r--80 {
  margin-right: -80px;
}

.m-b--80, .profile-page .profile-header .detail .u_name {
  margin-bottom: -80px;
}

.m-l--75 {
  margin-left: -75px;
}

.m-t--75 {
  margin-top: -75px;
}

.m-r--75 {
  margin-right: -75px;
}

.m-b--75 {
  margin-bottom: -75px;
}

.m-l--70 {
  margin-left: -70px;
}

.m-t--70 {
  margin-top: -70px;
}

.m-r--70 {
  margin-right: -70px;
}

.m-b--70 {
  margin-bottom: -70px;
}

.m-l--65 {
  margin-left: -65px;
}

.m-t--65 {
  margin-top: -65px;
}

.m-r--65 {
  margin-right: -65px;
}

.m-b--65 {
  margin-bottom: -65px;
}

.m-l--60 {
  margin-left: -60px;
}

.m-t--60 {
  margin-top: -60px;
}

.m-r--60 {
  margin-right: -60px;
}

.m-b--60 {
  margin-bottom: -60px;
}

.m-l--55 {
  margin-left: -55px;
}

.m-t--55 {
  margin-top: -55px;
}

.m-r--55 {
  margin-right: -55px;
}

.m-b--55 {
  margin-bottom: -55px;
}

.m-l--50 {
  margin-left: -50px;
}

.m-t--50 {
  margin-top: -50px;
}

.m-r--50 {
  margin-right: -50px;
}

.m-b--50 {
  margin-bottom: -50px;
}

.m-l--45 {
  margin-left: -45px;
}

.m-t--45 {
  margin-top: -45px;
}

.m-r--45 {
  margin-right: -45px;
}

.m-b--45 {
  margin-bottom: -45px;
}

.m-l--40 {
  margin-left: -40px;
}

.m-t--40 {
  margin-top: -40px;
}

.m-r--40 {
  margin-right: -40px;
}

.m-b--40 {
  margin-bottom: -40px;
}

.m-l--35 {
  margin-left: -35px;
}

.m-t--35 {
  margin-top: -35px;
}

.m-r--35 {
  margin-right: -35px;
}

.m-b--35 {
  margin-bottom: -35px;
}

.m-l--30 {
  margin-left: -30px;
}

.m-t--30 {
  margin-top: -30px;
}

.m-r--30 {
  margin-right: -30px;
}

.m-b--30 {
  margin-bottom: -30px;
}

.m-l--25 {
  margin-left: -25px;
}

.m-t--25 {
  margin-top: -25px;
}

.m-r--25 {
  margin-right: -25px;
}

.m-b--25 {
  margin-bottom: -25px;
}

.m-l--20 {
  margin-left: -20px;
}

.m-t--20 {
  margin-top: -20px;
}

.m-r--20 {
  margin-right: -20px;
}

.m-b--20 {
  margin-bottom: -20px;
}

.m-l--15 {
  margin-left: -15px;
}

.m-t--15 {
  margin-top: -15px;
}

.m-r--15 {
  margin-right: -15px;
}

.m-b--15 {
  margin-bottom: -15px;
}

.m-l--10 {
  margin-left: -10px;
}

.m-t--10 {
  margin-top: -10px;
}

.m-r--10 {
  margin-right: -10px;
}

.m-b--10 {
  margin-bottom: -10px;
}

.m-l--5 {
  margin-left: -5px;
}

.m-t--5 {
  margin-top: -5px;
}

.m-r--5 {
  margin-right: -5px;
}

.m-b--5 {
  margin-bottom: -5px;
}

.m-l-0, .ls-toggle-menu section.content, .block-header h2 {
  margin-left: 0px;
}

.m-t-0, .block-header h2, .wizard.vertical > .content, .page-calendar .event-name h4, .authentication .company_detail .logo, .activity li a .info h4, .location_list li h4, .weather .city, .weather .city h3, .total_earnings .stats h4, .contact .c_list .checkbox, .profile-page .profile-header .detail .u_name h4, .profile-page .profile-header .user_earnings h4 {
  margin-top: 0px;
}

.m-r-0, .block-header h2, .wizard.vertical > .steps > ul > li {
  margin-right: 0px;
}

.m-b-0, .checkbox label, .radio label, .navbar-nav.navbar-left .dropdown-menu ul.menu .media, .right_menu .menu-app .menu, .right_menu .messages, .right_menu .messages li:last-child, .right_menu .messages .media, .right_menu .messages .media .media-body .message, .right_menu .notification, .right_menu .notification li:last-child, .right_menu .notification li p, .right_menu .tasks .team-info, .block-header .breadcrumb, .card .header, .wizard.vertical > .steps > ul > li:last-child, .page-calendar .event-name h6, .page-calendar .event-name h4, .page-calendar .event-name p, .page-calendar .event-name address, .authentication .card-plain .header h5, .chat-widget li:last-child, .activity li a .info h4, .location_list, .location_list li h4, .weather .city h3, .inbox-widget .inbox-inner .inbox-item-info .inbox-date, .inbox-widget .inbox-inner .inbox-item-info .author, .inbox-widget .inbox-inner .inbox-item-info .inbox-message, .earning-report h6, .total_earnings .stats h4, .project_report h6, .contact .action_bar .delete_all, .contact .c_list .checkbox, .contact .c_list .c_name, .contact .c_list address, .profile-page .profile-header .detail .u_name h4, .profile-page .profile_tab {
  margin-bottom: 0px;
}

.m-l-5, .fc .fc-toolbar .fc-today-button, .fc .fc-toolbar .fc-state-default {
  margin-left: 5px;
}

.m-t-5, .card .card-inside-title small, .card .header h2 small, .page-calendar .event-name address {
  margin-top: 5px;
}

.m-r-5, .page-calendar .event-name address i {
  margin-right: 5px;
}

.m-b-5, .block-header h2, .wizard.vertical > .steps > ul > li, .weather .days li img {
  margin-bottom: 5px;
}

.m-l-10, .right_menu .messages .media .media-body, .contact .c_list .c_name {
  margin-left: 10px;
}

.m-t-10, .w_calender span + span, .team-info {
  margin-top: 10px;
}

.m-r-10, .right_chat .media .media-object, .right_menu ul.menu li a .media .media-object, .follow_us .media .media-object {
  margin-right: 10px;
}

.m-b-10, .sidebar .user-info, .sidebar .user-info .detail, .right_menu .notification li, .authentication .company_detail h3, .project_widget .pw_content .pw_header, .w_calender ul:nth-of-type(6) {
  margin-bottom: 10px;
}

.m-l-15, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body {
  margin-left: 15px;
}

.m-t-15, .sidebar .menu .list .header {
  margin-top: 15px;
}

.m-r-15, .right_menu .menu-app .menu a i {
  margin-right: 15px;
}

.m-b-15, .right_chat .chat_list li a, .block-header, .card .card-inside-title, .activity li a {
  margin-bottom: 15px;
}

.m-l-20, .media.mright .media-right, .wizard.vertical > .content, .profile-page .profile-header .detail .u_name {
  margin-left: 20px;
}

.m-t-20, .wizard .content, .w_calender ul:nth-of-type(2), .w_calender ul:nth-of-type(3), .w_calender ul:nth-of-type(4), .w_calender ul:nth-of-type(5), .w_calender ul:nth-of-type(6), .overlay_menu .links h6 {
  margin-top: 20px;
}

.m-r-20, .media.mleft .media-left, .bs-example .media .media-left {
  margin-right: 20px;
}

.m-b-20, .right_menu .messages li, .media, .wizard.vertical > .content, .wizard .content, .authentication .card-plain .header, .chat-widget li, .w_calender ul:nth-of-type(5), .chart {
  margin-bottom: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-t-25, .card .card-inside-title {
  margin-top: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-t-30, .total_earnings .stats {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-b-30, .card, .weather .city {
  margin-bottom: 30px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-b-40, .authentication .company_detail .logo {
  margin-bottom: 40px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-b-60, .profile-page .profile-header {
  margin-bottom: 60px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-l-75 {
  margin-left: 75px;
}

.m-t-75 {
  margin-top: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-r-80 {
  margin-right: 80px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.m-l-85 {
  margin-left: 85px;
}

.m-t-85 {
  margin-top: 85px;
}

.m-r-85 {
  margin-right: 85px;
}

.m-b-85 {
  margin-bottom: 85px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-r-90 {
  margin-right: 90px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.m-l-95 {
  margin-left: 95px;
}

.m-t-95 {
  margin-top: 95px;
}

.m-r-95 {
  margin-right: 95px;
}

.m-b-95 {
  margin-bottom: 95px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.m-l-105 {
  margin-left: 105px;
}

.m-t-105 {
  margin-top: 105px;
}

.m-r-105 {
  margin-right: 105px;
}

.m-b-105 {
  margin-bottom: 105px;
}

.m-l-110 {
  margin-left: 110px;
}

.m-t-110 {
  margin-top: 110px;
}

.m-r-110 {
  margin-right: 110px;
}

.m-b-110 {
  margin-bottom: 110px;
}

.m-l-115 {
  margin-left: 115px;
}

.m-t-115 {
  margin-top: 115px;
}

.m-r-115 {
  margin-right: 115px;
}

.m-b-115 {
  margin-bottom: 115px;
}

.m-l-120 {
  margin-left: 120px;
}

.m-t-120 {
  margin-top: 120px;
}

.m-r-120 {
  margin-right: 120px;
}

.m-b-120 {
  margin-bottom: 120px;
}

.m-l-125 {
  margin-left: 125px;
}

.m-t-125 {
  margin-top: 125px;
}

.m-r-125 {
  margin-right: 125px;
}

.m-b-125 {
  margin-bottom: 125px;
}

.margin-0, .minileftbar .menu_list, .minileftbar .menu_list .navbar-brand, .right_menu ul.menu li a .media, .card .header .header-dropdown, .card .header h2, .bootstrap-select .btn, .media .media-body .media-heading, .wizard > .steps a, .dropdown-menu ul.menu .menu-info h4, .dropdown-menu ul.menu .menu-info p, .fc-overlay.right, .fc .fc-toolbar, .fc .fc-toolbar h2, .project_widget .pw_content .pw_header h6, .inbox-widget, .inbox-widget .inbox-inner .hover_action .btn, .widget-user .wid-u-info h5, .project_report .team-info, .project_report .btn, .contact .action_bar .btn, .contact .action_bar .search, .contact .c_list tr td .btn, .overlay_menu .btn, .overlay_menu .social p, .overlay_menu .social p a {
  margin: 0 !important;
}

.p-l-0, .sidebar .menu .list .ml-menu, .dropdown-menu ul.menu, .authentication .company_detail .footer ul li:first-child a, .invoice .nav-tabs {
  padding-left: 0px;
}

.p-t-0, .right-sidebar .tab-content, .inbox-widget .inbox-inner:first-child {
  padding-top: 0px;
}

.p-r-0, .wizard.vertical > .steps > ul > li, .wizard > .steps > ul > li:last-child, .invoice .nav-tabs {
  padding-right: 0px;
}

.p-b-0, .right-sidebar .nav-tabs, .right-sidebar .tab-content, .inbox-widget .inbox-inner:last-child {
  padding-bottom: 0px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-t-5, .fc .fc-toolbar h2 {
  padding-top: 5px;
}

.p-r-5, .right-sidebar .choose-skin li, .wizard > .steps > ul > li {
  padding-right: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-l-10, .sidebar .menu .list, section.content {
  padding-left: 10px;
}

.p-t-10, section.content, .fc .fc-toolbar {
  padding-top: 10px;
}

.p-r-10, .sidebar .menu .list, section.content {
  padding-right: 10px;
}

.p-b-10, .sidebar .menu .list .ml-menu, .fc .fc-toolbar {
  padding-bottom: 10px;
}

.p-l-15, .navbar-header {
  padding-left: 15px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-l-20, .right-sidebar .nav-tabs, .right-sidebar .tab-content, .right_menu .notif-menu, .right_menu .task-menu, .right_menu .menu-app {
  padding-left: 20px;
}

.p-t-20, .right-sidebar .nav-tabs, .right_chat .chat_list {
  padding-top: 20px;
}

.p-r-20, .right-sidebar .nav-tabs, .right-sidebar .tab-content, .right_menu .notif-menu, .right_menu .task-menu, .right_menu .menu-app {
  padding-right: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-l-30, .right_menu .notification li {
  padding-left: 30px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-t-40, .w_calender.days, .w_calender span {
  padding-top: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-t-70 {
  padding-top: 70px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-l-75 {
  padding-left: 75px;
}

.p-t-75 {
  padding-top: 75px;
}

.p-r-75 {
  padding-right: 75px;
}

.p-b-75 {
  padding-bottom: 75px;
}

.p-l-80 {
  padding-left: 80px;
}

.p-t-80 {
  padding-top: 80px;
}

.p-r-80 {
  padding-right: 80px;
}

.p-b-80 {
  padding-bottom: 80px;
}

.p-l-85 {
  padding-left: 85px;
}

.p-t-85 {
  padding-top: 85px;
}

.p-r-85 {
  padding-right: 85px;
}

.p-b-85 {
  padding-bottom: 85px;
}

.p-l-90 {
  padding-left: 90px;
}

.p-t-90 {
  padding-top: 90px;
}

.p-r-90 {
  padding-right: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.p-l-95 {
  padding-left: 95px;
}

.p-t-95 {
  padding-top: 95px;
}

.p-r-95 {
  padding-right: 95px;
}

.p-b-95 {
  padding-bottom: 95px;
}

.p-l-100 {
  padding-left: 100px;
}

.p-t-100 {
  padding-top: 100px;
}

.p-r-100 {
  padding-right: 100px;
}

.p-b-100 {
  padding-bottom: 100px;
}

.p-l-105 {
  padding-left: 105px;
}

.p-t-105 {
  padding-top: 105px;
}

.p-r-105 {
  padding-right: 105px;
}

.p-b-105 {
  padding-bottom: 105px;
}

.p-l-110 {
  padding-left: 110px;
}

.p-t-110 {
  padding-top: 110px;
}

.p-r-110 {
  padding-right: 110px;
}

.p-b-110 {
  padding-bottom: 110px;
}

.p-l-115 {
  padding-left: 115px;
}

.p-t-115 {
  padding-top: 115px;
}

.p-r-115 {
  padding-right: 115px;
}

.p-b-115 {
  padding-bottom: 115px;
}

.p-l-120 {
  padding-left: 120px;
}

.p-t-120 {
  padding-top: 120px;
}

.p-r-120 {
  padding-right: 120px;
}

.p-b-120 {
  padding-bottom: 120px;
}

.p-l-125 {
  padding-left: 125px;
}

.p-t-125 {
  padding-top: 125px;
}

.p-r-125 {
  padding-right: 125px;
}

.p-b-125 {
  padding-bottom: 125px;
}

.padding-0, .navbar-header .navbar-brand, .navbar-nav.navbar-left .dropdown-menu, .right_chat .media .status, .minileftbar .menu_list, .right_menu ul.menu li.footer, .block-header .breadcrumb, .card .header .header-dropdown, .dropdown-menu, .dropdown-menu .footer, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header, .authentication .company_detail .social_link, .chat-widget, .location_list li, .follow_us .media .status, .w_calender ul, .profile-page .profile_tab, .file_manager .file, .overlay_menu .social p a {
  padding: 0 !important;
}

.font-6 {
  font-size: 6px;
}

.font-7 {
  font-size: 7px;
}

.font-8 {
  font-size: 8px;
}

.font-9 {
  font-size: 9px;
}

.font-10 {
  font-size: 10px;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px;
}

.font-17 {
  font-size: 17px;
}

.font-18 {
  font-size: 18px;
}

.font-19 {
  font-size: 19px;
}

.font-20 {
  font-size: 20px;
}

.font-21 {
  font-size: 21px;
}

.font-22 {
  font-size: 22px;
}

.font-23 {
  font-size: 23px;
}

.font-24 {
  font-size: 24px;
}

.font-25 {
  font-size: 25px;
}

.font-26 {
  font-size: 26px;
}

.font-27 {
  font-size: 27px;
}

.font-28 {
  font-size: 28px;
}

.font-29 {
  font-size: 29px;
}

.font-30 {
  font-size: 30px;
}

.font-31 {
  font-size: 31px;
}

.font-32 {
  font-size: 32px;
}

.font-33 {
  font-size: 33px;
}

.font-34 {
  font-size: 34px;
}

.font-35 {
  font-size: 35px;
}

.font-36 {
  font-size: 36px;
}

.font-37 {
  font-size: 37px;
}

.font-38 {
  font-size: 38px;
}

.font-39 {
  font-size: 39px;
}

.font-40 {
  font-size: 40px;
}

.font-41 {
  font-size: 41px;
}

.font-42 {
  font-size: 42px;
}

.font-43 {
  font-size: 43px;
}

.font-44 {
  font-size: 44px;
}

.font-45 {
  font-size: 45px;
}

.font-46 {
  font-size: 46px;
}

.font-47 {
  font-size: 47px;
}

.font-48 {
  font-size: 48px;
}

.font-49 {
  font-size: 49px;
}

.font-50 {
  font-size: 50px;
}

.align-left, .menu_sm .sidebar .list li:hover .ml-menu a, .dropdown-menu .header, .authentication .company_detail, .profile-page .profile_tab {
  text-align: left;
}

.align-center, .modal.modal-mini p, .modal.modal-mini .modal-profile, .sidebar .user-info, .sidebar .menu .list a i, .menu_sm .sidebar .list a, .minileftbar, .right_menu .notification li i, .info-box-2, .dropdown-menu ul.menu .icon-circle, .activity li a i, .location_list li, .weather .days li, .social_icon, .w_calender.days, .w_calender ul li, .chart, .chart > span > img, .social-links li a, .contact .c_list address i, .profile-page .profile-header .user_earnings, .file_manager .file .icon, .overlay_menu .social, .overlay_menu .social .icon {
  text-align: center;
}

.align-right, .media.mright .media-body, .wizard > .actions > ul, .chat-widget li.right, .earning-report table tr td:last-child, .earning-report table tr th:last-child, .table-filter tr td:last-child, .project_report .table td:last-child, .project_report .table th:last-child {
  text-align: right;
}

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

.no-resize {
  resize: none;
}

.font-bold, .media .media-body .media-heading {
  font-weight: bold;
}

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

.font-underline {
  text-decoration: underline;
}

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

.font-overline {
  text-decoration: overline;
}

.block-header {
  padding: 10px 0;
  color: #616161;
}

.block-header h2 {
  font-size: 20px;
}

.block-header h2 small {
  margin-top: 8px;
  color: #9e9e9e;
  font-size: 13px;
}

.block-header .breadcrumb {
  border-radius: 50px;
  background: transparent;
}

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

.bg-red .content .text, .bg-red .content .number {
  color: #fff !important;
}

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

.bg-pink .content .text, .bg-pink .content .number {
  color: #fff !important;
}

.bg-purple {
  background-color: #9744be !important;
  color: #fff;
}

.bg-purple .content .text, .bg-purple .content .number {
  color: #fff !important;
}

.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff;
}

.bg-deep-purple .content .text, .bg-deep-purple .content .number {
  color: #fff !important;
}

.bg-blue {
  background-color: #60bafd !important;
  color: #fff;
}

.bg-blue .content .text, .bg-blue .content .number {
  color: #fff !important;
}

.bg-cyan {
  background-color: #49c5b6 !important;
  color: #fff;
}

.bg-cyan .content .text, .bg-cyan .content .number {
  color: #fff !important;
}

.bg-green {
  background-color: #50d38a !important;
  color: #fff;
}

.bg-green .content .text, .bg-green .content .number {
  color: #fff !important;
}

.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff;
}

.bg-light-green .content .text, .bg-light-green .content .number {
  color: #fff !important;
}

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

.bg-yellow .content .text, .bg-yellow .content .number {
  color: #fff !important;
}

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

.bg-orange .content .text, .bg-orange .content .number {
  color: #fff !important;
}

.bg-deep-orange {
  background-color: #f83600 !important;
  color: #fff;
}

.bg-deep-orange .content .text, .bg-deep-orange .content .number {
  color: #fff !important;
}

.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff;
}

.bg-grey .content .text, .bg-grey .content .number {
  color: #fff !important;
}

.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff;
}

.bg-blue-grey .content .text, .bg-blue-grey .content .number {
  color: #fff !important;
}

.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff;
}

.bg-indigo .content .text, .bg-indigo .content .number {
  color: #fff !important;
}

.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff;
}

.bg-light-blue .content .text, .bg-light-blue .content .number {
  color: #fff !important;
}

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

.bg-teal .content .text, .bg-teal .content .number {
  color: #fff !important;
}

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

.bg-lime .content .text, .bg-lime .content .number {
  color: #fff !important;
}

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

.bg-amber .content .text, .bg-amber .content .number {
  color: #fff !important;
}

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

.bg-brown .content .text, .bg-brown .content .number {
  color: #fff !important;
}

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

.bg-blush .content .text, .bg-blush .content .number {
  color: #fff !important;
}

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

.bg-black .content .text, .bg-black .content .number {
  color: #fff !important;
}

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

.bg-white .content .text, .bg-white .content .number {
  color: #fff !important;
}

.col-red {
  color: #ec3b57 !important;
}

.col-pink {
  color: #E91E63 !important;
}

.col-purple {
  color: #9744be !important;
}

.col-deep-purple {
  color: #673AB7 !important;
}

.col-blue {
  color: #60bafd !important;
}

.col-cyan {
  color: #49c5b6 !important;
}

.col-green {
  color: #50d38a !important;
}

.col-light-green {
  color: #8BC34A !important;
}

.col-yellow {
  color: #ffe821 !important;
}

.col-orange {
  color: #ffc323 !important;
}

.col-deep-orange {
  color: #f83600 !important;
}

.col-grey {
  color: #9E9E9E !important;
}

.col-blue-grey {
  color: #607D8B !important;
}

.col-indigo {
  color: #3F51B5 !important;
}

.col-light-blue {
  color: #03A9F4 !important;
}

.col-teal {
  color: #009688 !important;
}

.col-lime {
  color: #CDDC39 !important;
}

.col-amber {
  color: #FFC107 !important;
}

.col-brown {
  color: #795548 !important;
}

.col-blush {
  color: #ff758e !important;
}

.col-black {
  color: #000 !important;
}

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

@media (max-width: 767px) {
  .block-header .breadcrumb {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .navbar .nav > li {
    display: inline-block;
  }
  .navbar .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    position: absolute;
  }
  .navbar .dropdown-menu {
    right: -85px;
  }
  .navbar .dropdown-menu::before {
    display: none;
  }
  .dt-buttons {
    float: none !important;
    text-align: center;
    margin-bottom: 15px;
  }
  .panel-switch-btn {
    top: 12px;
    right: 0 !important;
  }
}
body {
  background-color: #f4f7f6;
  transition: all 0.5s;
  font-family: "Muli", Arial, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 15px;
}

button, input, select, a {
  outline: none !important;
}

a:hover {
  text-decoration: none;
}

.no-animate {
  transition-property: none !important;
  transform: none !important;
  animation: none !important;
}

section.content {
  margin: 0 50px 0 240px;
  transition: 0.5s;
  z-index: 9;
  position: relative;
  border-radius: 0.55rem;
}

section small {
  font-size: 90%;
}

.l-green {
  background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important;
}

.l-pink {
  background: linear-gradient(45deg, pink, #fbc1cb) !important;
}

.l-turquoise, .total_earnings .chart div {
  background: linear-gradient(45deg, #00ced1, #08e5e8) !important;
  color: #fff !important;
}

.l-cyan {
  background: linear-gradient(45deg, #49cdd0, #00bcd4) !important;
  color: #fff !important;
}

.l-khaki {
  background: linear-gradient(45deg, khaki, #fdf181) !important;
}

.l-coral {
  background: linear-gradient(45deg, #f08080, #f58787) !important;
  color: #fff !important;
}

.l-salmon {
  background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important;
  color: #fff !important;
}

.l-blue {
  background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;
  color: #fff !important;
}

.l-seagreen {
  background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important;
  color: #fff !important;
}

.l-amber, .w_calender span + span, .w_calender em {
  background: linear-gradient(45deg, #fda582, #f7cf68) !important;
  color: #fff !important;
}

.l-blush {
  background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;
  color: #fff !important;
}

.l-parpl, .total_earnings .chart.expense div {
  background: linear-gradient(45deg, #a890d3, #edbae7) !important;
  color: #fff !important;
}

.l-slategray {
  background: linear-gradient(45deg, #708090, #7c8ea0) !important;
  color: #fff !important;
}

.l-dark {
  background: linear-gradient(45deg, #555, #333) !important;
  color: #fff !important;
}

.xl-pink {
  background: #f9edee !important;
}

.xl-turquoise {
  background: #bdf3f5 !important;
}

.xl-khaki {
  background: #f9f1d8 !important;
}

.xl-parpl {
  background: #efebf4 !important;
}

.xl-salmon {
  background: #ffd4c3 !important;
}

.xl-blue {
  background: #e0eff5 !important;
}

.xl-seagreen {
  background: #ebf2e8 !important;
}

.xl-slategray {
  background: #eceeef !important;
}

.bg-black {
  background: #22252b;
}

.btn-white {
  background-color: #fff;
  color: #000;
}

.inlineblock, .navbar-header, .navbar-nav.navbar-left, .navbar-nav.navbar-left > li, .navbar-nav > li > a, .sidebar, .right-sidebar .choose-skin li, .right-sidebar .choose-skin li div, .right-sidebar .theme-light-dark li, .right_chat .media .message, .right_chat .media .status, .right_chat .chat_list li a, .right_menu .notif-menu, .right_menu .task-menu, .right_menu .menu-app, .right_menu .notification li i, .card, .card .header .header-dropdown li, .info-box-2 .icon, .info-box-2 .content, .wizard > .actions > ul, .dropdown-menu ul.menu .icon-circle, .dropdown-menu ul.menu .menu-info, .authentication .company_detail .social_link li, .chat-widget li.left .chat-info, .chat-widget li.right .chat-info, .weather .days li, .follow_us .media .message, .follow_us .media .status, .social_icon, .w_calender span + span, .w_calender ul li, .team-info li, .chart, .social-links li, .social-links li a, .contact .c_list .checkbox, .contact .c_list .c_name, .overlay_menu .social .icon {
  display: inline-block;
}

.displayblock, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .name, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .message, .sidebar .menu .list a, .right_chat .media .name, .minileftbar .menu_list li a, .right_menu ul.menu li a, .right_menu ul.menu li a .media .media-body .name, .right_menu .menu-app .menu a, .right_menu .messages .media .media-body .name, .block-header h2 small, .card .card-inside-title, .card .card-inside-title small, .card .header .header-dropdown li a, .card .header h2 small, .wizard > .steps a, .wizard > .content, .wizard > .actions a, .dropdown-menu ul.menu li a, .dropdown-menu .footer a, .dropdown-menu > li > a, .page-calendar .event-name h4 span, .page-calendar .event-name p, .fc .fc-view-container .fc-event:focus .fc-overlay, .fc .fc-view-container .fc-event:hover .fc-overlay, .fc .fc-view-container .fc-event:active .fc-overlay, .chat-widget li .message, .activity li a, .project_widget .pw_content .pw_meta small, .project_widget .pw_content .pw_meta span, .weather .days li .degrees, .follow_us .media .name, .inbox-widget .inbox-inner:hover .hover_action, .inbox-widget .inbox-inner .inbox-item-info .inbox-message, .social_media_table .list-name, .w_calender span, .sales_report table span, .activities .b-accent .sl-item .sl-content p, .profile-page .profile-header .user_earnings span, .file_manager .file a:hover .hover, .file_manager .file .file-name small, .overlay_menu .links ul li a {
  display: block;
}

.displaynone, .overlay, .sidebar .menu .list .ml-menu, .menu_sm .sidebar .list li.header, .menu_sm .sidebar .list .detail, .menu_sm .sidebar .list a::before, .menu_sm .sidebar .list a::after, .menu_sm .sidebar .list a span {
  display: none;
}

.overflowhidden {
  overflow: hidden;
}

.z-index {
  z-index: 9999;
}

.fullscreen.is-fullscreen .zmdi-fullscreen::before {
  content: "\f16c";
}

.table tr:first-child th {
  border-top: none;
}

.table td, .table th {
  vertical-align: middle;
}

.modal-open {
  padding-right: 0 !important;
}

.modal-open .modal {
  padding-right: 0 !important;
}

.modal-open .modal-dialog .modal-content {
  border-radius: 0.55rem;
}

@media only screen and (max-width: 500px) {
  section.content {
    margin-left: 0px !important;
    margin-right: 40px !important;
    padding: 0;
  }
}
.dashboard-donut-chart {
  height: 265px;
}

.bootstrap-tagsinput {
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

.noUi-target {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  position: relative;
  direction: ltr;
}

.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 6px;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  transition: left 0.25s, top 0.25s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base {
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: 1px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
  background: #f96332;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
  left: 17px;
}

.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
  top: 17px;
}

[disabled].noUi-connect, [disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin, [disabled] .noUi-handle {
  cursor: not-allowed;
}

.noUi-target {
  box-shadow: none;
  border: none;
}

.noUi-base {
  height: 15px;
  top: -6px;
}

.noUi-background {
  height: 3px;
  top: 6px;
  background-color: #bfbfbf;
  box-shadow: none;
}

.noUi-horizontal {
  height: 3px;
}

.noUi-connect {
  height: 3px;
  top: 6px;
  background-color: #f96332;
  box-shadow: none;
}

.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: none;
  background-color: #f96332;
  border: none;
  left: -5px;
  top: 1px;
  transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-handle:before, .noUi-handle:after {
  content: none;
}

.noUi-target .noUi-active.noUi-handle {
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.noUi-target .range-label {
  position: absolute;
  height: 30px;
  width: 30px;
  top: -17px;
  left: -2px;
  background-color: #26A69A;
  border-radius: 50%;
  transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0.5) rotate(-45deg);
  transform-origin: 50% 100%;
}

.noUi-target .noUi-active .range-label {
  border-radius: 15px 15px 15px 0;
  transform: rotate(-45deg) translate(23px, -25px);
}

.range-label span {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  transform: rotate(45deg);
  opacity: 0;
  position: absolute;
  top: 7px;
  left: -1px;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-active .range-label span {
  opacity: 1;
}

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

.ms-container .ms-list {
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.ms-container .ms-list.ms-focus {
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
  min-width: 250px !important;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
  color: #000000 !important;
  background-color: #e6e6e6 !important;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selectable li.ms-elem-selection, .ms-container .ms-selection li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
  padding: 9px 15px 6px 15px !important;
}

.ms-container .ms-optgroup-label {
  padding: 5px 0 0 8px !important;
}

.card {
  transition: 0.5s;
  border: 0;
  position: relative;
  width: 100%;
  background: transparent;
  border-radius: 0.55rem;
}

.card .card-inside-title {
  font-size: 15px;
  color: #000;
}

.card .card-inside-title small {
  color: #9e9e9e;
  font-size: 11px;
}

.card .card-inside-title small a {
  color: #757575;
  font-weight: 700;
}

.card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-deep-purple, .card .bg-indigo, .card .bg-blue, .card .bg-light-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-light-green, .card .bg-lime, .card .bg-yellow, .card .bg-amber, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-blue-grey, .card .bg-blush, .card .bg-black {
  border-bottom: none !important;
  color: #fff !important;
}

.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple small, .card .bg-purple .material-icons, .card .bg-deep-purple h2, .card .bg-deep-purple small, .card .bg-deep-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue small, .card .bg-blue .material-icons, .card .bg-light-blue h2, .card .bg-light-blue small, .card .bg-light-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green small, .card .bg-green .material-icons, .card .bg-light-green h2, .card .bg-light-green small, .card .bg-light-green .material-icons, .card .bg-lime h2, .card .bg-lime small, .card .bg-lime .material-icons, .card .bg-yellow h2, .card .bg-yellow small, .card .bg-yellow .material-icons, .card .bg-amber h2, .card .bg-amber small, .card .bg-amber .material-icons, .card .bg-orange h2, .card .bg-orange small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey small, .card .bg-grey .material-icons, .card .bg-blue-grey h2, .card .bg-blue-grey small, .card .bg-blue-grey .material-icons, .card .bg-blush h2, .card .bg-blush small, .card .bg-blush .material-icons, .card .bg-black h2, .card .bg-black small, .card .bg-black .material-icons {
  color: #fff !important;
}

.card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-deep-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-light-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-light-green .badge, .card .bg-lime .badge, .card .bg-yellow .badge, .card .bg-amber .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-blue-grey .badge, .card .bg-blush .badge, .card .bg-black .badge {
  background-color: #fff;
  color: #424242;
}

.card .header {
  color: #424242;
  padding: 20px 0;
  position: relative;
  box-shadow: none;
}

.card .header .header-dropdown {
  position: absolute;
  top: 14px;
  right: 0;
  list-style: none;
}

.card .header .header-dropdown li a {
  padding: 5px 10px;
}

.card .header .header-dropdown li .dropdown-menu {
  border-radius: 0.55rem;
  overflow: hidden;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  top: 30px !important;
}

.card .header .header-dropdown li .dropdown-menu li {
  display: block !important;
}

.card .header .header-dropdown li .dropdown-menu li a {
  padding: 10px;
  border-radius: 0.1875rem;
}

.card .header h2 {
  font-size: 16px;
  color: #212121;
  position: relative;
}

.card .header h2 small {
  font-size: 13px;
  color: #9e9e9e;
  line-height: 15px;
}

.card .header h2 small a {
  font-weight: 700;
  color: #757575;
}

.card .p-10 {
  padding: 10px !important;
}

.card .p-15 {
  padding: 15px !important;
}

.card .body {
  font-size: 14px;
  padding: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.55rem;
  background: #fff;
  color: #616161;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}

.card .body:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.card .body.bg-dark {
  background: #313740 !important;
  color: #bdbdbd !important;
}

.card .body.bg-dark .table td, .card .body.bg-dark .table th {
  border-top: 1px solid #4c4c4c;
  color: #bdbdbd;
}

.info-box {
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.info-box .icon {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.12);
  width: 80px;
}

.info-box .icon i {
  color: #fff;
  font-size: 30px;
  line-height: 80px;
}

.info-box .icon .chart.chart-bar {
  height: 100%;
  line-height: 100px;
}

.info-box .icon .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box .icon .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box .icon .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box .content .number {
  font-weight: normal;
  font-size: 26px;
  color: #555;
}

.info-box.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
}

.info-box.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
}

.info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 80px;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
}

.info-box.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-2 {
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  min-height: 150px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.info-box-2 .icon i {
  color: #fff;
  font-size: 30px;
  line-height: 70px;
}

.info-box-2 .content {
  padding: 7px 10px;
}

.info-box-2 .content .text {
  margin-top: 11px;
}

.info-box-2 .content .number {
  font-weight: normal;
  font-size: 26px;
}

.info-box-2 .chart {
  height: auto;
}

.info-box-2.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box-2.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
}

.info-box-2.hover-zoom-effect:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}

.info-box-2.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
}

.info-box-2.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
}

.info-box-2.hover-expand-effect:hover:after {
  width: 100%;
}

.notify {
  position: absolute;
  top: 30px;
  right: 11px;
}

.notify .heartbit {
  position: absolute;
  top: -20px;
  right: -16px;
  height: 25px;
  width: 25px;
  z-index: 10;
  border: 4px solid;
  border-color: #3d4c5a;
  border-radius: 70px;
  animation: heartbit 1s ease-out;
  -moz-animation: heartbit 1s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: heartbit 1s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: heartbit 1s ease-out;
  -ms-animation: heartbit 1s ease-out;
  animation-iteration-count: infinite;
}

.notify .point {
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: #3d4c5a;
  position: absolute;
  right: -6px;
  top: -10px;
}
.sweet-alert {
  border-radius: 0 !important;
}

.sweet-alert p {
  font-size: 14px !important;
}

.sweet-alert .sa-input-error {
  top: 23px !important;
  right: 13px !important;
}

.sweet-alert h2 {
  font-size: 18px !important;
  margin: 0 0 5px 0 !important;
}

.sweet-alert button {
  font-size: 15px !important;
  border-radius: 0 !important;
  padding: 5px 20px !important;
}

.dtp div.dtp-date, .dtp div.dtp-time {
  background: #424242;
}

.dtp > .dtp-content {
  max-height: 530px !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #424242;
}

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

.dtp .dtp-buttons .dtp-btn-ok {
  margin-left: 10px;
}

.dtp .dtp-buttons .dtp-btn-clear {
  margin-right: 10px !important;
}

.dtp .p10 > a {
  color: #fff;
}

.dtp div.dtp-actual-year {
  font-size: 1.5em;
  color: #fff;
}

.dtp table.dtp-picker-days tr td a.selected {
  background: #424242;
  color: #fff;
}

.bootstrap-select {
  box-shadow: none !important;
  border-radius: 0;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active {
  outline: none !important;
}

.bootstrap-select .btn {
  border-color: #e3e3e3;
}

.bootstrap-select .btn.btn-round.btn-simple .filter-option, .bootstrap-select .wizard > .actions a.btn.btn-simple .filter-option, .wizard > .actions .bootstrap-select a.btn.btn-simple .filter-option, .bootstrap-select .wizard > .actions .disabled a.btn .filter-option, .wizard > .actions .disabled .bootstrap-select a.btn .filter-option {
  font-size: 14px;
}

.bootstrap-select .bs-searchbox, .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton {
  padding: 0 0 5px 0;
  border-bottom: 1px solid #eee;
}

.bootstrap-select .bs-searchbox {
  position: relative;
  padding: 10px;
}

.bootstrap-select .bs-searchbox:after {
  content: "\f1c3";
  font-family: "Material-Design-Iconic-Font";
  position: absolute;
  top: 14px;
  right: 20px;
  font-size: 20px;
}

.bootstrap-select ul.dropdown-menu {
  margin-top: 0 !important;
}

.bootstrap-select .dropdown-menu li.selected a {
  background-color: #eee !important;
  color: #616161 !important;
}

.bootstrap-select .dropdown-menu .active a {
  background-color: transparent;
  color: #424242 !important;
}

.bootstrap-select .dropdown-menu .notify {
  background-color: #F44336 !important;
  color: #fff !important;
  border: none !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  margin-top: 9px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu.inner {
  display: block;
}

.bootstrap-select.btn-group.show .dropdown-menu {
  z-index: 999999;
}

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

.collapse .well, .collapse.in .well, .collapsing .well {
  border-radius: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 993px) {
  .collapse.collapse-sm, .collapse.collapse-xs {
    display: block;
  }
}
.panel-group .panel-col-red {
  border: 1px solid #ec3b57;
}

.panel-group .panel-col-red .panel-title {
  background-color: #ec3b57 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-red .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-pink {
  border: 1px solid #E91E63;
}

.panel-group .panel-col-pink .panel-title {
  background-color: #E91E63 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-pink .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-purple {
  border: 1px solid #9744be;
}

.panel-group .panel-col-purple .panel-title {
  background-color: #9744be !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-purple {
  border: 1px solid #673AB7;
}

.panel-group .panel-col-deep-purple .panel-title {
  background-color: #673AB7 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-deep-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue {
  border: 1px solid #60bafd;
}

.panel-group .panel-col-blue .panel-title {
  background-color: #60bafd !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-cyan {
  border: 1px solid #49c5b6;
}

.panel-group .panel-col-cyan .panel-title {
  background-color: #49c5b6 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-cyan .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-green {
  border: 1px solid #50d38a;
}

.panel-group .panel-col-green .panel-title {
  background-color: #50d38a !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-green {
  border: 1px solid #8BC34A;
}

.panel-group .panel-col-light-green .panel-title {
  background-color: #8BC34A !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-light-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-yellow {
  border: 1px solid #ffe821;
}

.panel-group .panel-col-yellow .panel-title {
  background-color: #ffe821 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-yellow .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-orange {
  border: 1px solid #ffc323;
}

.panel-group .panel-col-orange .panel-title {
  background-color: #ffc323 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-orange {
  border: 1px solid #f83600;
}

.panel-group .panel-col-deep-orange .panel-title {
  background-color: #f83600 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-deep-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-grey {
  border: 1px solid #9E9E9E;
}

.panel-group .panel-col-grey .panel-title {
  background-color: #9E9E9E !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue-grey {
  border: 1px solid #607D8B;
}

.panel-group .panel-col-blue-grey .panel-title {
  background-color: #607D8B !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-blue-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-indigo {
  border: 1px solid #3F51B5;
}

.panel-group .panel-col-indigo .panel-title {
  background-color: #3F51B5 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-indigo .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-blue {
  border: 1px solid #03A9F4;
}

.panel-group .panel-col-light-blue .panel-title {
  background-color: #03A9F4 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-light-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-teal {
  border: 1px solid #009688;
}

.panel-group .panel-col-teal .panel-title {
  background-color: #009688 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-teal .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-lime {
  border: 1px solid #CDDC39;
}

.panel-group .panel-col-lime .panel-title {
  background-color: #CDDC39 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-lime .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-amber {
  border: 1px solid #FFC107;
}

.panel-group .panel-col-amber .panel-title {
  background-color: #FFC107 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-amber .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-brown {
  border: 1px solid #795548;
}

.panel-group .panel-col-brown .panel-title {
  background-color: #795548 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-brown .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blush {
  border: 1px solid #ff758e;
}

.panel-group .panel-col-blush .panel-title {
  background-color: #ff758e !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-blush .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-black {
  border: 1px solid #000;
}

.panel-group .panel-col-black .panel-title {
  background-color: #000 !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-black .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-white {
  border: 1px solid #fff;
}

.panel-group .panel-col-white .panel-title {
  background-color: #fff !important;
  color: #fff;
  margin: 0;
}

.panel-group .panel-col-white .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel {
  border-radius: 0;
  margin-bottom: 1px;
}

.panel-group .panel .panel-title {
  font-weight: normal;
  font-size: 16px;
  margin: 0;
}

.panel-group .panel .panel-title a {
  color: inherit;
}

.panel-group .panel .panel-title .material-icons {
  float: left;
  line-height: 16px;
  margin-right: 8px;
}

.panel-group .panel .panel-heading {
  padding: 0;
  border-radius: 0;
}

.panel-group .panel .panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
  text-decoration: none;
}

.panel-group .panel .panel-body {
  padding: 20px;
}

.panel-group .panel-primary .panel-title {
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  color: #757575;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}

.panel-group .panel-success .panel-title {
  background-color: #2b982b;
  color: #fff;
}

.panel-group .panel-warning .panel-title {
  background-color: #ff9600;
  color: #fff;
}

.panel-group .panel-danger .panel-title {
  background-color: #fb483a;
  color: #fff;
}

.full-body .panel-col-red .panel-body {
  border-top-color: #fff !important;
  background-color: #ec3b57;
  color: #fff;
}

.full-body .panel-col-pink .panel-body {
  border-top-color: #fff !important;
  background-color: #E91E63;
  color: #fff;
}

.full-body .panel-col-purple .panel-body {
  border-top-color: #fff !important;
  background-color: #9744be;
  color: #fff;
}

.full-body .panel-col-deep-purple .panel-body {
  border-top-color: #fff !important;
  background-color: #673AB7;
  color: #fff;
}

.full-body .panel-col-blue .panel-body {
  border-top-color: #fff !important;
  background-color: #60bafd;
  color: #fff;
}

.full-body .panel-col-cyan .panel-body {
  border-top-color: #fff !important;
  background-color: #49c5b6;
  color: #fff;
}

.full-body .panel-col-green .panel-body {
  border-top-color: #fff !important;
  background-color: #50d38a;
  color: #fff;
}

.full-body .panel-col-light-green .panel-body {
  border-top-color: #fff !important;
  background-color: #8BC34A;
  color: #fff;
}

.full-body .panel-col-yellow .panel-body {
  border-top-color: #fff !important;
  background-color: #ffe821;
  color: #fff;
}

.full-body .panel-col-orange .panel-body {
  border-top-color: #fff !important;
  background-color: #ffc323;
  color: #fff;
}

.full-body .panel-col-deep-orange .panel-body {
  border-top-color: #fff !important;
  background-color: #f83600;
  color: #fff;
}

.full-body .panel-col-grey .panel-body {
  border-top-color: #fff !important;
  background-color: #9E9E9E;
  color: #fff;
}

.full-body .panel-col-blue-grey .panel-body {
  border-top-color: #fff !important;
  background-color: #607D8B;
  color: #fff;
}

.full-body .panel-col-indigo .panel-body {
  border-top-color: #fff !important;
  background-color: #3F51B5;
  color: #fff;
}

.full-body .panel-col-light-blue .panel-body {
  border-top-color: #fff !important;
  background-color: #03A9F4;
  color: #fff;
}

.full-body .panel-col-teal .panel-body {
  border-top-color: #fff !important;
  background-color: #009688;
  color: #fff;
}

.full-body .panel-col-lime .panel-body {
  border-top-color: #fff !important;
  background-color: #CDDC39;
  color: #fff;
}

.full-body .panel-col-amber .panel-body {
  border-top-color: #fff !important;
  background-color: #FFC107;
  color: #fff;
}

.full-body .panel-col-brown .panel-body {
  border-top-color: #fff !important;
  background-color: #795548;
  color: #fff;
}

.full-body .panel-col-blush .panel-body {
  border-top-color: #fff !important;
  background-color: #ff758e;
  color: #fff;
}

.full-body .panel-col-black .panel-body {
  border-top-color: #fff !important;
  background-color: #000;
  color: #fff;
}

.full-body .panel-col-white .panel-body {
  border-top-color: #fff !important;
  background-color: #fff;
  color: #fff;
}

.full-body .panel-primary .panel-body {
  border-top-color: #fff !important;
  background-color: #1f91f3;
  color: #fff;
}

.full-body .panel-success .panel-body {
  border-top-color: #fff !important;
  background-color: #2b982b;
  color: #fff;
}

.full-body .panel-warning .panel-body {
  border-top-color: #fff !important;
  background-color: #ff9600;
  color: #fff;
}

.full-body .panel-danger .panel-body {
  border-top-color: #fff !important;
  background-color: #fb483a;
  color: #fff;
}

.progress {
  border-radius: 10px;
  height: 10px;
}

.progress .progress-bar {
  line-height: 8px;
  background-color: #2196f3;
}

.progress .progress-bar-success {
  background-color: #4caf50;
}

.progress .progress-bar-info {
  background-color: #03a9f4;
}

.progress .progress-bar-warning {
  background-color: #ffc107;
}

.progress .progress-bar-danger {
  background-color: #f44336;
}

.irs .irs-min, .irs .irs-max, .irs .irs-from, .irs .irs-to, .irs .irs-single {
  border-radius: 0;
}

.colorpicker {
  z-index: 99;
}

.colorpicker:before, .colorpicker:after {
  display: none !important;
}

.colorpicker.colorpicker-with-alpha {
  max-width: -moz-max-content;
  max-width: max-content;
}

.dropzone {
  border: 2px solid transparent !important;
  background-color: #eee !important;
}

.dropzone .dz-message .drag-icon-cph .material-icons {
  font-size: 80px;
  color: #757575;
}

.dz-drag-hover {
  border: 2px dashed #757575 !important;
}

.badge {
  border-radius: 2px;
}

.list-group-item {
  border-radius: 0;
  transition: 0.5s;
}

.list-group .active {
  background-color: #2196F3;
  border-color: #2196F3;
}

.list-group .active:hover, .list-group .active:focus, .list-group .active:active {
  background-color: #2196F3;
  border-color: #2196F3;
}

.list-group .active .list-group-item-text {
  color: #dfe9f1;
  font-size: 13px;
}

.list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
  color: #dfe9f1;
}

.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
  color: #dfe9f1;
}

.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
  border-radius: 0;
}

.list-group .list-group-item .list-group-item-heading {
  font-weight: bold;
  font-size: 17px;
}

.list-group .list-group-item-success {
  background-color: #4caf50;
  border: none;
  color: #fff;
}

.list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
  background-color: #4caf50;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-info {
  background-color: #42a5f5;
  border: none;
  color: #fff;
}

.list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
  background-color: #42a5f5;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-warning {
  background-color: #ffa726;
  border: none;
  color: #fff;
}

.list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
  background-color: #ffa726;
  color: #fff;
  opacity: 0.8;
}

.list-group .list-group-item-danger {
  background-color: #ef5350;
  border: none;
  color: #fff;
}

.list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
  background-color: #ef5350;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-red {
  stroke: #ec3b57;
}

.list-group .list-group-bg-red {
  background-color: #ec3b57;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
  background-color: #ec3b57;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-pink {
  stroke: #E91E63;
}

.list-group .list-group-bg-pink {
  background-color: #E91E63;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
  background-color: #E91E63;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-purple {
  stroke: #9744be;
}

.list-group .list-group-bg-purple {
  background-color: #9744be;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
  background-color: #9744be;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-deep-purple {
  stroke: #673AB7;
}

.list-group .list-group-bg-deep-purple {
  background-color: #673AB7;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
  background-color: #673AB7;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-blue {
  stroke: #60bafd;
}

.list-group .list-group-bg-blue {
  background-color: #60bafd;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
  background-color: #60bafd;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-cyan {
  stroke: #49c5b6;
}

.list-group .list-group-bg-cyan {
  background-color: #49c5b6;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
  background-color: #49c5b6;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-green {
  stroke: #50d38a;
}

.list-group .list-group-bg-green {
  background-color: #50d38a;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
  background-color: #50d38a;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-light-green {
  stroke: #8BC34A;
}

.list-group .list-group-bg-light-green {
  background-color: #8BC34A;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
  background-color: #8BC34A;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-yellow {
  stroke: #ffe821;
}

.list-group .list-group-bg-yellow {
  background-color: #ffe821;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
  background-color: #ffe821;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-orange {
  stroke: #ffc323;
}

.list-group .list-group-bg-orange {
  background-color: #ffc323;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
  background-color: #ffc323;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-deep-orange {
  stroke: #f83600;
}

.list-group .list-group-bg-deep-orange {
  background-color: #f83600;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
  background-color: #f83600;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-grey {
  stroke: #9E9E9E;
}

.list-group .list-group-bg-grey {
  background-color: #9E9E9E;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
  background-color: #9E9E9E;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-blue-grey {
  stroke: #607D8B;
}

.list-group .list-group-bg-blue-grey {
  background-color: #607D8B;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
  background-color: #607D8B;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-indigo {
  stroke: #3F51B5;
}

.list-group .list-group-bg-indigo {
  background-color: #3F51B5;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
  background-color: #3F51B5;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-light-blue {
  stroke: #03A9F4;
}

.list-group .list-group-bg-light-blue {
  background-color: #03A9F4;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
  background-color: #03A9F4;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-teal {
  stroke: #009688;
}

.list-group .list-group-bg-teal {
  background-color: #009688;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
  background-color: #009688;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-lime {
  stroke: #CDDC39;
}

.list-group .list-group-bg-lime {
  background-color: #CDDC39;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
  background-color: #CDDC39;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-amber {
  stroke: #FFC107;
}

.list-group .list-group-bg-amber {
  background-color: #FFC107;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
  background-color: #FFC107;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-brown {
  stroke: #795548;
}

.list-group .list-group-bg-brown {
  background-color: #795548;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
  background-color: #795548;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-blush {
  stroke: #ff758e;
}

.list-group .list-group-bg-blush {
  background-color: #ff758e;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-blush:hover, .list-group .list-group-bg-blush:focus {
  background-color: #ff758e;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-black {
  stroke: #000;
}

.list-group .list-group-bg-black {
  background-color: #000;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
  background-color: #000;
  color: #fff;
  opacity: 0.8;
}

.list-group .pl-white {
  stroke: #fff;
}

.list-group .list-group-bg-white {
  background-color: #fff;
  border: none;
  color: #fff;
}

.list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
  background-color: #fff;
  color: #fff;
  opacity: 0.8;
}

.media .media-body {
  color: #616161;
  font-size: 14px;
}

.media .media-body .media-heading {
  font-size: 16px;
  color: #212121;
}

.wizard, .tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a, .tabcontrol a {
  outline: 0;
}

.wizard ul, .tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul > li, .tabcontrol ul > li {
  display: block;
  padding: 0;
}

.wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

.wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.wizard.vertical > .steps {
  float: left;
  width: 30%;
}

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%;
}

.wizard.vertical > .content {
  float: left;
  width: calc(68% - 20px);
}

.wizard.vertical > .actions {
  float: right;
  width: 100%;
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}

.wizard > .steps .number {
  font-size: 1.429em;
}

.wizard > .steps > ul > li {
  width: 25%;
  float: left;
}

.wizard > .actions > ul > li {
  float: left;
}

.wizard > .steps a {
  width: auto;
  padding: 10px;
  text-decoration: none;
}

.wizard > .steps a:hover, .wizard > .steps a:active {
  text-decoration: none;
}

.wizard > .steps .disabled a {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard > .steps .current a {
  background: #2184be;
  color: #fff;
  cursor: default;
}

.wizard > .steps .current a:hover, .wizard > .steps .current a:active {
  background: #2184be;
  color: #fff;
  cursor: default;
}

.wizard > .steps .done a {
  background: #9dc8e2;
  color: #fff;
}

.wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  background: #9dc8e2;
  color: #fff;
}

.wizard > .steps .error a {
  background: #ff3111;
  color: #fff;
}

.wizard > .steps .error a:hover, .wizard > .steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.wizard > .content {
  overflow: hidden;
  position: relative;
  width: auto;
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}

.wizard > .actions > ul > li {
  margin: 0 0.5em;
}

.wizard > .actions a {
  color: #fff;
}

.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol > .content > .body ul {
  list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
  display: list-item;
}

.wizard .content {
  border-radius: 0;
  overflow-y: auto;
}

.wizard .content .body {
  padding: 15px;
}

.wizard .steps a {
  border-radius: 0;
  transition: 0.5s;
}

.wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover {
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .wizard > .steps > ul > li {
    width: 100%;
    padding-right: 0;
  }
  .wizard.vertical > .steps {
    width: 100%;
  }
  .wizard.vertical > .content {
    width: 100%;
    margin: 10px 0;
  }
}
.waves-effect.waves-red .waves-ripple {
  background: rgba(236, 59, 87, 0.5);
}

.waves-effect.waves-pink .waves-ripple {
  background: rgba(233, 30, 99, 0.5);
}

.waves-effect.waves-purple .waves-ripple {
  background: rgba(151, 68, 190, 0.5);
}

.waves-effect.waves-deep-purple .waves-ripple {
  background: rgba(103, 58, 183, 0.5);
}

.waves-effect.waves-blue .waves-ripple {
  background: rgba(96, 186, 253, 0.5);
}

.waves-effect.waves-cyan .waves-ripple {
  background: rgba(73, 197, 182, 0.5);
}

.waves-effect.waves-green .waves-ripple {
  background: rgba(80, 211, 138, 0.5);
}

.waves-effect.waves-light-green .waves-ripple {
  background: rgba(139, 195, 74, 0.5);
}

.waves-effect.waves-yellow .waves-ripple {
  background: rgba(255, 232, 33, 0.5);
}

.waves-effect.waves-orange .waves-ripple {
  background: rgba(255, 195, 35, 0.5);
}

.waves-effect.waves-deep-orange .waves-ripple {
  background: rgba(248, 54, 0, 0.5);
}

.waves-effect.waves-grey .waves-ripple {
  background: rgba(158, 158, 158, 0.5);
}

.waves-effect.waves-blue-grey .waves-ripple {
  background: rgba(96, 125, 139, 0.5);
}

.waves-effect.waves-indigo .waves-ripple {
  background: rgba(63, 81, 181, 0.5);
}

.waves-effect.waves-light-blue .waves-ripple {
  background: rgba(3, 169, 244, 0.5);
}

.waves-effect.waves-teal .waves-ripple {
  background: rgba(0, 150, 136, 0.5);
}

.waves-effect.waves-lime .waves-ripple {
  background: rgba(205, 220, 57, 0.5);
}

.waves-effect.waves-amber .waves-ripple {
  background: rgba(255, 193, 7, 0.5);
}

.waves-effect.waves-brown .waves-ripple {
  background: rgba(121, 85, 72, 0.5);
}

.waves-effect.waves-blush .waves-ripple {
  background: rgba(255, 117, 142, 0.5);
}

.waves-effect.waves-black .waves-ripple {
  background: rgba(0, 0, 0, 0.5);
}

.waves-effect.waves-white .waves-ripple {
  background: rgba(255, 255, 255, 0.5);
}

.dropdown-menu {
  border-radius: 0.55rem;
  border: none;
  right: 0;
  left: auto;
  overflow: hidden;
}

.dropdown-menu .divider {
  margin: 1px 0;
  border-bottom: 1px solid #eee;
}

.dropdown-menu .header {
  font-size: 13px;
  font-weight: 600;
  min-width: 270px;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
}

.dropdown-menu ul.menu .icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  vertical-align: top;
}

.dropdown-menu ul.menu .icon-circle i {
  font-size: 18px;
  line-height: 36px;
}

.dropdown-menu ul.menu li a {
  padding: 15px;
  text-decoration: none;
  transition: 0.5s;
}

.dropdown-menu ul.menu li a:hover {
  background-color: #e0e0e0;
}

.dropdown-menu ul.menu .menu-info {
  position: relative;
  top: 0px;
  left: 5px;
}

.dropdown-menu ul.menu .menu-info h4 {
  font-size: 14px;
  color: #424242;
  font-weight: 400;
}

.dropdown-menu ul.menu .menu-info p {
  font-size: 12px;
  color: #78909c;
}

.dropdown-menu ul.menu .menu-info p i {
  font-size: 13px;
  color: #78909c;
  position: relative;
  top: 3px;
  vertical-align: top;
}

.dropdown-menu .footer a {
  color: inherit !important;
  border-top: 1px solid #eee;
}

.dropdown-menu > li > a {
  padding: 7px 18px;
  color: #616161;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 25px;
}

.dropdown-menu > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #212121;
}

.dropdown-menu > li > a i.material-icons {
  float: left;
  margin-right: 7px;
  margin-top: 2px;
  font-size: 20px;
}

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

.bootstrap-notify-container {
  max-width: 320px;
  text-align: center;
}

.dd-handle {
  background-color: #f9f9f9 !important;
}

.dd-handle:hover {
  color: #2196F3;
}

.nestable-dark-theme .dd-handle {
  background: #ccc !important;
  border: 1px solid #999 !important;
}

.dd3-handle {
  background: #999 !important;
}

.dd3-content:hover {
  color: #2196F3;
}

.page-calendar .event-name h6 {
  text-transform: capitalize;
}

.page-calendar .event-name h4 {
  font-size: 25px;
  line-height: 24px;
}

.page-calendar .event-name h4 span {
  font-size: 11px;
  line-height: 16px;
}

.page-calendar .event-name p {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.page-calendar .event-name address {
  font-size: 11px;
}

.page-calendar .event-name address i {
  font-size: 12px;
}

.event-control {
  background-color: #eee;
  font-size: 13px;
  cursor: pointer;
}

.event-control:hover {
  background-color: #fff;
}

.event-control a {
  color: #000;
  cursor: pointer;
  opacity: 0.5;
}

.event-control a:hover {
  opacity: 1;
}

.event-control[class*=bg-]:not(.bg-default):not(.bg-white) a {
  color: #000 !important;
  opacity: 1;
}

.event-control[class*=bg-]:not(.bg-default):not(.bg-white) a:hover {
  color: #fff !important;
}

.fc-overlay {
  display: none;
  position: absolute;
  min-width: 260px;
  padding: 15px 0;
  top: auto;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
  color: #000 !important;
}

.fc-overlay.left {
  left: 100%;
  top: -15px;
  padding: 0 10px;
  margin: 0;
}

.fc-overlay.right {
  left: auto;
  right: 100%;
  top: -15px;
  padding: 0 10px;
}

.fc-overlay .panel {
  padding: 10px;
}

.fc .fc-toolbar {
  color: #424242;
  background: transparent;
  border-radius: 0;
}

.fc .fc-toolbar h2 {
  font-size: 16px;
  text-transform: uppercase;
}

.fc .fc-toolbar .fc-today-button, .fc .fc-toolbar .fc-state-default {
  background: #eee;
  color: #424242;
  font-size: 14px;
  border-radius: 30px !important;
  padding: 5px 15px;
  height: auto;
  border: none;
  box-shadow: none;
}

.fc .fc-view-container .fc-event {
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 0.1875rem;
  background-color: #fff;
  border: 0;
  color: #424242;
}

.fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start) {
  border: 0 !important;
}

.fc .fc-view-container .fc-event:focus, .fc .fc-view-container .fc-event:hover, .fc .fc-view-container .fc-event:active {
  z-index: 1000;
}

.fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header {
  border: 1px solid #eee;
  padding: 10px;
  color: #616161;
}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content {
  border: 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content.fc-state-highlight {
  background: #fff;
}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number {
  padding: 5px 10px;
  margin: 5px;
  color: #000;
  font-size: 15px;
}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number.fc-state-highlight {
  background-color: red;
  color: #fff;
  border-radius: 50%;
  padding: 4px 6px;
  float: right;
}

.fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td:first-child.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td:first-child.fc-widget-content {
  border-left: 1px solid #eee;
}

.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg {
  border-bottom: 1px solid #eee;
}

.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg {
  border-bottom: 0;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #eee;
  color: #000;
  font-size: 12px;
  font-weight: 100;
  padding: 10px 5px;
}

.fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-state-highlight {
  background: #eee;
}

.fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-sat {
  border-right: 0;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr {
  line-height: 35px;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th {
  border: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #eee;
  color: #000;
  font-size: 12px;
  font-weight: 100;
  padding-top: 10px;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {
  border-bottom: 1px solid #e0e0e0;
  line-height: 50px;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {
  border-right: 0;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {
  border-bottom: 1px solid #e0e0e0;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider {
  border: 1px solid #e0e0e0;
}

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {
  background-color: #eee;
  height: 3px;
}

.fc .fc-popover {
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  border: none;
  padding: 10px;
  border-radius: 0.55rem;
}

.fc .fc-popover .fc-event-container {
  padding: 0;
}

.fc .fc-popover .fc-event {
  padding: 4px 8px;
  margin: 2px 0px;
}

.gmap {
  width: 100%;
  height: 400px;
}

.jvector-map {
  width: 100%;
  height: 400px;
}

.morris-hover.morris-default-style {
  border-radius: 0;
}

.flot-chart {
  width: 100%;
  height: 320px;
}

.panel-switch-btn {
  position: relative;
  right: 20px;
  z-index: 9;
}

.panel-switch-btn label {
  font-weight: bold !important;
}

.legendLabel {
  width: 85px !important;
  position: relative;
  left: 3px;
}

#multiple_axis_chart .legendLabel {
  width: 160px !important;
}

.sparkline {
  text-align: center;
}

.dataTables_wrapper {
  position: relative;
}

.dataTables_wrapper select {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -ms-box-shadow: none;
  box-shadow: none;
}

.dataTables_wrapper select:active, .dataTables_wrapper select:focus {
  -ms-box-shadow: none;
  box-shadow: none;
}

.dataTables_wrapper input[type=search] {
  border-radius: 0;
  -ms-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

.dataTables_wrapper input[type=search]:focus, .dataTables_wrapper input[type=search]:active {
  border-bottom: 2px solid #1f91f3;
}

.dataTables_wrapper .dt-buttons {
  float: left;
}

.dataTables_wrapper .dt-buttons a.dt-button {
  background-color: #607D8B;
  color: #fff;
  padding: 7px 12px;
  margin-right: 5px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  border: none;
  font-size: 13px;
  outline: none;
}

.dataTables_wrapper .dt-buttons a.dt-button:active {
  opacity: 0.8;
}

.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 400px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #999;
  border-radius: 3px;
  margin-top: -100px;
  margin-left: -200px;
  z-index: 21;
}

.dt-button-info h2 {
  color: #777;
}

.dt-button-info div {
  color: #777;
  margin-bottom: 20px;
}

.lg-outer .lg-thumb-item, .lg-outer .lg-toogle-thumb {
  border-radius: 0 !important;
}

.authentication {
  height: 100vh;
  max-height: 1050px;
  padding: 0;
  position: relative;
}

.authentication .container > .content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 15px;
  width: 100%;
  max-width: 960px;
  z-index: 99;
}

.authentication::before {
  background-image: url(/logo.svg);
  content: "";
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  opacity: 0.02;
  width: 100%;
  height: 100%;
}

.authentication .company_detail {
  color: #fff;
}

.authentication .company_detail .logo img {
  width: 40px;
  vertical-align: top;
}

.authentication .company_detail hr {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.authentication .company_detail h3 {
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.7;
  letter-spacing: 2px;
}

.authentication .company_detail h3 i {
  font-size: 30px;
  margin: 0 2px;
}

.authentication .company_detail p {
  opacity: 0.6;
  letter-spacing: 1px;
  font-weight: 300;
}

.authentication .card-plain {
  border-radius: 0.55rem;
  padding-bottom: 0.7rem;
  max-width: 330px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.authentication .card-plain.card-plain {
  margin: 0 auto;
}

.authentication .card-plain .header img {
  width: 80px;
  border: 3px solid #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

.authentication .card-plain .footer {
  padding: 15px 0;
}

.authentication .checkbox label {
  font-size: 12px;
}

@media screen and (max-width: 992px) {
  .authentication .company_detail {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .authentication::before {
    position: fixed;
  }
  .authentication .container > .content-center {
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    padding: 40px 0;
  }
  .authentication .company_detail h3 {
    font-size: 24px;
  }
}
.chat-widget li {
  list-style: none;
  width: 100%;
}

.chat-widget li.left img {
  float: left;
}

.chat-widget li.left .chat-info {
  margin-left: 10px;
  width: calc(100% - 50px);
}

.chat-widget li.left .message {
  padding: 10px 20px;
  border-radius: 0 15px 15px 15px;
  color: #fff;
}

.chat-widget li.right {
  float: right;
}

.chat-widget li.right .chat-info {
  background: #f5f5f5;
  padding: 10px 20px;
  border-radius: 15px 0 15px 15px;
}

.chat-widget li .datetime {
  font-size: 12px;
  color: #bdbdbd;
}

.chat-widget li img {
  height: 40px;
  width: 40px;
}

.activity li a:hover, .activity li a:focus {
  text-decoration: none;
}

.activity li a i {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}

.activity li a .info {
  margin-left: 50px;
}

.activity li a .info h4 {
  font-size: 15px;
  color: #424242;
  line-height: 18px;
}

.activity li a .info small {
  color: #78909c;
}

.location_list li .body {
  margin: 5px;
}

.location_list li i {
  font-size: 25px;
  color: #9e9e9e;
}

.project_widget .pw_content .pw_header small {
  font-size: 12px;
}

.project_widget .pw_content .pw_meta span {
  font-weight: 500;
}

.feed {
  border-radius: 0.55rem;
  color: #fff;
}

.feed.facebook {
  background: #3b5998;
}

.feed.twitter {
  background: #00aced;
}

.feed.google {
  background: #d34836;
}

.feed .carousel-inner {
  box-shadow: none;
}

.feed .carousel-inner .carousel-item {
  padding: 20px;
}

.feed .carousel-inner h4 {
  font-weight: 300;
}

.feed .carousel-inner h4 span {
  font-weight: 700;
}

.weather .city {
  position: relative;
}

.weather .city img {
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}

.weather .days li {
  width: 14%;
}

.weather .days li img {
  width: 25px;
}

.weather .days li h5 {
  font-size: 11px;
}

.follow_us li {
  position: relative;
}

.follow_us li.offline .status {
  background: #FF9800;
}

.follow_us li.online .status {
  background: #8BC34A;
}

.follow_us li.me .status {
  background: #0498bd;
}

.follow_us .media .media-object {
  width: 40px;
  border-radius: 50px;
}

.follow_us .media .name {
  font-weight: 600;
  color: #424242;
  margin: 0px;
  font-size: 15px;
}

.follow_us .media .message {
  font-size: 13px;
  color: #78909c;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.follow_us .media .status {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 11px;
  height: 11px;
  min-width: inherit;
  border: 2px solid #fff;
  border-radius: 50px;
}

.inbox-widget .inbox-inner {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 14px 0px;
  position: relative;
}

.inbox-widget .inbox-inner:last-child {
  border: 0;
}

.inbox-widget .inbox-inner .hover_action {
  display: none;
  position: absolute;
  right: 0px;
  top: 8px;
}

.inbox-widget .inbox-inner .inbox-img {
  float: left;
}

.inbox-widget .inbox-inner .inbox-img img {
  width: 60px;
  border: 2px solid #fff;
}

.inbox-widget .inbox-inner .inbox-item-info {
  margin-left: 75px;
  position: relative;
}

.inbox-widget .inbox-inner .inbox-item-info .inbox-date {
  font-size: 12px;
}

.inbox-widget .inbox-inner .inbox-item-info .author {
  color: #37474f;
  font-weight: 600;
}

.inbox-widget .inbox-inner .inbox-item-info .inbox-message {
  color: #616161;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-user img {
  height: 72px;
  float: left;
}

.widget-user .wid-u-info {
  margin-left: 90px;
}

.s-widget .text {
  margin-top: 0 !important;
}

.s-widget.facebook i {
  color: #3b5998;
}

.s-widget.google i {
  color: #d34836;
}

.s-widget.twitter i {
  color: #0084b4;
}

.s-widget.instagram i {
  color: #fb3958;
}

.s-widget.linkedin i {
  color: #0077B5;
}

.s-widget.behance i {
  color: #053eff;
}

.social_media_table i {
  font-size: 14px;
}

.social_media_table .list-name {
  text-transform: uppercase;
}

.social_icon {
  border-radius: 50px;
  color: #fff;
  line-height: 40px;
  width: 40px;
  height: 40px;
}

.social_icon.linkedin {
  background: #007bb5;
}

.social_icon.twitter-table {
  background: #55acee;
}

.social_icon.facebook {
  background: #007bb5;
}

.social_icon.google {
  background: #dd4b39;
}

.social_icon.youtube {
  background: #bb0000;
}

.w_calender.days {
  clear: both;
}

.w_calender span {
  color: #fff;
  font-weight: 400;
  font-size: 25px;
}

.w_calender span + span {
  padding: 5px 25px;
  font-size: 16px;
  border-radius: 20px;
}

.w_calender ul {
  list-style-type: none;
}

.w_calender ul li {
  width: 13%;
  font-size: 15px;
}

.w_calender ul:nth-of-type(2) {
  line-height: 20px;
}

.w_calender ul:nth-of-type(3) {
  line-height: 20px;
}

.w_calender ul:nth-of-type(4) {
  line-height: 20px;
}

.w_calender ul:nth-of-type(5) {
  line-height: 20px;
}

.w_calender ul:nth-of-type(6) {
  line-height: 20px;
}

.w_calender ul:nth-of-type(6) li:nth-child(1n+4) {
  color: #bdc3c7;
}

.w_calender em {
  padding: 8px;
  color: #fff;
  border-radius: 50px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
}

.table-filter tr:first-child td {
  border: none;
}

.table-filter tr td:first-child {
  width: 20px;
}

.table-filter tr td:nth-child(2) {
  width: 70px;
}

.table-filter tr td:nth-child(5) {
  width: 250px;
}

.doughnut {
  width: 230px;
  position: relative;
  margin: 0 auto;
}

.doughnut .chartjs-render-monitor {
  position: relative;
  z-index: 5;
}

.doughnut #tooltip-canvas {
  top: 30px;
  left: 38px;
  position: absolute;
  z-index: 1;
}

.total_earnings .chart {
  align-items: flex-end;
  display: flex;
  height: 200px;
  justify-content: space-around;
  margin: auto;
}

.total_earnings .chart div {
  border-radius: 0.1875rem;
  height: 200px;
  position: relative;
  transition: height 0.4s ease-in-out, background-color 0.4s ease-in-out;
  width: 2%;
}

.total_earnings .chart div::after {
  bottom: -2em;
  color: #757575;
  position: absolute;
  text-align: center;
}

.total_earnings .chart div:nth-child(4n+1)::after {
  content: attr(data-day);
}

.total_earnings .stats {
  text-align: center;
}

.sales_report span {
  white-space: nowrap;
}

.sales_report .team-info {
  min-width: 150px;
}

.visitors-map #m_area_chart {
  max-height: 250px;
}

.visitors-map #world-map-markers2 {
  height: 410px;
}

.visitors-map table span {
  white-space: nowrap;
}

.activities .streamline {
  position: relative;
  border-color: #e0e0e0;
}

.activities .streamline .b-info {
  border-color: #2196f3;
}

.activities .streamline .b-primary {
  border-color: #673ab7;
}

.activities .streamline .b-warning {
  border-color: #ff9800;
}

.activities .b-accent {
  border-color: #3f51b5 !important;
  border-left: 1px solid;
}

.activities .b-accent .sl-item {
  position: relative;
  padding-bottom: 1px;
}

.activities .b-accent .sl-item:before {
  display: table;
  content: " ";
}

.activities .b-accent .sl-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  margin-left: -6px;
  background-color: #fff;
  border-color: inherit;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  content: "";
}

.activities .b-accent .sl-item .sl-content {
  padding-bottom: 6px;
  margin-top: -6px;
  margin-left: 24px;
}

.activities .b-accent .sl-item .sl-content p {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}

.team-info li + li {
  margin-left: -10px;
}

.team-info li img {
  width: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.chart {
  position: relative;
  width: 100px;
  height: 100px;
}

.chart > span > img {
  left: 0;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 60%;
  height: 60%;
  transform: translateY(-50%);
  margin: 0 auto;
}

.social-links li a {
  width: 30px;
}

.project_report .progress {
  height: 3px;
}

.project_report .progress .progress-bar {
  line-height: 3px;
}

.project_report h6 {
  font-size: 13px;
}

.project_report h6 a {
  color: #424242;
}

@media only screen and (max-width: 767px) {
  .profile_state li {
    border-bottom: 1px solid #eee;
  }
  .profile_state li:last-child {
    border: none;
  }
  .visitors-map #world-map-markers2 {
    height: 250px;
  }
}
@media (min-width: 620px) {
  .chart div::after {
    content: attr(data-day);
  }
}
@media (min-width: 320px) {
  .chart div:nth-child(odd)::after {
    content: attr(data-day);
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.contact .action_bar .delete_all {
  margin-top: 8px;
}

.contact .c_list tr td {
  vertical-align: middle;
}

.contact .c_list .c_name {
  font-weight: 600;
}

.contact .c_list .avatar {
  width: 40px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
}

.contact .c_list address i {
  width: 25px;
  font-size: 15px;
}

.profile-page .profile-header .user_pic {
  position: absolute;
  bottom: -70px;
  z-index: 99;
}

.profile-page .profile-header .detail {
  margin-left: 250px;
}

.profile-page .profile-header .detail .u_name {
  color: #bdbdbd;
}

.profile-page .profile-header .detail #m_area_chart {
  height: 250px;
  margin-bottom: -45px;
}

.profile-page .profile-header .user_earnings {
  color: #9e9e9e;
}

.profile-page .profile_tab {
  margin-left: 290px;
  margin-top: -50px;
  position: relative;
  z-index: 99;
  width: calc(100% - 290px);
}

@media only screen and (max-width: 992px) {
  .profile-page .profile-header {
    margin-bottom: 20px;
  }
  .profile-page .user_earnings {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .profile-page .profile-header {
    text-align: center;
  }
  .profile-page .profile-header .user_pic {
    position: relative;
    top: 0;
    bottom: auto;
    margin: 0 auto;
  }
  .profile-page .profile-header .detail {
    margin: 0;
    padding-top: 15px;
  }
  .profile-page .profile-header .detail .u_name {
    margin: 0;
  }
  .profile-page .profile-header .detail #m_area_chart {
    display: none;
  }
  .profile-page .profile_tab {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
}
.pricing {
  text-align: center;
  border: 1px solid #f0f0f0;
  color: #777;
  font-size: 14px;
  padding-left: 0;
  margin-bottom: 30px;
}

.pricing li {
  list-style: none;
  padding: 13px;
}

.pricing li:first-child, .pricing li:last-child {
  padding: 20px 13px;
}

.pricing li:nth-last-child(2) {
  padding: 30px 13px;
}

.pricing li + li {
  border-top: 1px solid #f0f0f0;
}

.pricing big {
  font-size: 32px;
}

.pricing h3 {
  margin-bottom: 0;
  font-size: 36px;
}

.pricing span {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}

.pricing.active big, .pricing.active h3 {
  color: #ff8f00;
}

.invoice .table tr td {
  vertical-align: middle;
}

.file_manager .file {
  position: relative;
  border-radius: 0.55rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.file_manager .file:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.file_manager .file .image, .file_manager .file .icon {
  height: 150px;
  overflow: hidden;
  background-size: cover;
  background-position: top;
}

.file_manager .file .hover {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  transition: all 0.2s ease-in-out;
}

.file_manager .file a:hover .hover {
  transition: all 0.2s ease-in-out;
}

.file_manager .file .icon {
  padding: 15px 10px;
  display: table;
  width: 100%;
}

.file_manager .file .icon i {
  display: table-cell;
  font-size: 30px;
  vertical-align: middle;
  color: #757575;
}

.file_manager .file .file-name {
  padding: 10px;
  border-top: 1px solid #eceff1;
}

.file_manager .file .file-name small .date {
  float: right;
}

@media only screen and (max-width: 992px) {
  .file_manager .nav-tabs {
    padding-left: 0;
    padding-right: 0;
  }
  .file_manager .nav-tabs .nav-item {
    display: inline-block;
  }
}
.overlay_menu {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(34, 37, 43, 0.95);
  overflow: auto;
  z-index: 999;
  padding-top: 120px;
}

.overlay_menu .card {
  background: #fff;
}

.overlay_menu .btn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.overlay_menu .links ul li a {
  padding: 6px 0px 6px 20px;
  position: relative;
}

.overlay_menu .links ul li a:hover::before {
  left: 5px;
}

.overlay_menu .links ul li a:before {
  content: "\f30f";
  position: absolute;
  transition: 0.5s;
  left: 0px;
  font-size: 12px;
  font-family: "Material-Design-Iconic-Font";
  color: #9e9e9e;
  top: 8px;
}

.overlay_menu .social {
  font-size: 25px;
  padding: 20px;
}

.overlay_menu .social p {
  padding: 20px 0 5px 0;
  line-height: 30px;
  font-size: 13px;
  color: #f5f5f5;
}

.overlay_menu .social p a {
  text-decoration: none;
}

.overlay_menu .social .icon {
  width: 50px;
  height: 50px;
  background: #e0e0e0;
  color: #424242;
  margin: 0 20px;
  border-radius: 0.55rem;
  transition-property: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}

.overlay_menu .social .icon:hover {
  background: #f96332;
  color: #f5f5f5;
}

.overlay_menu .social .icon i {
  vertical-align: text-bottom;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

body {
  background-color: #f4f7f6 !important;
}

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

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

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

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

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

h6, .h6 {
  font-size: 1.9rem;
  text-transform: none;
  margin: 0;
}

.title-font {
  font-family: "Mirador";
}

.box-shadow {
  box-shadow: 3px 3px 10px;
}

.hover-cursor:hover {
  cursor: pointer;
}

.overline, #dashboard-v3 .temp .label, #dashboard-v3 #animals .card .eid-number, .card.v3-container .card-header {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.3px;
}
.overline.normal, #dashboard-v3 .temp .normal.label, #dashboard-v3 #animals .card .normal.eid-number, .card.v3-container .normal.card-header {
  text-transform: unset;
}
.overline .subtitle, #dashboard-v3 .temp .label .subtitle, #dashboard-v3 #animals .card .eid-number .subtitle, .card.v3-container .card-header .subtitle {
  float: right;
  font-style: italic;
}

.padded {
  padding: 15px;
}

.text-small {
  font-size: 1rem !important;
  letter-spacing: 0.5px;
}

.text-large {
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.text-large .herddogg-icon, .text-large .zmdi {
  font-size: 160%;
}
.text-large .herddogg-icon:first-of-type, .text-large .zmdi:first-of-type {
  margin-right: 10px;
}

#articles-index {
  height: 100vh;
  overflow: auto;
  background-color: #f4f7f6;
}
#articles-index .zmdi-smartphone-iphone, #articles-index .zmdi-laptop-mac {
  font-size: 6rem;
}
#articles-index .card, #articles-index .card-header, #articles-index .card-body {
  color: #000;
  background-color: #f4f7f6;
}
#articles-index a.d-flex {
  font-size: 1.9rem;
}
#articles-index .article-count {
  background-color: rgb(214.4736842105, 225.5263157895, 221.8421052632);
  border-radius: 25px;
  min-width: 45px;
  max-width: 60px;
  padding: 3px 5px;
  margin: 0 !important;
  height: 25px;
  font-size: 1.6rem;
  font-weight: lighter;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rounded {
  border-radius: 11px !important;
  overflow: auto;
}

.page-loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

a {
  color: #017e8e;
}
a:active {
  color: #017e8e;
}
a:hover {
  color: #004c55;
}
a:visited {
  color: #017e8e;
}
a:focus {
  color: #017e8e;
}

.text-link {
  color: #017e8e !important;
}

.modal .modal-header .close {
  color: #000;
  font-size: 40px;
  font-weight: lighter;
  padding-top: 0;
  padding-bottom: 0;
}

#admin-nav .leftsidebar li.active.open {
  background-color: #28a8a8 !important;
}
#admin-nav .powered-by-copy {
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154);
}
#admin-nav .leftsidebar > * {
  background: rgb(20.3846153846, 85.6153846154, 85.6153846154);
}
#admin-nav .leftsidebar a::before {
  color: black !important;
}

.text-grange {
  color: #00acbe !important;
}

.text-di {
  color: #d66030 !important;
}

aside.right_menu .detail {
  font-weight: bold;
  color: #fff !important;
}
aside.right_menu .list, aside.right_menu .slimScrollDiv {
  height: 100vh !important;
  padding-bottom: 40px;
  overflow-x: visible !important;
}
aside.right_menu .powered-by-copy {
  background-color: #142731;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
aside.right_menu .menu .list .premise-nav-header {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
aside.right_menu .menu .list .premise-nav-header a {
  color: #fff !important;
  padding: 0 !important;
}
aside.right_menu .menu .list .premise-nav-header a.hover-edit {
  font-size: 16px;
}
aside.right_menu .menu .list .premise-nav-header a * {
  color: inherit !important;
}
aside.right_menu .premise-nav-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (max-width: 767px) {
  aside.right_menu .premise-nav-item:last-child {
    padding-bottom: 0;
  }
}
aside.right_menu .premise-nav-item.open.active {
  background-color: #30323c !important;
}
aside.right_menu .premise-nav-item .menu-count {
  background-color: #40424c;
  border-radius: 25px;
  min-width: 25px;
  max-width: 50px;
  padding: 0 5px;
  margin: 0 !important;
  font-size: 11px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
aside.right_menu .premise-nav-item .menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
aside.right_menu .premise-nav-item .menu-toggle .zmdi {
  margin: 0;
}
aside.right_menu .premise-nav-item .menu-toggle .zmdi-chevron-down {
  display: none;
}
aside.right_menu .premise-nav-item .menu-toggle.toggled .zmdi-chevron-up {
  display: none;
}
aside.right_menu .premise-nav-item .menu-toggle.toggled .zmdi-chevron-down {
  display: inline;
}
aside.right_menu .premise-nav-item .menu-toggle:hover {
  cursor: pointer;
}
aside.right_menu .premise-nav-item ul {
  padding-left: 15px;
}
aside.right_menu .premise-nav-item ul .subnav-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ccc !important;
  padding: 7px 10px;
}
aside.right_menu .premise-nav-item ul .subnav-item a * {
  color: #ccc !important;
}
aside.right_menu .premise-nav-item a {
  color: #ccc !important;
}
aside.right_menu .premise-nav-item a.text-grange {
  color: #00acbe !important;
}
aside.right_menu .premise-nav-item a.text-grange * {
  color: #00acbe !important;
}
aside.right_menu .premise-nav-item a.text-di {
  color: #d66030 !important;
}
aside.right_menu .premise-nav-item a.text-di * {
  color: #d66030 !important;
}
aside.right_menu .premise-nav-item a * {
  color: #ccc !important;
}
aside.right_menu .premise-nav-item a i {
  width: 30px !important;
  font-size: 20px !important;
}
aside .leftsidebar {
  left: 50px;
  background-color: #142731 !important;
}
aside .leftsidebar .menu .list .user-info .dropdown-menu {
  color: #142731;
}
aside .leftsidebar .menu .list .user-info .dropdown-menu a {
  color: #142731 !important;
}
@media (max-width: 767px) {
  aside .leftsidebar {
    left: 36px;
  }
}
aside.minileftbar {
  background: rgb(5.2173913043, 10.1739130435, 12.7826086957) !important;
  left: 0;
}
aside.minileftbar .premise-logo:not(.active):hover .icon-container {
  border: 4px solid #a6a6a6;
  border-radius: 8px;
  padding: 2px;
}
aside.minileftbar .premise-logo:not(.active):hover .icon-container img {
  border-radius: 3px;
}
aside.minileftbar .premise-logo:not(.active):hover a {
  padding: 5px;
}
aside.minileftbar .premise-logo .icon-container {
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  font-size: 20px;
  background-color: rgb(5.2173913043, 10.1739130435, 12.7826086957);
}
aside.minileftbar .premise-logo .icon-container .zmdi, aside.minileftbar .premise-logo .icon-container .herddogg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
aside.minileftbar .premise-logo .icon-container img {
  border-radius: 4px;
}
aside.minileftbar .active {
  background-color: #142731;
}
aside.minileftbar .active.premise-logo .icon-container {
  border: 4px solid #fff;
  border-radius: 8px;
  padding: 2px;
}
aside.minileftbar .active.premise-logo .icon-container img {
  border-radius: 3px;
}
aside.minileftbar .active.premise-logo a {
  padding: 5px;
}
aside.minileftbar .menu-open {
  height: 0;
}
aside.minileftbar .menu-expand {
  height: 36px;
}
aside.minileftbar span {
  font-size: 20px;
}

.StripeElement {
  border-left: 0 !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
}
.StripeElement--focus {
  border-color: #000;
}

::-moz-placeholder {
  color: #d9d9d9 !important;
}

::placeholder {
  color: #d9d9d9 !important;
}

/* Change input field pills to just underlines a la Material UI */
input.datalist, input[type=text], input[type=number], input[type=email], input[type=password] {
  border-left: 0 !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  height: calc(3rem + 2px);
  border-color: #dee2e6 !important;
  padding-left: 5px;
}
input.datalist.v3-input, input[type=text].v3-input, input[type=number].v3-input, input[type=email].v3-input, input[type=password].v3-input {
  padding-bottom: 0 !important;
}
input:focus {
  border-color: #017e8e !important;
}
input::-moz-placeholder {
  color: #d9d9d9 !important;
}
input::placeholder {
  color: #d9d9d9 !important;
}
input[readonly] {
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  padding-bottom: 0 !important;
}

form label {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
form .input-group-addon {
  border: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

section.app.content {
  margin-right: 0;
  margin-left: 250px;
  padding: 0;
}
@media print {
  section.app.content {
    margin-left: 0;
  }
}

.block-header .breadcrumb {
  margin: 15px 0 0;
}
@media (max-width: 767px) {
  .block-header .breadcrumb {
    margin: 0 0 15px;
  }
}

.bootstrap-select select {
  display: none;
}
.bootstrap-select .dropdown-menu.show {
  overflow: visible !important;
  top: 205px !important;
  background: transparent;
}
.bootstrap-select .dropdown-menu.show:before {
  display: none;
}
.bootstrap-select .dropdown-menu .inner a {
  cursor: pointer;
}

.select2-selection {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.select2-selection .select2-selection__rendered {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0;
}

.form-group .input-group-addon {
  padding-bottom: 0;
}

.input-group .input-group-addon {
  padding-bottom: 0;
}

.input-group-with-addon .field_with_errors input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

[role=tabpanel] {
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}
[role=tabpanel] .table-responsive, [role=tabpanel] .table-controls {
  padding-left: 10px !important;
  padding-right: 10px !important;
  overflow-y: hidden;
}
@media (max-width: 767px) {
  [role=tabpanel] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.pagination .page-item.disabled > .page-link {
  color: #868686;
}
.pagination .page-item .page-link {
  color: #616161;
}

.profile-page .profile-header .detail .u_name {
  margin-bottom: -100px;
}
.profile-page .profile-header .user_earnings {
  text-align: right;
}
.profile-page .profile-header .user_pic {
  background: #fff;
  bottom: -45px;
}
.profile-page .profile_tab {
  margin-bottom: 37px;
  margin-top: -75px;
}

.sidebar {
  height: 100vh;
}
.sidebar.open {
  left: 50px;
}
@media (max-width: 767px) {
  .sidebar.open {
    left: 36px;
  }
}
.sidebar .menu .list, .sidebar .menu .slimScrollDiv {
  height: 100vh !important;
  overflow-x: visible !important;
}
@media (max-width: 767px) {
  .sidebar .menu .list > li:last-child {
    padding-bottom: 0;
  }
}
.sidebar .premise-settings-link {
  position: absolute !important;
  top: 15px;
  right: 15px;
  height: 25px;
  width: 25px;
  padding: 0 !important;
}
.sidebar .premise-settings-link .herddogg-icon, .sidebar .premise-settings-link .zmdi {
  font-size: 25px;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
}
.sidebar .user-info {
  display: flex;
  align-items: center;
}
.sidebar .user-info .avatar {
  position: relative;
  height: 60px;
  width: 60px;
}
.sidebar .user-info .avatar .stewardship-icon {
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #017e8e;
  font-weight: bold;
  height: 25px;
  width: 25px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  z-index: 10;
  color: #fff;
}
.sidebar .user-info .avatar .premise-avatar {
  color: #fff !important;
  font-size: 65px;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card, .card.v3-container {
  background-color: #fff;
}
.card h2, .card h3, .card.v3-container h2, .card.v3-container h3 {
  font-weight: bold;
}
.card h2, .card.v3-container h2 {
  font-size: 34px;
}
.card h3, .card.v3-container h3 {
  font-size: 19px;
}
.card .card-row, .card.v3-container .card-row {
  padding: 2em 0 3em 0;
}
.card .card-row.divider, .card.v3-container .card-row.divider {
  border-bottom: 1px solid #DEE2E6;
}
.card .card-footer, .card.v3-container .card-footer {
  background-color: #fff;
  padding: 0 2em;
}
.card .card-header, .card.v3-container .card-header {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.card .card-header .actions .ellipsis, .card.v3-container .card-header .actions .ellipsis {
  font-size: 30px;
  line-height: 1rem;
  color: #ccc;
}
.card .card-header .actions ul li a, .card.v3-container .card-header .actions ul li a {
  display: flex;
}
.card .site-traffic-header, .card.v3-container .site-traffic-header {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

#dashboard-v3 .card .card-header {
  padding-bottom: 0px;
}
#dashboard-v3 .avatar {
  text-align: center;
}
#dashboard-v3 .avatar .herddogg-icon {
  font-size: 160px;
}
#dashboard-v3 .card.archived .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #b3bbc2;
}

@keyframes coin-rotation {
  0% {
    transform: rotate3d(0, 1, 0, 0deg);
  }
  50% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 360deg);
  }
}
.coin-container {
  perspective: 1000;
}
.coin-container .coin {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: coin-rotation;
  animation-timing-function: linear;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}
.coin-container .coin .face {
  backface-visibility: hidden;
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.coin-container .coin .face.heads {
  transform: rotateY(0deg);
  z-index: 2;
}
.coin-container .coin .face.tails {
  transform: rotateY(180deg);
  z-index: 1;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.dataTables_length, .dataTables_info {
  float: left;
  padding: 20px 0 10px;
  font-style: italic;
  font-size: 14px;
  color: #757575;
}

.dataTables_filter, .dataTable_paginate {
  float: right;
  padding: 20px 0 10px;
}

.dataTables_info {
  padding: 0 !important;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.dataTables_empty {
  padding: 10px 0 !important;
}

.dataTables_paginate ul.pagination {
  margin: 0 !important;
  min-height: 40px;
  align-items: center;
}
.dataTables_paginate ul.pagination .page-item .page-link {
  padding: 0;
  min-width: 25px;
  line-height: 25px;
  height: 25px;
  font-size: 12px;
}
.dataTables_paginate ul.pagination .page-item.active > .page-link {
  background-color: #017e8e;
  box-shadow: none;
}

table.dataTable {
  background-color: #fff;
  margin-top: 0 !important;
  margin-bottom: 100px;
  border-collapse: collapse !important;
  width: 100% !important;
}
table.dataTable .device-list-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 40px;
  width: 40px;
  font-size: 32px;
}
table.dataTable .device-list-icon .active-tagging {
  color: #017e8e;
  font-size: 16px !important;
  position: absolute;
  right: -8px !important;
  top: 20% !important;
  transform: translateY(-50%);
  height: 16px !important;
  width: 16px !important;
  z-index: 10;
}
table.dataTable .device-list-icon .label {
  font-size: 16px;
  padding-left: 0.5em;
}
table.dataTable .site-list-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 40px;
  width: 72px;
  font-size: 32px;
}
table.dataTable .site-list-icon .label {
  font-size: 16px;
  padding-left: 0.5em;
}
table.dataTable .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 40px;
  width: 40px;
  font-size: 40px;
}
table.dataTable .avatar.selected:after {
  content: "✔";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(30, 182, 0, 0.58);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  border-radius: inherit;
}
table.dataTable .avatar img {
  height: 100%;
  max-width: 100%;
}
table.dataTable .avatar .herddogg-icon {
  padding: 2px;
}
table.dataTable .avatar .zmdi, table.dataTable .avatar .herddogg-icon {
  color: #000;
  width: 100% !important;
  height: 100% !important;
  font-size: 80%;
}
table.dataTable .avatar .active-tagging {
  color: #017e8e;
  font-size: 16px !important;
  position: absolute;
  right: -8px !important;
  top: 35% !important;
  transform: translateY(-50%);
  height: 16px !important;
  width: 16px !important;
  z-index: 10;
}
table.dataTable tbody {
  font-size: 1.6rem;
}
table.dataTable .resource-title {
  font-weight: 600;
}
table.dataTable .event-resource-link {
  font-size: 1.9rem;
  font-weight: bold;
  margin-left: 15px;
}
table.dataTable .event-metadata-link {
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 15px;
}
table.dataTable th {
  border: none !important;
  vertical-align: bottom;
  position: relative;
  padding-left: 1.5rem;
  font-weight: normal;
}
table.dataTable th[data-orderable=false] {
  padding-left: 0;
}
table.dataTable th[data-orderable=false]:before, table.dataTable th[data-orderable=false]:after {
  content: "" !important;
}
table.dataTable th:hover {
  background-color: #e0e0e0;
}
table.dataTable th:before, table.dataTable th:after {
  left: 0.35rem;
  font-size: 18px;
  font-weight: bold;
  bottom: 0.2em !important;
  position: absolute;
  font-family: "Material-Design-Iconic-Font";
}
table.dataTable th:before {
  transform: translateY(-15%);
  content: "\f2f8" !important;
}
table.dataTable th:after {
  transform: translateY(15%);
  content: "\f2f2" !important;
}
table.dataTable td {
  padding: 0.5rem;
  padding-left: 0;
}
table.dataTable td .dropdown-item .zmdi {
  font-size: 14px;
  height: 100%;
  padding: 0;
}
table.dataTable td .event-icon {
  font-size: 30px;
}

.table-responsive, .table-controls {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .table-responsive, .table-controls {
    padding: 0 10px;
  }
}

.new-resource-form .input-group-focus .zmdi, .new-resource-form .input-group-focus .herddogg-icon {
  color: #000 !important;
}
.new-resource-form .input-group-addon {
  background-color: rgba(0, 0, 0, 0);
}
.new-resource-form .input-group-addon + input:focus {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.new-resource-form input:focus, .new-resource-form input:active {
  border-radius: 5px !important;
  border-bottom: 0px !important;
}
.new-resource-form .select2-selection {
  background-color: inherit !important;
}
.new-resource-form .select2-container--open .select2-selection {
  background-color: #fff !important;
}

.table-responsive {
  min-height: 300px;
  padding-bottom: 75px;
}

.table-controls {
  width: 100%;
  text-align: left !important;
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #000;
  padding-top: 12px;
  font-size: 1.6rem;
  padding-bottom: 12px;
  justify-content: space-between;
}
.table-controls a {
  color: inherit;
}
@media screen and (max-width: 992px) {
  .table-controls {
    flex-direction: column;
    align-items: flex-start;
    height: 110px;
  }
  .table-controls .control-label {
    width: 80px;
  }
  .table-controls .event-search {
    margin-left: 0 !important;
  }
}
.table-controls > * {
  display: flex;
  align-items: center;
}
.table-controls input::-moz-placeholder {
  font-size: 14px !important;
}
.table-controls input::placeholder {
  font-size: 14px !important;
}
.table-controls input, .table-controls .select2-container .select2-selection {
  max-width: 250px;
  width: 100%;
  background-color: #fff !important;
  border: none !important;
  margin: 0 !important;
  border-radius: 0 30px 30px 0 !important;
}
.table-controls input, .table-controls .select2-container .select2-selection {
  border: 1px solid #ccc !important;
  border-left-width: 0px !important;
}
.table-controls input input, .table-controls .select2-container .select2-selection input {
  border: none !important;
}
.table-controls .select2 {
  width: 220px;
  max-width: 220px;
}
.table-controls .select2-selection__rendered {
  max-width: 275px;
}
.table-controls .select2-search__field {
  max-width: 240px;
}
.table-controls .select2-search {
  width: 100%;
}
.table-controls .select2-search input.select2-search__field {
  width: 100% !important;
  min-width: unset !important;
}
.table-controls .input-group-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #ccc !important;
  border-right-width: 0px !important;
  padding-left: 1em !important;
}
.table-controls .input-group-addon .zmdi-search {
  font-size: 23px;
}
.table-controls .input-group, .table-controls input, .table-controls select {
  max-height: 100%;
  height: 100%;
}
.table-controls .input-group input#event-search-input {
  color: #000 !important;
  min-width: 250px;
  background-color: #fff;
  border-radius: 0 30px 30px 0;
}
.table-controls .input-group input#daterangefilter {
  color: #000 !important;
  min-width: 250px;
  background-color: #fff;
  height: 100%;
  border-radius: 0 30px 30px 0 !important;
}
.table-controls .status-filters .status-filter {
  border-radius: 20px;
  color: #fff;
  background-color: #626470;
  font-size: 18px;
  padding: 6px;
}
.table-controls .status-filters .status-filter:hover {
  cursor: pointer;
}

.table-controls.flat-table-controls {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

.tab-content.flat-tab-content {
  background-color: transparent;
  box-shadow: none;
}
.tab-content.flat-tab-content .tab-pane {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
.tab-content.flat-tab-content table.dataTable {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0 15px;
}

.showing {
  padding: 0.5em 0;
}
.showing .dataTables_info {
  display: inline;
  color: inherit;
  font-size: inherit;
  padding: 0 0.5em 0 0 !important;
}
.showing .dataTables_length {
  float: right;
  display: block;
  padding: 0;
}
.showing .dataTables_length .lengthMenu {
  display: inline-flex;
  align-items: center;
}
.showing .dataTables_length .lengthMenu select {
  margin-left: 0.25em;
  padding: 0 1em;
}

table.dataTable.v3-table {
  border-collapse: separate !important;
  border-spacing: 0 10px;
  padding: 0;
  background-color: transparent;
}
table.dataTable.v3-table th {
  padding-top: 0;
  font-weight: normal;
}
table.dataTable.v3-table th:hover {
  background-color: transparent;
}
table.dataTable.v3-table tr td:first-child {
  padding-left: 1em;
  border-radius: 10px 0 0 10px;
}
table.dataTable.v3-table tr td:last-child {
  padding-right: 1em;
  border-radius: 0 10px 10px 0;
}
table.dataTable.v3-table tbody tr {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
  margin: 1em;
  padding: 1em;
  width: 90%;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
table.dataTable.v3-table tbody tr td {
  border-top: none;
  background-color: #fff;
}
table.dataTable.v3-table tbody tr td p {
  margin: 0;
}
table.dataTable.v3-table.table-hover tbody tr:hover {
  background-color: transparent !important;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}
table.dataTable.v3-table .device-list-icon .herddogg-icon-doggbone-gray {
  font-size: 0.9em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.esri-view-surface {
  border-radius: 10px;
}

.esri-popup {
  border-radius: 10px;
}
.esri-popup[class*=esri-popup--aligned-top-] .esri-popup__footer {
  border-top: solid 1px rgba(110, 110, 110, 0.3);
}
.esri-popup .esri-popup__main-container {
  border-radius: inherit;
  font-family: "Montserrat", sans-serif;
}
.esri-popup .esri-popup__main-container .esri-popup__header-title {
  font-size: 16px !important;
}
.esri-popup .esri-popup__inline-actions-container {
  justify-content: space-between !important;
}
.esri-popup .esri-popup__inline-actions-container .esri-popup__action {
  font-weight: bold !important;
  color: #017e8e !important;
}
.esri-popup .esri-popup__inline-actions-container .esri-popup__action .esri-popup__icon {
  font-weight: bold !important;
}

@font-face {
  font-family: "hd-file-type-icons";
  src: url(/assets/hd-file-type-icons-d330cdefbe2d1793bcf432d341a55b38a38ef53b0575291cea43636df6107964.eot);
  src: url(/assets/hd-file-type-icons-d330cdefbe2d1793bcf432d341a55b38a38ef53b0575291cea43636df6107964.eot?#iefix) format("embedded-opentype"), url(/assets/hd-file-type-icons-9d1702e150a35ba2a0ac0859c8c0a044b1f2f8f63f505e7f16822f8263546042.woff) format("woff"), url(/assets/hd-file-type-icons-8c614568f5d5174c8410afa426e9e6fb0b735e34f5b89a69b7b54eee3be55715.ttf) format("truetype"), url(/assets/hd-file-type-icons-3370f29309ba7131e1cbd5798a0976e5a3002ce4b62d272984f6bacb09ed7c19.svg#hd-file-type-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "hd-file-type-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=hdfont-]:before,
[class*=" hdfont-"]:before {
  font-family: "hd-file-type-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hdfont {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hdfont-3gp:before {
  content: "a";
}

.hdfont-3gp-dark:before {
  content: "b";
}

.hdfont-bmp:before {
  content: "c";
}

.hdfont-bmp-dark:before {
  content: "d";
}

.hdfont-csv:before {
  content: "e";
}

.hdfont-csv-dark:before {
  content: "f";
}

.hdfont-dat:before {
  content: "g";
}

.hdfont-dat-dark:before {
  content: "h";
}

.hdfont-doc:before {
  content: "i";
}

.hdfont-doc-dark:before {
  content: "j";
}

.hdfont-docx:before {
  content: "k";
}

.hdfont-docx-dark:before {
  content: "l";
}

.hdfont-eps:before {
  content: "m";
}

.hdfont-eps-dark:before {
  content: "n";
}

.hdfont-exe:before {
  content: "o";
}

.hdfont-exe-dark:before {
  content: "p";
}

.hdfont-gif:before {
  content: "q";
}

.hdfont-gif-dark:before {
  content: "r";
}

.hdfont-html:before {
  content: "s";
}

.hdfont-html-dark:before {
  content: "t";
}

.hdfont-jpeg:before {
  content: "u";
}

.hdfont-jpeg-dark:before {
  content: "v";
}

.hdfont-jpg:before {
  content: "w";
}

.hdfont-jpg-dark:before {
  content: "x";
}

.hdfont-log:before {
  content: "y";
}

.hdfont-log-dark:before {
  content: "z";
}

.hdfont-mp3:before {
  content: "A";
}

.hdfont-mp3-dark:before {
  content: "B";
}

.hdfont-mp4:before {
  content: "C";
}

.hdfont-mp4-dark:before {
  content: "D";
}

.hdfont-pdf:before {
  content: "E";
}

.hdfont-pdf-dark:before {
  content: "F";
}

.hdfont-png:before {
  content: "G";
}

.hdfont-png-dark:before {
  content: "H";
}

.hdfont-ppt:before {
  content: "I";
}

.hdfont-ppt-dark:before {
  content: "J";
}

.hdfont-pptx:before {
  content: "K";
}

.hdfont-pptx-dark:before {
  content: "L";
}

.hdfont-rar:before {
  content: "M";
}

.hdfont-rar-dark:before {
  content: "N";
}

.hdfont-rtf:before {
  content: "O";
}

.hdfont-rtf-dark:before {
  content: "P";
}

.hdfont-svg:before {
  content: "Q";
}

.hdfont-svg-dark:before {
  content: "R";
}

.hdfont-tar:before {
  content: "S";
}

.hdfont-tiff:before {
  content: "T";
}

.hdfont-tiff-dark:before {
  content: "U";
}

.hdfont-txt:before {
  content: "V";
}

.hdfont-txt-dark:before {
  content: "W";
}

.hdfont-unknown:before {
  content: "X";
}

.hdfont-unknown-lg:before {
  content: "Y";
}

.hdfont-xls:before {
  content: "Z";
}

.hdfont-xls-dark:before {
  content: "0";
}

.hdfont-xlsx:before {
  content: "1";
}

.hdfont-xlsx-dark:before {
  content: "2";
}

.hdfont-zip:before {
  content: "3";
}

.hdfont-zip-dark:before {
  content: "4";
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.flash-messages {
  position: fixed;
  bottom: 45px;
  left: 45px;
  z-index: 9999999 !important;
}
.flash-messages .alert {
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
}
.flash-messages .alert button {
  color: inherit;
}
.flash-messages .alert.alert-dark {
  color: #343a40;
}
.flash-messages .alert.alert-warning {
  color: #000;
}

.content.home .flash-messages {
  position: relative;
  bottom: unset;
  left: unset;
}
.content.home .flash-messages .alert {
  padding-left: 40px;
  padding-right: 40px;
}

label.control-checkbox, label.control-radio {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px;
  height: 16px;
}
label.control-checkbox .input-indicator:after, label.control-radio .input-indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}
label.control-checkbox input[type=checkbox], label.control-checkbox input[type=radio], label.control-radio input[type=checkbox], label.control-radio input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
label.control-checkbox .input-indicator, label.control-radio .input-indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  box-shadow: 0px 3px 10px #e6e6e6 inset;
  border: 0px solid #000000;
  border-radius: 4px;
}
label.control-checkbox input:checked + .input-indicator:before, label.control-radio input:checked + .input-indicator:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: #32becf;
  border-radius: 3rem;
  opacity: 0.6;
  z-index: 100;
  transform: scale(0);
  animation: check-animation 250ms ease-in;
}
label.control-checkbox:hover input ~ .input-indicator,
label.control-checkbox input:focus ~ .input-indicator, label.control-radio:hover input ~ .input-indicator,
label.control-radio input:focus ~ .input-indicator {
  background: linear-gradient(#e6e6e6, #f9f9f9);
}
label.control-checkbox input:checked ~ .input-indicator, label.control-radio input:checked ~ .input-indicator {
  background: #32becf;
  box-shadow: none;
}
label.control-checkbox input:checked ~ .input-indicator:after, label.control-radio input:checked ~ .input-indicator:after {
  display: block;
  border: solid #ffffff;
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
label.control-checkbox input:checked ~ .input-indicator:before, label.control-radio input:checked ~ .input-indicator:before {
  animation: uncheck-animation 250ms ease-out;
}
label.control-checkbox:hover input:not([disabled]):checked ~ .input-indicator,
label.control-checkbox input:checked:focus ~ .input-indicator, label.control-radio:hover input:not([disabled]):checked ~ .input-indicator,
label.control-radio input:checked:focus ~ .input-indicator {
  background: rgb(43.9209486166, 172.023715415, 187.5790513834);
}
label.control-checkbox input:disabled ~ .input-indicator, label.control-radio input:disabled ~ .input-indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
label.control-checkbox input:disabled ~ .input-indicator:after, label.control-radio input:disabled ~ .input-indicator:after {
  border-color: #7b7b7b;
}

label.control-radio .input-indicator {
  border-radius: 16px;
}

label.invalid input:checked ~ .input-indicator {
  background: #dc3545;
}
label.invalid input:checked ~ .input-indicator:after {
  content: "×";
  border: none;
  transform: rotate(0deg);
  transform: translate(-3px, -18px);
  font-size: 16px;
  color: white;
  font-weight: bold;
}
label.invalid:hover input:not([disabled]):checked ~ .input-indicator,
label.invalid input:checked:focus ~ .input-indicator {
  background: rgb(229.5, 0, 0);
}
label.invalid input:checked + .input-indicator:before {
  background: red;
}

@keyframes check-animation {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
@keyframes uncheck-animation {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
form, .non-editable {
  font-size: 16px;
}
form .control-group, .non-editable .control-group {
  padding: 0 10px;
  width: 100%;
}
form .control-group label, .non-editable .control-group label {
  font-size: 9px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px !important;
  vertical-align: bottom;
}
form .control-group label.required::before, .non-editable .control-group label.required::before {
  content: "*";
  font-size: 14px;
  line-height: 10px;
  display: inline-block;
  vertical-align: bottom;
}
form .control-group input, form .control-group .read-only, form .control-group select, form .control-group textarea, form .control-group .select2, .non-editable .control-group input, .non-editable .control-group .read-only, .non-editable .control-group select, .non-editable .control-group textarea, .non-editable .control-group .select2 {
  font-size: 1em;
  padding: 0.5em 0;
  display: block;
}
form .control-group textarea, .non-editable .control-group textarea {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
form .control-group input:not(:focus), form .control-group select:not(:focus), form .control-group textarea:not(:focus), form .control-group .select2:not(:focus), .non-editable .control-group input:not(:focus), .non-editable .control-group select:not(:focus), .non-editable .control-group textarea:not(:focus), .non-editable .control-group .select2:not(:focus) {
  border-bottom: 1px solid #e5e9ed !important;
}
form .control-group .read-only, .non-editable .control-group .read-only {
  border-bottom: none;
}
form .control-group textarea, .non-editable .control-group textarea {
  width: 100%;
  border: 1px solid #e5e9ed;
}
form .control-group .select2, .non-editable .control-group .select2 {
  padding: 0;
}
form .control-group .input-group input, .non-editable .control-group .input-group input {
  padding-left: 0px;
}
form .control-group .read-only, .non-editable .control-group .read-only {
  min-height: 2.5em;
}
form .control-group .error-message, .non-editable .control-group .error-message {
  padding: 0;
}
form .control-group .table-responsive, .non-editable .control-group .table-responsive {
  min-height: auto;
}

form .form-row.cols-2, .non-editable .form-row.cols-2 {
  display: flex;
  flex-direction: row;
}
form .form-row.cols-2 .control-group, .non-editable .form-row.cols-2 .control-group {
  flex: 50%;
}
form .form-row.horizontal, .non-editable .form-row.horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
}
form .form-row.horizontal .control-group, .non-editable .form-row.horizontal .control-group {
  flex: 1;
}
form .form-row.address, .non-editable .form-row.address {
  display: flex;
}
form .form-row.address .control-group.city, .non-editable .form-row.address .control-group.city {
  flex: 4;
}
form .form-row.address .control-group.state, .non-editable .form-row.address .control-group.state {
  flex: 2;
  max-width: 60px;
}
form .form-row.address .control-group.zip, .non-editable .form-row.address .control-group.zip {
  flex: 2;
  max-width: 100px;
}
form .upload-control-group, .non-editable .upload-control-group {
  display: flex;
}

.remove-form-row {
  text-transform: uppercase;
  font-size: 0.9em;
}

.add-form-row {
  margin-top: 0.5em;
  margin-left: 10px;
  font-size: 0.9em;
  display: block;
}

.form-group .form-control, .input-group .form-control {
  padding-left: 0px;
}

.form-control[disabled] {
  background-color: #f0f0f0;
  padding: 0 6px;
}

form .card-footer .actions, .non-editable .card-footer .actions {
  margin: 1.6em 0;
  display: flex;
  justify-content: flex-end;
}
form .card-footer .actions input[type=submit], form .card-footer .actions a, form .card-footer .actions button, .non-editable .card-footer .actions input[type=submit], .non-editable .card-footer .actions a, .non-editable .card-footer .actions button {
  font-size: 0.9em;
  line-height: 3em;
  margin: 0;
  margin-left: 2em;
  text-transform: uppercase;
}
form .card-footer .actions .btn-primary, .non-editable .card-footer .actions .btn-primary {
  padding: 0 3em;
}
form .card-footer .actions .btn, .non-editable .card-footer .actions .btn {
  padding-top: 0px;
  padding-bottom: 0px;
}
form .card-footer .actions .alternate-actions, .non-editable .card-footer .actions .alternate-actions {
  margin-right: auto;
}
form .card-footer .actions .alternate-actions input[type=submit], form .card-footer .actions .alternate-actions a, form .card-footer .actions .alternate-actions button, .non-editable .card-footer .actions .alternate-actions input[type=submit], .non-editable .card-footer .actions .alternate-actions a, .non-editable .card-footer .actions .alternate-actions button {
  margin-left: 0;
  margin-right: 2em;
}

body .modal-action .btn-primary.btn:disabled, body .modal-action .btn-primary.btn[disabled], body .modal-action .btn-primary.btn.disabled {
  opacity: 1;
  background-color: #a9a9a9 !important;
  color: #767676 !important;
  cursor: default;
}

.text-link.btn-open, .btn-open {
  padding: 11px 23px;
  border-radius: 2em;
  border: 1px solid #017e8e;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: normal !important;
  text-align: center;
  color: #017e8e;
}
.text-link.btn-open:hover, .btn-open:hover {
  background-color: #fff;
  color: #017e8e;
}

.row .role-name {
  font-weight: bold;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

/* 62.5% is equivilant to 10px
This allows all rem sizing styles to be Npx / 10
Example: 1.5rem == 15px, 3.4rem == 34px */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  font-family: "GothamSSm", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden !important;
}

.esri-widget {
  font-size: 1.4rem;
  font-family: "GothamSSm", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.primary-content {
  margin: 3rem 3rem 0 3rem;
}

table.table thead th {
  font-weight: lighter;
  border-bottom-width: 1px;
  font-size: 0.9em;
}

section.constrained {
  margin: 3rem;
  padding: 1.5rem;
  width: calc(100% - 6rem);
}

.hd-modal .logo-left {
  text-align: left !important;
  max-width: 180px;
  padding: 0;
  margin-left: 1em;
  margin-top: 1em;
}
.hd-modal h2 {
  text-align: center;
  font-size: 48px;
  margin-top: 2rem;
  margin-bottom: 0 !important;
  font-weight: bold;
}
.hd-modal .sub-title {
  font-size: 20px;
}
.hd-modal .rounded-button {
  border-radius: 25px;
}

.card.graph {
  padding: 0 1rem 1.5rem 1rem;
}
.card.graph .graph-header-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.card.graph .v3-dropdown {
  margin-left: 1rem;
}
.card.graph .dropdown {
  margin-left: 3rem;
}

/* 
  To modify this font set, import the herddogg-icons-2.svg file 
  into an icon services like icomoon.io or fontastic.me.
  Replace existing svg, woff, ttf, and eot files with the new ones.
  Then update styles below. 
  Note that the general styles at the top of this file have customizations.
*/
@font-face {
  font-family: "herddogg-icons-2";
  src: url(/fonts/herddogg-icons-2.eot);
  src: url(/fonts/herddogg-icons-2.eot?#iefix) format("embedded-opentype"), url(/fonts/herddogg-icons-2.woff) format("woff"), url(/fonts/herddogg-icons-2.ttf) format("truetype"), url(/fonts/herddogg-icons-2.svg#herddogg-icons-2) format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "herddogg-icons-2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=herddogg-icon-]:before,
[class*=" herddogg-icon-"]:before {
  font-family: "herddogg-icons-2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.herddogg-icon-add-beef:before {
  content: "a";
}

.herddogg-icon-dairy-herd-list:before {
  content: "b";
}

.herddogg-icon-health:before {
  content: "c";
}

.herddogg-icon-sheep-head:before {
  content: "d";
}

.herddogg-icon-sheep-herd-count:before {
  content: "e";
}

.herddogg-icon-healthy-herds:before {
  content: "f";
}

.herddogg-icon-doggblog:before {
  content: "g";
}

.herddogg-icon-add-dairy:before {
  content: "h";
}

.herddogg-icon-add-sheep:before {
  content: "i";
}

.herddogg-icon-doggblog2:before {
  content: "j";
}

.herddogg-icon-herddogg-logo:before {
  content: "k";
}

.herddogg-icon-sheep-herd-list:before {
  content: "l";
}

.herddogg-icon-herddogg-logomark:before {
  content: "m";
}

.herddogg-icon-doggbone:before {
  content: "n";
}

.herddogg-icon-avatar:before {
  content: "o";
}

.herddogg-icon-beef-head:before {
  content: "p";
}

.herddogg-icon-doggbone2:before {
  content: "q";
}

.herddogg-icon-herddogg-logotype:before {
  content: "r";
}

.herddogg-icon-track-dairy:before {
  content: "s";
}

.herddogg-icon-track-sheep:before {
  content: "t";
}

.herddogg-icon-internet-of-herds:before {
  content: "u";
}

.herddogg-icon-doggtag:before {
  content: "v";
}

.herddogg-icon-beef-herd-count:before {
  content: "w";
}

.herddogg-icon-beef-herd-list:before {
  content: "x";
}

.herddogg-icon-doggtag2:before {
  content: "y";
}

.herddogg-icon-ioh:before {
  content: "z";
}

.herddogg-icon-tracking-cow:before {
  content: "A";
}

.herddogg-icon-tracking-cow2:before {
  content: "B";
}

.herddogg-icon-laying:before {
  content: "C";
}

.herddogg-icon-doggtag-doggbone:before {
  content: "D";
}

.herddogg-icon-drinking:before {
  content: "E";
}

.herddogg-icon-location:before {
  content: "F";
}

.herddogg-icon-tracking-dogg:before {
  content: "G";
}

.herddogg-icon-tracking-tag:before {
  content: "H";
}

.herddogg-icon-mounting:before {
  content: "I";
}

.herddogg-icon-eating:before {
  content: "J";
}

.herddogg-icon-broken-doggtag:before {
  content: "K";
}

.herddogg-icon-estrus:before {
  content: "L";
}

.herddogg-icon-pair-doggbone:before {
  content: "M";
}

.herddogg-icon-tracking-tag2:before {
  content: "N";
}

.herddogg-icon-treatment:before {
  content: "O";
}

.herddogg-icon-gathering:before {
  content: "P";
}

.herddogg-icon-circle:before {
  content: "Q";
}

.herddogg-icon-dairy-herd-count:before {
  content: "R";
}

.herddogg-icon-ruminating:before {
  content: "S";
}

.herddogg-icon-wheres-the-beef:before {
  content: "T";
}

.herddogg-icon-feedback:before {
  content: "U";
}

.herddogg-icon-help:before {
  content: "V";
}

.herddogg-icon-logout:before {
  content: "W";
}

.herddogg-icon-pair-doggtag2:before {
  content: "X";
}

.herddogg-icon-dashboard:before {
  content: "Y";
}

.herddogg-icon-settings:before {
  content: "Z";
}

.herddogg-icon-biometrics:before {
  content: "0";
}

.herddogg-icon-calves:before {
  content: "1";
}

.herddogg-icon-feed:before {
  content: "2";
}

.herddogg-icon-hospital:before {
  content: "3";
}

.herddogg-icon-maternity:before {
  content: "4";
}

.herddogg-icon-milk-barn:before {
  content: "5";
}

.herddogg-icon-mobile:before {
  content: "6";
}

.herddogg-icon-social:before {
  content: "7";
}

.herddogg-icon-water:before {
  content: "8";
}

.herddogg-icon-broken-doggbone:before {
  content: "9";
}

.herddogg-icon-pair-doggtag:before {
  content: "!";
}

.herddogg-icon-doggtag-fill:before, .herddogg-icon-doggtag-old:before, .herddogg-icon-doggtag-welfarenfctag:before, .herddogg-icon-doggtag-welfare:before, .herddogg-icon-doggtag-trace:before, .herddogg-icon-doggtag-gray:before {
  content: '"';
}

.herddogg-icon-doggtag-led:before {
  content: "#";
}

.herddogg-icon-doggtag-outline:before {
  content: "$";
}

.herddogg-icon-calves-1:before {
  content: "%";
}

.herddogg-icon-calves-round:before {
  content: "&";
}

.herddogg-icon-calves-square:before {
  content: "'";
}

.herddogg-icon-feed-1:before {
  content: "(";
}

.herddogg-icon-feed-round:before {
  content: ")";
}

.herddogg-icon-feed-square:before {
  content: "*";
}

.herddogg-icon-hhi:before {
  content: "+";
}

.herddogg-icon-hospital-1:before {
  content: ",";
}

.herddogg-icon-hospital-round:before {
  content: "-";
}

.herddogg-icon-hospital-square:before {
  content: ".";
}

.herddogg-icon-maternity-1:before {
  content: "/";
}

.herddogg-icon-maternity-round:before {
  content: ":";
}

.herddogg-icon-maternity-square:before {
  content: ";";
}

.herddogg-icon-milk-barn-1:before {
  content: "<";
}

.herddogg-icon-milk-barn-round:before {
  content: "=";
}

.herddogg-icon-milk-barn-square:before {
  content: ">";
}

.herddogg-icon-mobile-1:before {
  content: "?";
}

.herddogg-icon-mobile-round:before {
  content: "@";
}

.herddogg-icon-mobile-square:before {
  content: "[";
}

.herddogg-icon-pasture:before {
  content: "]";
}

.herddogg-icon-pasture-round:before {
  content: "^";
}

.herddogg-icon-pasture-square:before {
  content: "_";
}

.herddogg-icon-ruminating2:before {
  content: "`";
}

.herddogg-icon-social-1:before {
  content: "{";
}

.herddogg-icon-social-round:before {
  content: "|";
}

.herddogg-icon-social-square:before {
  content: "}";
}

.herddogg-icon-tracking-beef:before {
  content: "~";
}

.herddogg-icon-tracking-dairy:before {
  content: "\\";
}

.herddogg-icon-tracking-sheep:before {
  content: "\e000";
}

.herddogg-icon-water-1:before {
  content: "\e001";
}

.herddogg-icon-water-round:before {
  content: "\e002";
}

.herddogg-icon-water-square:before {
  content: "\e003";
}

.herddogg-icon-missing-doggtag:before {
  content: "\e004";
}

.herddogg-icon-add-location:before {
  content: "\e005";
}

.herddogg-icon-missing-beef:before {
  content: "\e006";
}

.herddogg-icon-missing-dairy:before {
  content: "\e007";
}

.herddogg-icon-missing-sheep:before {
  content: "\e008";
}

.herddogg-icon-pair-drone:before {
  content: "\e009";
}

.herddogg-icon-pair-drone-beef:before {
  content: "\e00a";
}

.herddogg-icon-pair-drone-dairy:before {
  content: "\e00b";
}

.herddogg-icon-pair-drone-sheep:before {
  content: "\e00c";
}

.herddogg-icon-pair-scale:before {
  content: "\e00d";
}

.herddogg-icon-pair-scale-beef:before {
  content: "\e00e";
}

.herddogg-icon-pair-scale-dairy:before {
  content: "\e00f";
}

.herddogg-icon-pair-scale-sheep:before {
  content: "\e010";
}

.herddogg-icon-pin-estrus:before {
  content: "\e011";
}

.herddogg-icon-pin-water:before {
  content: "\e012";
}

.herddogg-icon-qr:before {
  content: "\e013";
}

.herddogg-icon-pin-feed:before {
  content: "\e014";
}

.herddogg-icon-pin-fill:before {
  content: "\e015";
}

.herddogg-icon-qr-question:before {
  content: "\e016";
}

.herddogg-icon-saucer:before {
  content: "\e017";
}

.herddogg-icon-pin-health:before {
  content: "\e018";
}

.herddogg-icon-pin-laying:before {
  content: "\e019";
}

.herddogg-icon-tag-tool:before {
  content: "\e01a";
}

.herddogg-icon-pin-location:before {
  content: "\e01b";
}

.herddogg-icon-pin-maternity:before {
  content: "\e01c";
}

.herddogg-icon-pin-milking:before {
  content: "\e01d";
}

.herddogg-icon-pin-mobile:before {
  content: "\e01e";
}

.herddogg-icon-pin-mounting:before {
  content: "\e01f";
}

.herddogg-icon-pin-pasture:before {
  content: "\e020";
}

.herddogg-icon-pin-ruminating:before {
  content: "\e021";
}

.herddogg-icon-pin-social:before {
  content: "\e022";
}

.herddogg-icon-bison-profile:before {
  content: "\e026";
}

.herddogg-icon-checkup:before {
  content: "\e02a";
}

.herddogg-icon-castrate:before {
  content: "\e02b";
}

.herddogg-icon-pin-breed:before {
  content: "\e02c";
}

.herddogg-icon-protocols:before {
  content: "\e02e";
}

.herddogg-icon-vaccinate:before {
  content: "\e029";
}

.herddogg-icon-ultrasound:before {
  content: "\e02f";
}

.herddogg-icon-insemination:before {
  content: "\e028";
}

.herddogg-icon-bison:before {
  content: "\e023";
}

.herddogg-icon-bison-add:before {
  content: "\e024";
}

.herddogg-icon-bison-question:before {
  content: "\e027";
}

.herddogg-icon-bison-alt:before {
  content: "\e025";
}

.herddogg-icon-ruminating3:before {
  content: "\e030";
}

.herddogg-icon-branding:before {
  content: "\e02d";
}

.herddogg-icon-culling:before {
  content: "\e031";
}

.herddogg-icon-logo:before {
  content: "\e032";
}

.herddogg-icon-logo-right:before {
  content: "\e033";
}

.herddogg-icon-medic:before {
  content: "\e034";
}

.herddogg-icon-grange:before {
  content: "\e035";
}

.herddogg-icon-skydogg:before {
  content: "\e036";
}

.herddogg-icon-skydogg-doggbone:before {
  content: "\e037";
}

.herddogg-icon-dogghouse:before {
  content: "\e038";
}

.herddogg-icon-megaphone:before {
  content: "\e039";
}

.herddogg-icon-beef-transfer:before {
  content: "\e03a";
}

.herddogg-icon-cmp-application:before {
  content: "\e03b";
}

.herddogg-icon-delivery-truck:before {
  content: "\e03c";
}

.herddogg-icon-dehorn:before {
  content: "\e03e";
}

.herddogg-icon-directory:before {
  content: "\e03f";
}

.herddogg-icon-application:before {
  content: "\e040";
}

.herddogg-icon-grass:before {
  content: "\e041";
}

.herddogg-icon-heart:before {
  content: "\e042";
}

.herddogg-icon-led-off:before {
  content: "\e043";
}

.herddogg-icon-led-on:before {
  content: "\e044";
}

.herddogg-icon-led-off-big:before {
  content: "\e045";
}

.herddogg-icon-sleep:before {
  content: "\e046";
}

.herddogg-icon-thought-question:before {
  content: "\e047";
}

.herddogg-icon-pacifier:before {
  content: "\e048";
}

.herddogg-icon-water-2:before {
  content: "\e049";
}

.herddogg-icon-usda-logo:before {
  content: "\e04a";
}

.herddogg-icon-no-eid:before {
  content: "\e04b";
}

.herddogg-icon-no-ear-tag:before {
  content: "\e04c";
}

.herddogg-icon-ear-tag:before {
  content: "\e04d";
}

.herddogg-icon-eid:before {
  content: "\e04e";
}

.herddogg-icon-doggbone-dark:before, .herddogg-icon-doggbone-gray:before {
  content: "\e04f";
}

.herddogg-icon-doggbone-offline-dark:before {
  content: "\e050";
}

.herddogg-icon-doggtag-dark:before {
  content: "\e051";
}

.herddogg-icon-doggtag-disconnected-dark:before {
  content: "\e052";
}

.herddogg-icon-female:before {
  content: "\e053";
}

.herddogg-icon-male:before {
  content: "\e054";
}

.herddogg-icon-cowbell-alert:before {
  content: "\e055";
}

.herddogg-icon-low-battery:before {
  content: "\e056";
}

.herddogg-icon-empty-transfer:before {
  content: "\e03d";
}

.herddogg-icon-lightbulb:before {
  content: "\e057";
}

.herddogg-icon-doggtag-strikethrough:before {
  content: "\e059";
}

.herddogg-icon-doggtag-checkmark:before {
  content: "\e05a";
}

.herddogg-icon-empty-transfer-1:before {
  content: "\e05b";
}

.herddogg-icon-signal-strength-0:before {
  content: "\e058";
}

.herddogg-icon-signal-strength-1:before {
  content: "\e05c";
}

.herddogg-icon-signal-strength-2:before {
  content: "\e05d";
}

.herddogg-icon-signal-strength-3:before {
  content: "\e05e";
}

.herddogg-icon-signal-strength-4:before {
  content: "\e05f";
}

.herddogg-icon-paddock-round:before {
  content: "\e901";
}

.herddogg-icon, .zmdi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.doggtagged {
  font-size: 32px;
  margin-left: -6px;
}

.herddogg-icon-doggtag-gray:before {
  color: #ccc;
}

.herddogg-icon-doggbone-gray:before {
  color: #ccc;
}

.herddogg-icon-doggtag-trace:before {
  color: #ffc107;
}

.herddogg-icon-doggtag-welfare:before {
  color: #ff7250;
}

.herddogg-icon-doggtag-welfarenfctag::before {
  color: #142731;
}

.herddogg-icon-doggtag-old::before {
  color: #017e8e;
}

@font-face {
  font-family: "herddogg-icons-2";
  src: url(/assets/herddogg-icons-2-baf8a28faf34a4becdd568de710c22b1ef372189a6aca3d3b46ea2644e94400f.eot);
  src: url(/assets/herddogg-icons-2-baf8a28faf34a4becdd568de710c22b1ef372189a6aca3d3b46ea2644e94400f.eot?#iefix) format("embedded-opentype"), url(/assets/herddogg-icons-2-ef3d0259ca1d0607d42670fc709545485d123a423cb42c54629670ba10bf826b.woff) format("woff"), url(/assets/herddogg-icons-2-01c29038f3c2e0dc9474a22fb7760b127652344d74558ca09c2c10bd66da16ba.ttf) format("truetype"), url(/assets/herddogg-icons-2-0450bc3eb8b2ab6bf345ffc495b0566c2d7bfe5fa8104d381e185c5e148d41e4.svg#herddogg-icons-2) format("svg");
  font-weight: normal;
  font-style: normal;
}
.insights-dashboard .comparable-forms, .insights-dashboard .comparable-results {
  display: flex;
}
.insights-dashboard .comparable-forms .comparable, .insights-dashboard .comparable-forms .comparable-result, .insights-dashboard .comparable-results .comparable, .insights-dashboard .comparable-results .comparable-result {
  flex: 1;
  margin-right: 1rem;
  max-width: 480px;
  min-width: 320px;
}
.insights-dashboard .comparable-forms .comparisons, .insights-dashboard .comparable-results .comparisons {
  max-width: 120px;
  min-width: 100px;
}
.insights-dashboard .comparable-forms .download-button, .insights-dashboard .comparable-results .download-button {
  background-color: transparent;
  border: 0;
  color: #868686;
  cursor: pointer;
  float: left;
  font-size: 1.2em;
  margin-right: 10px;
}
.insights-dashboard .comparable-forms .download-button:hover, .insights-dashboard .comparable-results .download-button:hover {
  color: #616161;
}
.insights-dashboard .date-range-picker {
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  height: 40px;
  line-height: 1.5em;
  padding: 2px 8px;
}
.insights-dashboard .date-range-picker__input {
  align-items: center;
  cursor: pointer;
  display: flex;
  width: 100%;
}
.insights-dashboard .date-range-picker__input .placeholder {
  color: #868686;
  margin-left: 0.5rem;
}
.insights-dashboard .date-range-picker__input .dates {
  margin-left: 0.5rem;
}
.insights-dashboard .empty-state {
  align-items: center;
  display: flex;
  height: 45px;
  padding-left: 1rem;
}
.insights-dashboard .comparable-result, .insights-dashboard .comparisons {
  margin-top: 1rem;
}
.insights-dashboard .comparable-result table, .insights-dashboard .comparisons table {
  border: 1px solid #e2e2e2;
  border-collapse: collapse;
  width: 100%;
}
.insights-dashboard .comparable-result table th, .insights-dashboard .comparable-result table td, .insights-dashboard .comparisons table th, .insights-dashboard .comparisons table td {
  border: 0 0 1px 0 solid #e2e2e2;
  height: 40px;
  padding: 0.5rem;
  text-align: right;
}
.insights-dashboard .comparable-result table th, .insights-dashboard .comparisons table th {
  background-color: #f4f6f9;
}
.insights-dashboard .comparable-result table th:nth-child(2), .insights-dashboard .comparisons table th:nth-child(2) {
  text-align: right;
}
.insights-dashboard .comparable-result table td, .insights-dashboard .comparisons table td {
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  height: 40px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.insights-dashboard .comparable-result table td:nth-child(2), .insights-dashboard .comparisons table td:nth-child(2) {
  text-align: right;
}
.insights-dashboard .comparison table {
  border-color: transparent;
}
.insights-dashboard .comparison table tr td {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.insights-dashboard .comparison .change i {
  margin-right: 6px;
}
.insights-dashboard .comparison .change.health-alerts.up {
  color: #f44336;
}
.insights-dashboard .comparison .change.health-alerts.down {
  color: #4caf50;
}
.insights-dashboard .comparison .change.estrus-alerts.up {
  color: #4caf50;
}
.insights-dashboard .comparison .change.estrus-alerts.down {
  color: #f44336;
}
.insights-dashboard .comparison .change.treatments.up {
  color: #f44336;
}
.insights-dashboard .comparison .change.treatments.down {
  color: #4caf50;
}
.insights-dashboard .comparison .change.breedings.up {
  color: #4caf50;
}
.insights-dashboard .comparison .change.breedings.down {
  color: #f44336;
}
.insights-dashboard .comparison .change.calvings.up {
  color: #4caf50;
}
.insights-dashboard .comparison .change.calvings.down {
  color: #f44336;
}
.insights-dashboard .comparison .change.average-activity.up {
  color: #4caf50;
}
.insights-dashboard .comparison .change.average-activity.down {
  color: #f44336;
}
.insights-dashboard .comparison .change.average-temperature.up {
  color: #ff7250;
}
.insights-dashboard .comparison .change.average-temperature.down {
  color: #36a2eb;
}
.insights-dashboard .comparable-result .spinner {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
}
.insights-dashboard .comparable-result .spinner i {
  font-size: 2em;
}

trix-editor .attachment {
  display: inline;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

#hd-nav {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 100;
  width: 260px;
}
#hd-nav .nav-background {
  width: 250px;
  position: absolute;
  height: 100vh;
  background-color: #142731;
  box-shadow: 2px 0px 8px 0 rgba(0, 0, 0, 0.33);
  transition: all 0.3s;
}

@media (max-width: 1170px) {
  section.app.content {
    margin-left: 60px;
  }
  #hd-nav {
    position: fixed;
  }
  #hd-nav .navbar-close {
    display: block;
  }
  #hd-nav .navbar-close.zmdi {
    display: inline-flex;
  }
}
#hd-nav .navbar-toggler, .navbar-close {
  display: none;
}
#hd-nav .navbar-toggler.zmdi, .navbar-close.zmdi {
  display: none;
}

.ls-closed #hd-nav {
  width: 60px;
  overflow-x: hidden;
}
.ls-closed #hd-nav .nav-background {
  width: 60px;
}
.ls-closed #hd-nav .navbar-toggler {
  display: block;
  margin: 20px auto 0 auto;
}
.ls-closed #hd-nav .navbar-toggler .toggler-icon {
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.ls-closed #hd-premise-nav {
  width: 0;
}
.ls-closed section.content.app {
  margin: 0 !important;
  margin-left: 60px !important;
}

#hd-premise-nav {
  color: #fff;
  width: 260px;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding-bottom: 40px;
  z-index: 20;
}
#hd-premise-nav section {
  padding: 20px;
  width: 250px;
}
#hd-premise-nav section.topbar {
  display: flex;
  justify-content: space-between;
}
#hd-premise-nav section.topbar img {
  width: 50px;
}
#hd-premise-nav section.topbar .navbar-close {
  font-size: 30px;
  cursor: pointer;
}
#hd-premise-nav .border-bottom {
  border-bottom: 1px solid #4c6074 !important;
}
#hd-premise-nav section#hd-attribution {
  bottom: 0;
  background-color: inherit;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: left;
}
#hd-premise-nav section#hd-attribution a {
  color: inherit;
}
#hd-premise-nav section.premise {
  padding: 28px 20px;
  font-size: 1.4rem;
  display: flex;
  border-bottom: 1px solid #4c6074;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #4c6074;
}
#hd-premise-nav section.premise .avatar {
  height: 60px;
  width: 60px;
}
#hd-premise-nav section.premise .details {
  width: 145px;
}
#hd-premise-nav section.premise img, #hd-premise-nav section.premise .herddogg-icon {
  position: absolute;
  height: 55px;
  width: 55px;
  font-size: 50px;
  border-radius: 5px;
  color: #fff;
}
#hd-premise-nav section.premise .premise-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#hd-premise-nav section.premise .premise-menu .premise-name {
  max-width: 124px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  color: white;
  white-space: initial;
}
#hd-premise-nav section.premise .premise-menu .zmdi {
  font-size: 20px;
  color: #fff;
}
#hd-premise-nav section.premise .dropdown ul li {
  padding: 0;
}
#hd-premise-nav section.premise .dropdown ul li a {
  display: block;
  width: 230px;
  display: flex;
  align-items: center;
}
#hd-premise-nav section.premise .dropdown ul li a .herddogg-icon, #hd-premise-nav section.premise .dropdown ul li a img {
  height: 40px;
  width: 40px;
  min-width: 40px;
  position: relative;
  font-size: 20px;
  margin-right: 0.5em;
}
#hd-premise-nav section.premise .dropdown ul li a #new-premise {
  width: 40px;
  margin-right: 0.5em;
}
#hd-premise-nav section.premise .premise-dropdown {
  left: -14px !important;
  max-height: 75vh;
  overflow-y: auto;
}
#hd-premise-nav section.premise .premise-dropdown li {
  z-index: 20;
}
#hd-premise-nav section.premise .premise-dropdown li:first-child {
  margin-top: -15px;
}
#hd-premise-nav section.premise .premise-dropdown li:last-child {
  content: "";
  z-index: 25;
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 15px;
  background-color: #fff;
  -webkit-mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
          mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
}
#hd-premise-nav section.premise .premise-dropdown:before {
  content: "";
  z-index: 25;
  position: sticky;
  top: 0;
  width: 100%;
  height: 15px;
  background-color: #fff;
  -webkit-mask-image: linear-gradient(to bottom, black 25%, transparent 75%);
          mask-image: linear-gradient(to bottom, black 25%, transparent 75%);
}
#hd-premise-nav section.bison {
  padding: 28px 20px;
  border-bottom: 1px solid #4c6074;
}
#hd-premise-nav section.bison #usda-fact-sheet-link {
  display: flex;
}
#hd-premise-nav section.bison #usda-fact-sheet-link img {
  width: 60px;
  margin-right: 1em;
}
#hd-premise-nav section.application, #hd-premise-nav section.admin, #hd-premise-nav section.help {
  padding: 28px 0;
  width: 260px;
}
#hd-premise-nav section.application h3, #hd-premise-nav section.admin h3, #hd-premise-nav section.help h3 {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 22px;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
#hd-premise-nav section.application h3:first-of-type, #hd-premise-nav section.admin h3:first-of-type, #hd-premise-nav section.help h3:first-of-type {
  margin-top: 0.5em;
}
#hd-premise-nav section.application ul, #hd-premise-nav section.admin ul, #hd-premise-nav section.help ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#hd-premise-nav section.application ul li, #hd-premise-nav section.admin ul li, #hd-premise-nav section.help ul li {
  margin: 0;
  padding: 0 20px;
}
#hd-premise-nav section.application ul li a, #hd-premise-nav section.admin ul li a, #hd-premise-nav section.help ul li a {
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
}
#hd-premise-nav section.application ul li a span.zmdi, #hd-premise-nav section.application ul li a span.herddogg-icon, #hd-premise-nav section.admin ul li a span.zmdi, #hd-premise-nav section.admin ul li a span.herddogg-icon, #hd-premise-nav section.help ul li a span.zmdi, #hd-premise-nav section.help ul li a span.herddogg-icon {
  width: 22px;
}
#hd-premise-nav section.application ul li a span.count, #hd-premise-nav section.admin ul li a span.count, #hd-premise-nav section.help ul li a span.count {
  padding-left: 5px;
}
#hd-premise-nav section.application ul li.active, #hd-premise-nav section.admin ul li.active, #hd-premise-nav section.help ul li.active {
  background-color: #017e8e;
  border-radius: 0 4px 4px 0;
}
#hd-premise-nav section.application ul li.nav-disabled a, #hd-premise-nav section.application ul li.nav-disabled span, #hd-premise-nav section.admin ul li.nav-disabled a, #hd-premise-nav section.admin ul li.nav-disabled span, #hd-premise-nav section.help ul li.nav-disabled a, #hd-premise-nav section.help ul li.nav-disabled span {
  color: #999;
}
#hd-premise-nav section.admin {
  width: 210px;
  position: absolute;
  top: 0;
  z-index: 20;
  background-color: #145656 !important;
}
#hd-premise-nav section.admin ul li a .zmdi, #hd-premise-nav section.admin ul li a .herddogg-icon {
  width: 30px;
}
#hd-premise-nav section.help {
  padding-top: 0;
}
#hd-premise-nav section.help ul li a {
  color: #017e8e;
  font-size: 0.8em;
}

section#hd-premise-network {
  color: #fff;
  padding: 10px 25px 20px;
  position: absolute;
  bottom: 80px;
  z-index: 5;
}

section#hd-premise-version {
  color: #fff;
  padding: 10px 25px 20px;
  position: absolute;
  bottom: 0;
  z-index: 5;
}

#premise-switcher {
  width: 60px;
  height: 100%;
  background-color: #017e8e;
  position: relative;
}
#premise-switcher a {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
#premise-switcher a:first-of-type {
  border-bottom: 2px solid #004c55;
}
#premise-switcher a.premise-switcher-collapse {
  height: 40px;
  font-size: 20px;
  color: #000;
}
#premise-switcher a.active {
  background-color: #004c55;
}
#premise-switcher a #logo, #premise-switcher a #new-premise {
  box-shadow: none;
  color: #000;
}
#premise-switcher a .herddogg-icon, #premise-switcher a .zmdi, #premise-switcher a img {
  border-radius: 4px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.4rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 2px 2px 10px #142731;
}
#premise-switcher a .herddogg-icon:hover, #premise-switcher a .zmdi:hover, #premise-switcher a img:hover {
  transform: scale(1.1);
}
#premise-switcher .bottom-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#premise-switcher .bottom-nav .herddogg-icon, #premise-switcher .bottom-nav .zmdi, #premise-switcher .bottom-nav img {
  box-shadow: none;
  border-bottom: none;
}

@media print {
  .leftsidebar {
    display: none;
    width: 0 !important;
  }
}
.leftsidebar .user-settings-dropdown.show {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.leftsidebar svg {
  height: 18px;
  margin-bottom: -4px;
  width: 18px;
}
.leftsidebar svg path {
  fill: #a6a6a6;
}

.minileftbar svg {
  height: 18px;
  width: 18px;
}
.minileftbar svg path {
  fill: #a6a6a6;
}

body.focus section.app.onboarding {
  margin: 0;
  background-color: transparent;
}
body.focus section.app.onboarding .card {
  margin: 2em auto;
  width: 80%;
  max-width: 1200px;
  padding: 36px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
  display: block;
}
body.focus section.app.onboarding .card .card-header {
  background-color: transparent;
  justify-content: flex-end;
  padding: 0 0 2em 0;
  min-height: 48px;
}
body.focus section.app.onboarding .card .card-header .actions {
  float: right;
}
body.focus section.app.onboarding .card .card-header .showing {
  position: absolute;
  left: 20px;
  top: 30px;
}
body.focus section.app.onboarding .card .card-footer {
  background-color: transparent;
  margin-bottom: 0;
  border-top: 0;
  padding: 0;
}
body.focus section.app.onboarding .card table.dataTable td {
  border: none;
  padding: 0.6em 1em;
}
body.focus section.app.onboarding .content-wrapper {
  max-width: 890px;
  width: 80%;
  margin: 0 auto;
}
body.focus section.app.onboarding .content-wrapper > p {
  line-height: 1.4em;
  margin-top: 1em;
}
body.focus section.app.onboarding .previous-entries {
  padding: 3em 0;
}
body.focus section.app.onboarding .onboarding-step .logo-left {
  text-align: left !important;
  max-width: 240px;
  padding: 0;
  margin-left: 1em;
  margin-top: 1em;
}
body.focus section.app.onboarding .onboarding-step__welcome .logo {
  max-width: 240px;
  padding: 0;
}
body.focus section.app.onboarding .onboarding-step__welcome h2 {
  text-align: center;
  font-size: 72px;
  margin-top: 1rem;
}
body.focus section.app.onboarding .onboarding-step__welcome .btn.dropdown {
  padding: 0.4em 1em;
  margin-top: -6px;
}
body.focus section.app.onboarding .onboarding-step__welcome .btn.dropdown .filter-option {
  margin-right: 2em;
}
body.focus .onboarding_avatar {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 175px;
  height: 175px;
  font-size: 175px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.focus .onboarding_avatar .flag-status {
  position: absolute;
  bottom: 0;
  font-size: 16px;
  width: 100%;
  background-color: #ff7250;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
body.focus .onboarding_avatar .active-tagging {
  width: 50px !important;
  height: 50px !important;
  font-size: 50px !important;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  right: -25px;
  z-index: 10;
  border: none !important;
}
body.focus .onboarding_avatar .active-tagging:before {
  z-index: 10;
}
body.focus .onboarding_avatar .active-tagging:after {
  position: absolute;
  content: "";
  height: 46px;
  width: 46px;
  border-radius: 100px;
  background-color: #fff;
  top: 5px;
  right: 2px;
  padding: 4px;
}
body.focus .onboarding_avatar img, body.focus .onboarding_avatar .herddogg-icon, body.focus .onboarding_avatar .zmdi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 175px;
  width: 175px;
  font-size: 80%;
  max-width: 100%;
  max-height: 175px;
  border-radius: inherit;
  border: 1px solid #ccc;
}
body.focus .onboarding-title {
  color: #00393a;
  font-weight: bold;
}
body.focus .onboarding-progress {
  background-color: #152732;
  padding: 2em;
}
body.focus .onboarding-progress .container {
  width: 80%;
  max-width: 1200px;
}
body.focus .onboarding-progress .step {
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  display: block;
  color: #fff;
}
body.focus .onboarding-progress .content {
  display: flex;
}
body.focus .onboarding-progress .herddogg-icon, body.focus .onboarding-progress .zmdi {
  font-size: 128px;
  color: #4c6074;
  margin-right: 0.5em;
}
body.focus .onboarding-progress .description {
  color: #fff;
  text-align: left;
  font-size: 1em;
  text-transform: unset;
  line-height: 1.2em;
}
body.focus .onboarding-progress h3 {
  font-size: 2em;
  text-transform: unset;
  margin-bottom: 0.5em;
}
body.focus .onboarding-progress .navbar-nav {
  display: inline-block;
  vertical-align: bottom;
}
body.focus .onboarding-progress .navbar-nav #user-account {
  line-height: 1em;
}
body.focus .onboarding-progress .navbar-nav .zmdi {
  font-size: 21px;
}
body.focus form .remove-clone-row {
  width: 90px;
  display: flex;
  align-items: center;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.daterangepicker .ranges li.active {
  background-color: #32becf;
}
.daterangepicker td.in-range {
  background-color: #d6f2f5;
}
.daterangepicker td.active {
  background-color: #32becf;
}
.daterangepicker td.available:hover {
  background-color: #2799a7;
  color: #fff;
}

.print-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #4d5f72;
}
.print-wrapper .non-printables {
  max-width: 1024px;
  padding: 2rem 0;
  margin: 0 auto;
}
.print-wrapper .non-printables header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.print-wrapper .non-printables header img {
  width: 180px;
}
.print-wrapper .non-printables header .fa-print {
  font-size: 32px;
  color: #fff;
}
.print-wrapper .print-preview {
  margin: auto;
  padding: 4rem 3rem;
  background-color: #fff;
  max-width: 1024px;
}
.print-wrapper .print-preview .printable-qr-codes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2rem;
}
.print-wrapper .print-preview .printable-qr-codes .animal .ear-tag {
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.print-wrapper .print-preview .printable-qr-codes .animal .preview-link {
  display: block;
  text-align: center;
}

@media print {
  .print-wrapper {
    background-color: transparent;
  }
  .print-wrapper .non-printables {
    visibility: hidden;
    display: none;
  }
  .print-wrapper .print-preview {
    width: 100%;
  }
  .print-wrapper .print-preview .animal {
    padding: 0 15px;
  }
}
/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.showing {
  padding: 20px;
}

.right-shift {
  margin-left: auto !important;
  margin-right: 3em !important;
}

.card.cc-card {
  box-shadow: 2px 2px 5px #ccc;
  color: #000;
}
.card.cc-card .card-header, .card.cc-card .card-footer {
  color: inherit !important;
  background: #fff;
}
.card.cc-card .card-body {
  min-height: 75px;
}

.up-modal-content .card.profile {
  padding: 0;
}
.up-modal-content .card.profile [up-close] {
  display: inline !important;
}
.up-modal-content .card.profile [up-close].zmdi, .up-modal-content .card.profile [up-close].herddogg-icon {
  font-size: 35px;
}

.hd-checkbox {
  border-radius: 20px;
  height: 20px;
  min-height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hd-checkbox:hover {
  cursor: pointer;
}
.hd-checkbox:hover .zmdi {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(1, 126, 142, 0.3);
}
.hd-checkbox .zmdi {
  color: rgba(255, 255, 255, 0);
  height: 100%;
  width: 100%;
  border-radius: inherit;
  border: 1px solid #fff;
  background-color: #f4f7f6;
  transition: all 300ms ease-in-out;
  box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.hd-checkbox input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.hd-checkbox input[type=checkbox]:checked + .zmdi {
  background-color: #017e8e;
  color: #fff;
}

.v3-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v3-dropdown > * {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.v3-dropdown label {
  margin-right: 10px;
}
.v3-dropdown .zmdi {
  height: 20px;
  padding: 0 10px;
  font-size: 20px;
}

.v3-dropdown-menu {
  margin-top: 5px;
  background-color: rgba(20, 39, 49, 0.9);
}
.v3-dropdown-menu .dropdown-item {
  color: #fff;
}
.v3-dropdown-menu .dropdown-item:hover {
  background-color: #000;
  border-right: 5px solid #017e8e;
}

.daterangepicker::after {
  border-bottom-color: rgba(20, 39, 49, 0.9);
}
.daterangepicker .ranges ul {
  background-color: rgba(20, 39, 49, 0.9);
}
.daterangepicker .ranges li {
  color: #fff;
}
.daterangepicker .ranges li:hover {
  background-color: #000;
  border-right: 5px solid #017e8e;
}

.v3-modal .modal {
  position: relative;
}
.v3-modal .zmdi-close {
  z-index: 5;
  position: absolute;
  top: 10px;
  right: 15px;
}
.v3-modal .modal-body .modal-action {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, 50%);
}

.card.v3-container {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.card.v3-container .card-body .insights-container {
  margin-top: 6px;
}
.card.v3-container .card-body .insights-container .herddogg-icon {
  margin-left: 0;
  margin-right: 6px;
  height: 20px;
  width: 20px;
  font-size: 14px;
}
.card.v3-container .card-body .archived-mode {
  height: 23px;
  color: #E4572E;
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  text-transform: uppercase;
  transform: rotate(336deg);
  display: block;
}
.card.v3-container .card-body .archived-mode h3 {
  font-size: 36px;
  margin-top: -12px;
  text-shadow: none;
}
.card.v3-container .qr-link {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  text-align: center;
  padding-top: 5px;
  position: absolute;
  top: 34px;
  left: 3px;
  z-index: 9;
  cursor: pointer;
}
.card.v3-container .animal-flag {
  border-radius: 20px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e4572e;
  border: 1px solid #fff;
}
.card.v3-container::before {
  content: "";
  opacity: 0;
  z-index: -1;
  transition: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(1, 126, 142, 0.5) 0%, rgba(1, 126, 142, 0.75) 100%) !important;
}
.card.v3-container .action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  transition: inherit;
  z-index: 10;
}
.card.v3-container.graph .card-body {
  display: flex;
  justify-content: center;
}
.card.v3-container.cta {
  min-height: 135px;
  margin: 30px 0;
  padding: 0 20px;
  overflow: visible;
  position: relative;
}
.card.v3-container.cta .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.v3-container.cta .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.card.v3-container .card-timestamp {
  transition: inherit;
  opacity: 0;
  color: #4c6074;
  font-size: 1rem;
  white-space: nowrap;
}
.card.v3-container.selected::before {
  opacity: 1;
}
.card.v3-container:hover .card-timestamp {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  opacity: 1;
}
.card.v3-container:hover.with-action {
  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.35);
}
.card.v3-container:hover.with-action .action {
  opacity: 1;
}
.card.v3-container .card-background-image, .card.v3-container .card-background-overlay {
  position: absolute;
  border-radius: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -10;
}
.card.v3-container .card-header, .card.v3-container .card-body, .card.v3-container .card-footer {
  padding: 20px;
  border-width: 0;
  background-color: inherit;
  min-height: unset;
}
.card.v3-container .card-header {
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.card.v3-container > [class|=card]:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.card.v3-container > [class|=card]:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.card.v3-container .card-body {
  padding: 16px 20px;
  flex-grow: 1;
  width: 100%;
}
.card.v3-container .card-footer {
  padding-top: 16px;
}

.card.v3 {
  border: 1px solid #e2e2e2;
}
.card.v3 .card-header {
  height: 43px;
  padding: 8px;
  padding-bottom: 0;
}
.card.v3 .card-header .insights-container {
  display: flex;
  align-items: center;
  margin-right: 10px;
  transform: translateY(50%);
}
.card.v3 .card-body {
  padding-top: 45px;
  min-height: 140px;
}
.card.v3 .avatar {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 100%;
  text-align: center;
  width: 70px;
  height: 70px;
  font-size: 70px;
  border-radius: 11px;
  transform: translateY(50%);
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card.v3 .avatar .flag-status {
  position: absolute;
  bottom: 0;
  font-size: 16px;
  width: 100%;
  background-color: #ff7250;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.card.v3 .avatar .active-tagging {
  width: 25px !important;
  height: 25px !important;
  font-size: 25px !important;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  right: -25px;
  z-index: 10;
  border: none !important;
}
.card.v3 .avatar .active-tagging:before {
  z-index: 10;
}
.card.v3 .avatar .active-tagging:after {
  position: absolute;
  content: "";
  height: 46px;
  width: 46px;
  border-radius: 100px;
  background-color: #fff;
  top: 5px;
  right: 2px;
  padding: 4px;
}
.card.v3 .avatar img, .card.v3 .avatar .herddogg-icon, .card.v3 .avatar .zmdi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 70px;
  font-size: 80%;
  max-width: 100%;
  max-height: 70px;
  border-radius: inherit;
  border: 1px solid #ccc;
}

.card.profile {
  padding: 30px 40px 0;
  border-radius: 11px !important;
  margin-bottom: 0;
}
.card.profile [up-close] {
  display: none !important;
}
.card.profile .card-subheader {
  font-size: 22px;
  font-weight: bold;
}
.card.profile .card-header {
  border-radius: 11px 11px 0 0;
  color: #fff;
  background-color: #017e8e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-right: 0;
  padding-left: 0;
}
.card.profile .card-header .herddogg-icon, .card.profile .card-header .zmdi {
  font-size: 2.4rem;
}
.card.profile .card-header a {
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.card.profile .card-header .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
  font-size: 1.6rem;
}
.card.profile .card-header .actions > * {
  margin-left: 20px;
}
.card.profile .card-header .actions .herddogg-icon, .card.profile .card-header .actions .zmdi {
  font-size: 1.9rem;
}
.card.profile .card-body {
  background-color: #fff;
  position: relative;
}
.card.profile .card-body .alert-icons {
  display: flex;
  align-items: center;
  width: 175px;
  padding: 0 5px;
  margin: 10px auto;
}
.card.profile .card-body .alert-icons .alert-icon {
  margin-right: 15px;
}
.card.profile.animal .avatar, .card.profile.device .avatar, .card.profile.user .avatar, .card.profile.site .avatar, .card.profile.premise .avatar, .card.profile.protocol-step .avatar {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 15px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 175px;
  height: 175px;
  font-size: 175px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card.profile.animal .avatar .flag-status, .card.profile.device .avatar .flag-status, .card.profile.user .avatar .flag-status, .card.profile.site .avatar .flag-status, .card.profile.premise .avatar .flag-status, .card.profile.protocol-step .avatar .flag-status {
  position: absolute;
  bottom: 0;
  font-size: 16px;
  width: 100%;
  background-color: #ff7250;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.card.profile.animal .avatar .active-tagging, .card.profile.device .avatar .active-tagging, .card.profile.user .avatar .active-tagging, .card.profile.site .avatar .active-tagging, .card.profile.premise .avatar .active-tagging, .card.profile.protocol-step .avatar .active-tagging {
  width: 50px !important;
  height: 50px !important;
  font-size: 50px !important;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  right: -25px;
  z-index: 10;
  border: none !important;
}
.card.profile.animal .avatar .active-tagging:before, .card.profile.device .avatar .active-tagging:before, .card.profile.user .avatar .active-tagging:before, .card.profile.site .avatar .active-tagging:before, .card.profile.premise .avatar .active-tagging:before, .card.profile.protocol-step .avatar .active-tagging:before {
  z-index: 10;
}
.card.profile.animal .avatar .active-tagging:after, .card.profile.device .avatar .active-tagging:after, .card.profile.user .avatar .active-tagging:after, .card.profile.site .avatar .active-tagging:after, .card.profile.premise .avatar .active-tagging:after, .card.profile.protocol-step .avatar .active-tagging:after {
  position: absolute;
  content: "";
  height: 46px;
  width: 46px;
  border-radius: 100px;
  background-color: #fff;
  top: 5px;
  right: 2px;
  padding: 4px;
}
.card.profile.animal .avatar img, .card.profile.animal .avatar .herddogg-icon, .card.profile.animal .avatar .zmdi, .card.profile.device .avatar img, .card.profile.device .avatar .herddogg-icon, .card.profile.device .avatar .zmdi, .card.profile.user .avatar img, .card.profile.user .avatar .herddogg-icon, .card.profile.user .avatar .zmdi, .card.profile.site .avatar img, .card.profile.site .avatar .herddogg-icon, .card.profile.site .avatar .zmdi, .card.profile.premise .avatar img, .card.profile.premise .avatar .herddogg-icon, .card.profile.premise .avatar .zmdi, .card.profile.protocol-step .avatar img, .card.profile.protocol-step .avatar .herddogg-icon, .card.profile.protocol-step .avatar .zmdi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 175px;
  width: 175px;
  font-size: 80%;
  max-width: 100%;
  max-height: 175px;
  border-radius: inherit;
  border: 1px solid #ccc;
}
.card.profile .card-footer {
  border-radius: 0 0 11px 11px !important;
  background-color: #dee2e6;
}
.card.profile .card-footer a:hover {
  cursor: pointer;
}
.card.profile .card-footer .last-seen {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}
.card.profile .card-footer .dropdown-menu {
  z-index: 9999;
}
.card.profile.digital-inspector .card-header, .card.profile.digital-inspector .card-body, .card.profile.digital-inspector .card-footer {
  background-color: #d66030;
}
.card.profile.step.grange .card-header, .card.profile.step.grange .card-body, .card.profile.step.grange .card-footer {
  background-color: #00acbe;
}
.card.profile.step.grange .card-footer {
  padding: 0;
}
.card.profile.step.grange .card-footer .tab-content {
  padding: 0;
  background-color: #fff;
  color: #000;
  border-radius: inherit;
}
.card.profile.step.grange .card-footer .tab-content .tab-pane {
  border-radius: inherit;
}
.card.profile.step.grange .card-footer .nav-link {
  color: #fff;
}
.card.profile.step.grange .card-footer .nav-link:after {
  background-color: #fff;
}
.card.profile.protocol-step .avatar {
  border-radius: 175px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
.card.profile.modal {
  padding: 0;
}
.card.profile.modal .card-header {
  padding: 0 30px 0 40px;
}
.card.profile.modal .card-header [up-close], .card.profile.modal .card-header [data-dismiss=modal] {
  margin-left: 25px;
  font-weight: normal;
  color: #7B7B7B !important;
  font-size: 30px;
}
.card.profile.modal .protocol-choice {
  padding-left: 40px;
}
.card.profile.modal .upload-action {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  padding: 2em;
  margin: 2em;
}
.card.profile.modal .upload-action .icon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.profile.modal .upload-action .icon span {
  font-size: 100px;
}
.card.profile.modal .upload-action .icon .multi-icon {
  position: relative;
  height: 100px;
  width: 100px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(1).herddogg-icon-pair-scale {
  font-size: 35px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(2) {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  font-size: 50px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(2).herddogg-icon-pair-scale {
  font-size: 45px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 60px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-pair-scale {
  font-size: 55px;
}
.card.profile.modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-vaccinate, .card.profile.modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-insemination {
  bottom: 15%;
}
.card.profile.step.lab .card-header, .card.profile.step.lab .card-body, .card.profile.step.lab .card-footer {
  background-color: #40424c;
}
.card.profile.step.lab .card-footer {
  padding: 0;
}
.card.profile.step.lab .card-footer .tab-content {
  padding: 0;
  background-color: #fff;
  color: #000;
  border-radius: inherit;
}
.card.profile.step.lab .card-footer .tab-content .tab-pane {
  border-radius: inherit;
}
.card.profile.step.lab .card-footer .nav-link {
  color: #fff;
}

.card table {
  border-collapse: collapse;
}
.card table td {
  border: 1px solid #e2e2e2;
}
.card table tr:first-child td {
  border-top: 0;
}
.card table tr td:first-child {
  border-left: 0;
}
.card table tr:last-child td {
  border-bottom: 0;
}
.card table tr td:last-child {
  border-right: 0;
}

.card table.row-border td {
  border-left-width: 0px;
  border-right-width: 0px;
}

.initiated-notes {
  width: 100%;
}

.v3-tabs .nav-link {
  white-space: nowrap;
  height: 45px;
  line-height: 45px;
  width: auto;
  font-size: 1.6rem;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border: 0 solid #fff;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  margin-right: 3px;
  color: #142731;
  background-image: linear-gradient(180deg, #fff 50%, rgba(100, 100, 100, 0.05) 100%);
  cursor: pointer;
}
.v3-tabs .nav-link .tab-item-children {
  display: inline-flex;
  flex-wrap: nowrap;
  line-height: 45px;
  align-items: center;
  color: inherit;
}
.v3-tabs .nav-item {
  display: flex;
  align-items: center;
}
.v3-tabs .nav-item.disabled span {
  color: #ccc;
  cursor: not-allowed;
}
.v3-tabs .nav-link.active, .v3-tabs .nav-item.active .nav-link {
  background-color: #142731;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(180deg, #32becf 0%, #2799a7 100%);
}
.v3-tabs .nav-link.active .nav-link, .v3-tabs .nav-item.active .nav-link .nav-link {
  color: inherit;
}

.tab-content {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
}

.tab-content-wrapper {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
}
.tab-content-wrapper .tab-content {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}
.tab-content-wrapper .table-controls {
  justify-content: space-between !important;
  flex-direction: row-reverse;
}

.invisible-tab-content-wrapper {
  background-color: transparent;
  border-top: 1px solid #e2e2e2;
  border-radius: 0;
}
.invisible-tab-content-wrapper .tab-content {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}
.invisible-tab-content-wrapper .table-controls, .invisible-tab-content-wrapper .tab-content, .invisible-tab-content-wrapper [role=tabpanel] {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.invisible-tab-content-wrapper .table-controls {
  margin: 1em 0;
  flex-direction: row-reverse;
  justify-content: space-between !important;
}
.invisible-tab-content-wrapper .showing {
  padding: 0.75em 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 0px;
}
.invisible-tab-content-wrapper .table-responsive {
  margin-top: 0.75em;
}

.navbar {
  margin-bottom: 0;
  background-color: transparent;
  z-index: 1100;
  padding: 0 30px;
  box-shadow: none;
}
.navbar #top-navbar {
  border-bottom: 1px solid #e2e2e2;
  height: 80px;
}
.navbar #top-navbar img.ls-closed-icon {
  display: none;
  max-height: 4.5rem;
  margin-right: 1rem;
}
.navbar #top-navbar .navbar-brand {
  align-items: center;
}
.navbar #top-navbar .navbar-brand h1 {
  font-family: "Mirador";
  font-weight: 800;
  font-size: 2.4rem;
  height: 26px;
  text-transform: capitalize;
  margin: 0;
  color: #142731;
}
.navbar #top-navbar .navbar-link {
  height: 44px;
  line-height: 44px;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  display: flex;
  font-size: 14px;
}
.navbar #top-navbar .navbar-link img {
  height: 32px;
  width: 32px;
  margin-right: 3px;
}
.navbar #top-navbar .navbar-link .herddogg-icon, .navbar #top-navbar .navbar-link .zmdi {
  font-size: 24px;
}
.navbar #top-navbar .herddogg-icon, .navbar #top-navbar .zmdi {
  color: #142731;
  width: 22px;
}
.navbar #top-navbar .dropdown-menu.nav {
  min-width: 180px;
  z-index: 9999999;
  padding-bottom: 0.25em !important;
}
.navbar #top-navbar .dropdown-menu.nav .dropdown-item {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding-left: 10px;
  font-size: 1em;
}
.navbar #top-navbar .dropdown-menu.nav .herddogg-icon, .navbar #top-navbar .dropdown-menu.nav .zmdi {
  margin-right: 3px;
  font-size: 16px !important;
  height: 16px;
  width: 22px;
  vertical-align: text-bottom;
}
.navbar .user-notifications .event {
  font-size: 13px;
  display: flex;
}
.navbar .user-notifications .event .event-icon {
  font-size: 22px !important;
  flex: 0 0 22px;
}
.navbar .user-notifications .event .event-data {
  margin-top: 0;
  flex: 1;
}
.navbar .user-notifications .event .event-data h6 {
  font-size: 1em;
  margin-top: 0.5em;
}
.navbar .user-notifications .event .event-secondary {
  flex: 0 0 94px;
}
.navbar .user-notifications .event .event-secondary .relative-time {
  white-space: nowrap;
}

@media (max-width: 1170px) {
  .navbar #top-navbar img.ls-closed-icon {
    display: block;
  }
}
.dropdown-menu {
  z-index: 1060;
}

.nav-tabs {
  position: relative;
  height: 30px;
  padding: 0 40px;
}
.nav-tabs.inverted .nav-link.active:after {
  background-color: #fff !important;
}
.nav-tabs .nav-item {
  height: 100%;
}
.nav-tabs .nav-item.position-absolute .nav-link {
  margin-right: 0;
  margin-left: 0;
}
.nav-tabs .nav-item:hover {
  opacity: 1;
}
.nav-tabs .nav-item .nav-link {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
  height: 100%;
  line-height: 1;
  border: none !important;
  margin-right: 30px;
  font-size: 1.6rem;
}
.nav-tabs .nav-item .nav-link.active {
  position: relative;
  border: none !important;
  color: #000;
  background-color: unset;
}
.nav-tabs .nav-item .nav-link.active:after {
  transition: background-color ease-in-out 300ms;
  content: "";
  width: 100%;
  height: 6px;
  background-color: #017e8e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.nav-tabs .nav-item .nav-link.disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.nav-tabs .nav-item .nav-link:not(.disabled):hover {
  color: #004c55 !important;
}
.nav-tabs .nav-item .nav-link:not(.disabled):hover.active:after {
  background-color: #004c55 !important;
}

.tribute-container li {
  display: flex;
  align-items: center;
  height: 40px;
}
.tribute-container li span {
  font-weight: normal;
}
.tribute-container .zmdi, .tribute-container .herddogg-icon {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  font-size: 28px;
}
.tribute-container img {
  margin-right: 10px;
  height: 30px;
  width: 30px;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.up-modal .up-modal-viewport {
  color: #000;
  font-size: 16px;
}
.up-modal .up-modal-viewport .up-modal-dialog {
  margin: 0;
  max-width: 1000px;
}
.up-modal .up-modal-viewport .up-modal-backdrop, .up-modal .up-modal-viewport .modal.fade.show {
  background-color: rgba(0, 0, 0, 0.5);
}
.up-modal .up-modal-viewport .up-modal-content {
  border-radius: 10px;
  padding: 0px;
}
.up-modal .up-modal-viewport .up-modal-content .table-responsive {
  min-height: unset;
  padding: 0;
}
.up-modal .up-modal-viewport .up-modal-content .card.modal {
  margin-bottom: 0px;
}
.up-modal .up-modal-viewport .up-modal-content .card-body h6 {
  margin-top: 2em;
}
.up-modal .up-modal-viewport .up-modal-content .card-header {
  padding: 30px;
  height: unset;
}
.up-modal .up-modal-viewport .up-modal-content .card-header .actions {
  line-height: 1.2em;
}
.up-modal .up-modal-viewport .up-modal-content .card-header .actions [up-close] {
  font-size: 2em;
  vertical-align: middle;
  color: #7b7b7b;
}
.up-modal .up-modal-viewport .up-modal-content .card-header h6 {
  line-height: 1.2em;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
.up-modal .up-modal-viewport .up-modal-content .card-footer {
  background-color: transparent;
  padding: 0 30px;
}

.alert {
  padding: 1.25em 0.75em;
  border-left: 12px solid #20bf55;
  background-color: rgb(165.8, 229.4, 187);
  color: #000;
  border-radius: 4px;
}
.alert .herddogg-icon, .alert .zmdi {
  color: rgb(24.6816143498, 147.3183856502, 65.5605381166);
  vertical-align: text-bottom;
  padding: 0 0.25em;
}
.alert .location {
  padding-left: 0.5em;
}
.alert.estrus-alert {
  border-color: #f6af00;
  background-color: rgb(251.4, 223, 153);
}
.alert.estrus-alert .herddogg-icon, .alert.estrus-alert .zmdi {
  color: rgb(195, 138.7195121951, 0);
}
.alert.health-alert {
  border-color: #ee4635;
  background-color: rgb(248.2, 181, 174.2);
}
.alert.health-alert .herddogg-icon, .alert.health-alert .zmdi {
  color: rgb(221.3698630137, 37.2602739726, 18.6301369863);
}
.alert.tracking-alert {
  border-color: #3c9845;
  background-color: rgb(177, 213.8, 180.6);
}
.alert.tracking-alert .herddogg-icon, .alert.tracking-alert .zmdi {
  color: rgb(45.5660377358, 115.4339622642, 52.4009433962);
}

body.bison #hd-premise-nav .application a, body.bison #hd-premise-nav .bison a {
  color: #fff;
}
body.bison #hd-premise-nav .application a:hover, body.bison #hd-premise-nav .bison a:hover {
  color: #fff;
}
body.bison #hd-premise-nav section.help ul li a {
  color: #fff;
  font-weight: normal;
}

.btn.btn-add {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
  background-color: #017e8e;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  font-size: 24px;
  color: #fff;
}
.btn.btn-add span {
  color: #fff;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

img.loading-gif {
  filter: invert(81%) sepia(11%) saturate(2930%) hue-rotate(147deg) brightness(83%) contrast(96%);
}

a.btn-primary img.loading-gif, a.text-white img.loading-gif {
  filter: invert(1);
}
a.btn-primary:hover img.loading-gif, a.text-white:hover img.loading-gif {
  filter: invert(1);
}
a:hover img.loading-gif {
  filter: invert(52%) sepia(66%) saturate(506%) hue-rotate(138deg) brightness(87%) contrast(83%);
}

.text-needs-attention {
  color: #ff8623 !important;
}

body .btn-primary {
  background-color: #017e8e !important;
  color: #fff !important;
}
body .btn-primary:hover, body .btn-primary:active {
  background-color: #004c55 !important;
}

.btn-grange {
  color: #017e8e !important;
  background-color: #fff !important;
  font-weight: bold;
}
.btn-grange:hover, .btn-grange:active {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.btn-lab {
  color: #fff !important;
  background-color: rgb(87.3142857143, 90.0428571429, 103.6857142857) !important;
  font-weight: bold;
}
.btn-lab:hover, .btn-lab:active {
  background-color: rgb(110.6285714286, 114.0857142857, 131.3714285714) !important;
}
.btn-lab .herddogg-icon, .btn-lab .zmdi {
  background-color: #fff;
  color: rgb(87.3142857143, 90.0428571429, 103.6857142857) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  height: 26px;
  width: 26px;
  font-size: 20px;
}

.btn-admin {
  background-color: #28a8a8 !important;
  color: #fff !important;
  font-weight: bold;
}
.btn-admin:hover, .btn-admin:active {
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154) !important;
}

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

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

.bg-theme {
  background-color: #142731 !important;
}

.bg-admin {
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154) !important;
}

.bg-grange {
  color: #fff;
  background-color: #00acbe !important;
}

.bg-lab {
  color: #fff;
  background-color: #40424c !important;
}

.bg-estrus {
  background-color: #f6af00 !important;
}

.bg-health {
  background-color: #ee4635 !important;
}

.bg-tracking {
  background-color: #3c9845 !important;
}

.fg-health {
  color: #ee4635 !important;
}

.fg-estrus {
  color: #f6af00 !important;
}

.bg-device-paired {
  background-color: #00c8cf !important;
}

.bg-device-broken {
  background-color: #a2a2a2 !important;
}

.bg-device-missing {
  background-color: #2377d4 !important;
}

.bg-animals-light {
  background-color: #6d5454;
}

.bg-animals-medium {
  background-color: #462f2f;
}

.bg-animals-mdark {
  background-color: #392525;
}

.bg-animals-dark {
  background-color: #221717;
}

.bg-flag {
  background-color: #ff7250 !important;
}

.text-flag {
  color: #ff7250 !important;
}

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

.bg-sites-medium {
  background-color: #29403a !important;
}

.bg-sites-mdark {
  background-color: #1f332e !important;
}

.bg-sites-dark {
  background-color: #151b19 !important;
}

.bg-devices-light {
  background-color: #305d88 !important;
}

.bg-devices-medium {
  background-color: #113a60 !important;
}

.bg-devices-mdark {
  background-color: #0b2e4f;
}

.bg-devices-dark {
  background-color: #000f1e !important;
}

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

.bg-archived-medium {
  background-color: #40424c !important;
}

.bg-archived-mdark {
  background-color: #30323c;
}

.bg-archived-dark {
  background-color: #142731 !important;
}

.bg-users-light {
  background-color: #5f5375 !important;
}

.bg-users-medium {
  background-color: #423157 !important;
}

.bg-users-mdark {
  background-color: #312146;
}

.bg-users-dark {
  background-color: #221333 !important;
}

.text-animals-light {
  color: #6d5454 !important;
}

.text-animals-medium {
  color: #462f2f !important;
}

.text-animals-dark {
  color: #221717 !important;
}

.text-sites-light {
  color: #416159 !important;
}

.text-sites-medium {
  color: #29403a !important;
}

.text-sites-dark {
  color: #151b19 !important;
}

.text-devices-light {
  color: #305d88 !important;
}

.text-devices-medium {
  color: #113a60 !important;
}

.text-devices-dark {
  color: #000f1e !important;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.attachment-preview {
  margin: 10px 10px 0 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-width: 150px;
  max-height: 150px;
  background: #000;
  border-radius: 5px;
}
.attachment-preview .attachment-overlay {
  display: none;
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
.attachment-preview .attachment-overlay .text {
  letter-spacing: 2px;
}
.attachment-preview .attachment-overlay .zmdi-play {
  font-size: 50px;
}
.attachment-preview:hover {
  cursor: pointer;
}
.attachment-preview:hover .attachment-overlay {
  display: flex !important;
}
.attachment-preview img, .attachment-preview video {
  width: 100%;
  height: auto;
}

label.file-upload {
  position: relative;
}
label.file-upload input[type=file] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}

[data-photo-upload], [data-file-upload] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
[data-photo-upload] .avatar, [data-photo-upload] .icon-container, [data-file-upload] .avatar, [data-file-upload] .icon-container {
  margin-bottom: 10px;
}
[data-photo-upload] input[type=file], [data-file-upload] input[type=file] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}
[data-photo-upload] label.text-link, [data-file-upload] label.text-link {
  position: relative;
  margin: 0 !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-photo-upload] label.text-link:hover, [data-file-upload] label.text-link:hover {
  cursor: pointer;
}

.dismiss-dropdown {
  width: 250px;
  padding: 5px 10px;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.easy-edit-wrapper, .static-attribute {
  height: 32px;
  display: flex;
  width: 100%;
  align-items: center;
}
.easy-edit-wrapper.easy-edit-hover-on, .static-attribute.easy-edit-hover-on {
  cursor: pointer;
  color: #017e8e;
  text-decoration: underline;
}
.easy-edit-wrapper.empty, .static-attribute.empty {
  color: #017e8e;
  text-decoration: underline;
}

.easy-edit-inline-wrapper {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) 32px;
  grid-template-rows: 32px 15px;
  align-items: center;
  height: 32px;
}
.easy-edit-inline-wrapper.record {
  grid-template-columns: 1fr 32px;
}
.easy-edit-inline-wrapper .easy-edit-button-wrapper {
  height: 100%;
  display: flex;
}
.easy-edit-inline-wrapper .easy-edit-validation-error {
  grid-column: 1/3;
  font-size: 1rem;
}
.easy-edit-inline-wrapper .easy-edit-component-wrapper > input {
  padding: 0 5px !important;
  margin: 0 !important;
  border-style: inset;
  background-color: #fff;
}
.easy-edit-inline-wrapper .easy-edit-component-wrapper > input:-moz-read-only {
  border: none;
}
.easy-edit-inline-wrapper .easy-edit-component-wrapper > input:read-only {
  border: none;
}
.easy-edit-inline-wrapper .easy-edit-component-wrapper > input:-moz-read-only:hover {
  font-style: italic;
  cursor: pointer;
}
.easy-edit-inline-wrapper .easy-edit-component-wrapper > input:read-only:hover {
  font-style: italic;
  cursor: pointer;
}
.easy-edit-inline-wrapper .btn {
  height: 100%;
  width: 32px;
  padding: 0;
  border-radius: 10px;
  margin: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

#notifications-menu #user-notifications.new .herddogg-icon {
  position: relative;
}
#notifications-menu #user-notifications.new .herddogg-icon .new-notification-bubble {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background-color: #f44336;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -6px;
  right: -6px;
}
#notifications-menu .table-responsive, #notifications-menu td {
  padding: 0;
}
#notifications-menu .dropdown-menu {
  z-index: 11;
  max-width: 90vw;
  min-width: 600px;
  max-height: 85vh;
  overflow-y: auto;
}
#notifications-menu .dropdown-menu .event {
  background-color: #f4f6f9;
}
#notifications-menu .dropdown-menu .event.new {
  background-color: #fff;
}
#notifications-menu .dropdown-menu .event .event-timestamp .zmdi-time {
  font-size: 18px !important;
}
#notifications-menu .dropdown-menu .event .event-timestamp small.premise-name {
  right: 10px;
}
#notifications-menu .dropdown-menu .new-notification-count {
  color: #017e8e;
  font-style: italic;
}

#animal-details-v3 td, #events .dataTable tbody td, .user-notifications td, .profile td {
  margin: 0 30px;
  padding-left: 15px;
  padding-right: 15px;
}
#animal-details-v3 .event, #events .dataTable tbody .event, .user-notifications .event, .profile .event {
  position: relative;
  padding: 1em;
  border-bottom: 1px solid #e2e2e2;
  font-size: 16px;
}
#animal-details-v3 .event .event-photo, #events .dataTable tbody .event .event-photo, .user-notifications .event .event-photo, .profile .event .event-photo {
  min-width: 60px;
  max-height: 100%;
  display: flex;
  justify-content: flex-start;
  height: 40px;
  width: 40px;
}
#animal-details-v3 .event .event-photo .image, #events .dataTable tbody .event .event-photo .image, .user-notifications .event .event-photo .image, .profile .event .event-photo .image {
  position: relative;
}
#animal-details-v3 .event .event-photo img, #events .dataTable tbody .event .event-photo img, .user-notifications .event .event-photo img, .profile .event .event-photo img {
  max-height: 100%;
  height: 40px;
}
#animal-details-v3 .event .event-photo .herddogg-icon, #animal-details-v3 .event .event-photo .zmdi, #events .dataTable tbody .event .event-photo .herddogg-icon, #events .dataTable tbody .event .event-photo .zmdi, .user-notifications .event .event-photo .herddogg-icon, .user-notifications .event .event-photo .zmdi, .profile .event .event-photo .herddogg-icon, .profile .event .event-photo .zmdi {
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 32px;
  max-height: 100%;
  max-width: 100%;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
  width: 40px;
  height: 40px;
}
#animal-details-v3 .event .event-photo .herddogg-icon.active-tagging, #animal-details-v3 .event .event-photo .zmdi.active-tagging, #events .dataTable tbody .event .event-photo .herddogg-icon.active-tagging, #events .dataTable tbody .event .event-photo .zmdi.active-tagging, .user-notifications .event .event-photo .herddogg-icon.active-tagging, .user-notifications .event .event-photo .zmdi.active-tagging, .profile .event .event-photo .herddogg-icon.active-tagging, .profile .event .event-photo .zmdi.active-tagging {
  border: none;
  color: #00c8cf;
  font-size: 16px;
  position: absolute;
  right: -8px;
  top: 35%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  z-index: 10;
}
#animal-details-v3 .event .event-icon, #events .dataTable tbody .event .event-icon, .user-notifications .event .event-icon, .profile .event .event-icon {
  border-radius: 20px;
  font-size: 26px !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  color: #000;
  margin-right: 0.5em;
  text-align: center;
}
#animal-details-v3 .event .event-icon.battery, #events .dataTable tbody .event .event-icon.battery, .user-notifications .event .event-icon.battery, .profile .event .event-icon.battery {
  position: relative;
  font-size: 25px;
}
#animal-details-v3 .event .event-icon.battery .zmdi, #events .dataTable tbody .event .event-icon.battery .zmdi, .user-notifications .event .event-icon.battery .zmdi, .profile .event .event-icon.battery .zmdi {
  position: absolute;
  top: 50%;
  font-size: 70%;
  transform: translateY(-42%);
  color: #ee4635;
}
#animal-details-v3 .event .event-icon.protocol, #events .dataTable tbody .event .event-icon.protocol, .user-notifications .event .event-icon.protocol, .profile .event .event-icon.protocol {
  font-weight: bold;
  font-size: 14px !important;
}
#animal-details-v3 .event .event-data, #events .dataTable tbody .event .event-data, .user-notifications .event .event-data, .profile .event .event-data {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.25em;
}
#animal-details-v3 .event .event-data figure, #events .dataTable tbody .event .event-data figure, .user-notifications .event .event-data figure, .profile .event .event-data figure {
  margin: 0;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
#animal-details-v3 .event .event-data figure figcaption, #events .dataTable tbody .event .event-data figure figcaption, .user-notifications .event .event-data figure figcaption, .profile .event .event-data figure figcaption {
  max-width: 200px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#animal-details-v3 .event .event-data figure audio, #events .dataTable tbody .event .event-data figure audio, .user-notifications .event .event-data figure audio, .profile .event .event-data figure audio {
  max-width: 100%;
  height: 100%;
  border-radius: 100px;
}
#animal-details-v3 .event .event-data .event-header, #events .dataTable tbody .event .event-data .event-header, .user-notifications .event .event-data .event-header, .profile .event .event-data .event-header {
  font-weight: bold;
  position: relative;
  display: block;
}
#animal-details-v3 .event .event-data .event-header .header-action, #events .dataTable tbody .event .event-data .event-header .header-action, .user-notifications .event .event-data .event-header .header-action, .profile .event .event-data .event-header .header-action {
  margin: 0;
  padding: 2px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#animal-details-v3 .event .event-data .event-header .header-action.btn-primary *, #events .dataTable tbody .event .event-data .event-header .header-action.btn-primary *, .user-notifications .event .event-data .event-header .header-action.btn-primary *, .profile .event .event-data .event-header .header-action.btn-primary * {
  color: #fff;
}
#animal-details-v3 .event .event-data .event-data, #events .dataTable tbody .event .event-data .event-data, .user-notifications .event .event-data .event-data, .profile .event .event-data .event-data {
  display: inline-block;
  vertical-align: middle;
}
#animal-details-v3 .event .event-data .event-description .event-media, #events .dataTable tbody .event .event-data .event-description .event-media, .user-notifications .event .event-data .event-description .event-media, .profile .event .event-data .event-description .event-media {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#animal-details-v3 .event .event-data .event-description .attachments-list, #events .dataTable tbody .event .event-data .event-description .attachments-list, .user-notifications .event .event-data .event-description .attachments-list, .profile .event .event-data .event-description .attachments-list {
  width: 500px;
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#animal-details-v3 .event .event-data .event-description .attachments-list *, #events .dataTable tbody .event .event-data .event-description .attachments-list *, .user-notifications .event .event-data .event-description .attachments-list *, .profile .event .event-data .event-description .attachments-list * {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#animal-details-v3 .event .event-secondary, #events .dataTable tbody .event .event-secondary, .user-notifications .event .event-secondary, .profile .event .event-secondary {
  float: right;
  text-align: right;
}
#animal-details-v3 .event .event-secondary .menu a.dropdown-toggle, #events .dataTable tbody .event .event-secondary .menu a.dropdown-toggle, .user-notifications .event .event-secondary .menu a.dropdown-toggle, .profile .event .event-secondary .menu a.dropdown-toggle {
  padding: 2px 10px;
}
#animal-details-v3 .event .event-secondary .menu .dropdown-menu, #events .dataTable tbody .event .event-secondary .menu .dropdown-menu, .user-notifications .event .event-secondary .menu .dropdown-menu, .profile .event .event-secondary .menu .dropdown-menu {
  width: 150px;
}
#animal-details-v3 .event .event-secondary .event-timestamp, #events .dataTable tbody .event .event-secondary .event-timestamp, .user-notifications .event .event-secondary .event-timestamp, .profile .event .event-secondary .event-timestamp {
  white-space: nowrap;
  display: block;
  line-height: 2em;
  font-size: 0.7em;
  padding-top: 0.25em;
}
#animal-details-v3 .event .event-secondary .event-timestamp small.premise-name, #events .dataTable tbody .event .event-secondary .event-timestamp small.premise-name, .user-notifications .event .event-secondary .event-timestamp small.premise-name, .profile .event .event-secondary .event-timestamp small.premise-name {
  font-size: 12px;
  color: #868686;
  font-style: italic;
  position: absolute;
  bottom: 0;
  right: 0;
}
#animal-details-v3 .event .event-secondary .event-timestamp .zmdi, #events .dataTable tbody .event .event-secondary .event-timestamp .zmdi, .user-notifications .event .event-secondary .event-timestamp .zmdi, .profile .event .event-secondary .event-timestamp .zmdi {
  height: unset !important;
  width: unset !important;
  font-size: 12px;
}
#animal-details-v3 .event.unknown-event .event-photo .herddogg-icon, #events .dataTable tbody .event.unknown-event .event-photo .herddogg-icon, .user-notifications .event.unknown-event .event-photo .herddogg-icon, .profile .event.unknown-event .event-photo .herddogg-icon {
  font-size: 18px;
}
#animal-details-v3 .event.unknown-event .event-icon, #events .dataTable tbody .event.unknown-event .event-icon, .user-notifications .event.unknown-event .event-icon, .profile .event.unknown-event .event-icon {
  font-size: 13px;
  background-color: #ccc !important;
}
#animal-details-v3 .event.unknown-event .event-data .event-header, #events .dataTable tbody .event.unknown-event .event-data .event-header, .user-notifications .event.unknown-event .event-data .event-header, .profile .event.unknown-event .event-data .event-header {
  font-weight: normal;
  padding-bottom: 0;
}
#animal-details-v3 .event.default .event-header, #events .dataTable tbody .event.default .event-header, .user-notifications .event.default .event-header, .profile .event.default .event-header {
  display: inline-block;
}

.dataTable .event .menu {
  display: none;
}

.dataTable tbody tr.editable .event .event-secondary .menu {
  display: block;
}

.user-notifications .dataTable tbody tr.editable .event .event-secondary .menu {
  display: none;
}

#events .dataTable tbody .event {
  border-bottom: none;
  padding: 1em 0;
}
#events .dataTable tbody .event form .card-header {
  display: none;
}

.card-body > .event {
  margin: 0 1rem;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.event-filter .alert-icon {
  color: #fff;
}
.event-filter .applied-filters {
  background-color: #000;
  border-radius: 100px;
  height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.event-filter .applied-filters .alert-icon {
  font-size: 16px;
  height: 25px;
  width: 25px;
}
.event-filter .filter-options {
  padding: 3px;
  display: flex;
  flex-wrap: wrap;
}
.event-filter .body {
  padding: 11px 20px;
}
.event-filter .subtype {
  padding-left: 35px;
}

.events-loader {
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 3em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

/* 
  To modify this font set, import the herddogg-icons-2.svg file 
  into an icon services like icomoon.io or fontastic.me.
  Replace existing svg, woff, ttf, and eot files with the new ones.
  Then update styles below. 
  Note that the general styles at the top of this file have customizations.
*/
@font-face {
  font-family: "herddogg-icons-2";
  src: url(/fonts/herddogg-icons-2.eot);
  src: url(/fonts/herddogg-icons-2.eot?#iefix) format("embedded-opentype"), url(/fonts/herddogg-icons-2.woff) format("woff"), url(/fonts/herddogg-icons-2.ttf) format("truetype"), url(/fonts/herddogg-icons-2.svg#herddogg-icons-2) format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "herddogg-icons-2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=herddogg-icon-]:before,
[class*=" herddogg-icon-"]:before {
  font-family: "herddogg-icons-2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.herddogg-icon-add-beef:before {
  content: "a";
}

.herddogg-icon-dairy-herd-list:before {
  content: "b";
}

.herddogg-icon-health:before {
  content: "c";
}

.herddogg-icon-sheep-head:before {
  content: "d";
}

.herddogg-icon-sheep-herd-count:before {
  content: "e";
}

.herddogg-icon-healthy-herds:before {
  content: "f";
}

.herddogg-icon-doggblog:before {
  content: "g";
}

.herddogg-icon-add-dairy:before {
  content: "h";
}

.herddogg-icon-add-sheep:before {
  content: "i";
}

.herddogg-icon-doggblog2:before {
  content: "j";
}

.herddogg-icon-herddogg-logo:before {
  content: "k";
}

.herddogg-icon-sheep-herd-list:before {
  content: "l";
}

.herddogg-icon-herddogg-logomark:before {
  content: "m";
}

.herddogg-icon-doggbone:before {
  content: "n";
}

.herddogg-icon-avatar:before {
  content: "o";
}

.herddogg-icon-beef-head:before {
  content: "p";
}

.herddogg-icon-doggbone2:before {
  content: "q";
}

.herddogg-icon-herddogg-logotype:before {
  content: "r";
}

.herddogg-icon-track-dairy:before {
  content: "s";
}

.herddogg-icon-track-sheep:before {
  content: "t";
}

.herddogg-icon-internet-of-herds:before {
  content: "u";
}

.herddogg-icon-doggtag:before {
  content: "v";
}

.herddogg-icon-beef-herd-count:before {
  content: "w";
}

.herddogg-icon-beef-herd-list:before {
  content: "x";
}

.herddogg-icon-doggtag2:before {
  content: "y";
}

.herddogg-icon-ioh:before {
  content: "z";
}

.herddogg-icon-tracking-cow:before {
  content: "A";
}

.herddogg-icon-tracking-cow2:before {
  content: "B";
}

.herddogg-icon-laying:before {
  content: "C";
}

.herddogg-icon-doggtag-doggbone:before {
  content: "D";
}

.herddogg-icon-drinking:before {
  content: "E";
}

.herddogg-icon-location:before {
  content: "F";
}

.herddogg-icon-tracking-dogg:before {
  content: "G";
}

.herddogg-icon-tracking-tag:before {
  content: "H";
}

.herddogg-icon-mounting:before {
  content: "I";
}

.herddogg-icon-eating:before {
  content: "J";
}

.herddogg-icon-broken-doggtag:before {
  content: "K";
}

.herddogg-icon-estrus:before {
  content: "L";
}

.herddogg-icon-pair-doggbone:before {
  content: "M";
}

.herddogg-icon-tracking-tag2:before {
  content: "N";
}

.herddogg-icon-treatment:before {
  content: "O";
}

.herddogg-icon-gathering:before {
  content: "P";
}

.herddogg-icon-circle:before {
  content: "Q";
}

.herddogg-icon-dairy-herd-count:before {
  content: "R";
}

.herddogg-icon-ruminating:before {
  content: "S";
}

.herddogg-icon-wheres-the-beef:before {
  content: "T";
}

.herddogg-icon-feedback:before {
  content: "U";
}

.herddogg-icon-help:before {
  content: "V";
}

.herddogg-icon-logout:before {
  content: "W";
}

.herddogg-icon-pair-doggtag2:before {
  content: "X";
}

.herddogg-icon-dashboard:before {
  content: "Y";
}

.herddogg-icon-settings:before {
  content: "Z";
}

.herddogg-icon-biometrics:before {
  content: "0";
}

.herddogg-icon-calves:before {
  content: "1";
}

.herddogg-icon-feed:before {
  content: "2";
}

.herddogg-icon-hospital:before {
  content: "3";
}

.herddogg-icon-maternity:before {
  content: "4";
}

.herddogg-icon-milk-barn:before {
  content: "5";
}

.herddogg-icon-mobile:before {
  content: "6";
}

.herddogg-icon-social:before {
  content: "7";
}

.herddogg-icon-water:before {
  content: "8";
}

.herddogg-icon-broken-doggbone:before {
  content: "9";
}

.herddogg-icon-pair-doggtag:before {
  content: "!";
}

.herddogg-icon-doggtag-fill:before, .herddogg-icon-doggtag-gray:before, .herddogg-icon-doggtag-trace:before, .herddogg-icon-doggtag-welfare:before, .herddogg-icon-doggtag-welfarenfctag:before, .herddogg-icon-doggtag-old:before {
  content: '"';
}

.herddogg-icon-doggtag-led:before {
  content: "#";
}

.herddogg-icon-doggtag-outline:before {
  content: "$";
}

.herddogg-icon-calves-1:before {
  content: "%";
}

.herddogg-icon-calves-round:before {
  content: "&";
}

.herddogg-icon-calves-square:before {
  content: "'";
}

.herddogg-icon-feed-1:before {
  content: "(";
}

.herddogg-icon-feed-round:before {
  content: ")";
}

.herddogg-icon-feed-square:before {
  content: "*";
}

.herddogg-icon-hhi:before {
  content: "+";
}

.herddogg-icon-hospital-1:before {
  content: ",";
}

.herddogg-icon-hospital-round:before {
  content: "-";
}

.herddogg-icon-hospital-square:before {
  content: ".";
}

.herddogg-icon-maternity-1:before {
  content: "/";
}

.herddogg-icon-maternity-round:before {
  content: ":";
}

.herddogg-icon-maternity-square:before {
  content: ";";
}

.herddogg-icon-milk-barn-1:before {
  content: "<";
}

.herddogg-icon-milk-barn-round:before {
  content: "=";
}

.herddogg-icon-milk-barn-square:before {
  content: ">";
}

.herddogg-icon-mobile-1:before {
  content: "?";
}

.herddogg-icon-mobile-round:before {
  content: "@";
}

.herddogg-icon-mobile-square:before {
  content: "[";
}

.herddogg-icon-pasture:before {
  content: "]";
}

.herddogg-icon-pasture-round:before {
  content: "^";
}

.herddogg-icon-pasture-square:before {
  content: "_";
}

.herddogg-icon-ruminating2:before {
  content: "`";
}

.herddogg-icon-social-1:before {
  content: "{";
}

.herddogg-icon-social-round:before {
  content: "|";
}

.herddogg-icon-social-square:before {
  content: "}";
}

.herddogg-icon-tracking-beef:before {
  content: "~";
}

.herddogg-icon-tracking-dairy:before {
  content: "\\";
}

.herddogg-icon-tracking-sheep:before {
  content: "\e000";
}

.herddogg-icon-water-1:before {
  content: "\e001";
}

.herddogg-icon-water-round:before {
  content: "\e002";
}

.herddogg-icon-water-square:before {
  content: "\e003";
}

.herddogg-icon-missing-doggtag:before {
  content: "\e004";
}

.herddogg-icon-add-location:before {
  content: "\e005";
}

.herddogg-icon-missing-beef:before {
  content: "\e006";
}

.herddogg-icon-missing-dairy:before {
  content: "\e007";
}

.herddogg-icon-missing-sheep:before {
  content: "\e008";
}

.herddogg-icon-pair-drone:before {
  content: "\e009";
}

.herddogg-icon-pair-drone-beef:before {
  content: "\e00a";
}

.herddogg-icon-pair-drone-dairy:before {
  content: "\e00b";
}

.herddogg-icon-pair-drone-sheep:before {
  content: "\e00c";
}

.herddogg-icon-pair-scale:before {
  content: "\e00d";
}

.herddogg-icon-pair-scale-beef:before {
  content: "\e00e";
}

.herddogg-icon-pair-scale-dairy:before {
  content: "\e00f";
}

.herddogg-icon-pair-scale-sheep:before {
  content: "\e010";
}

.herddogg-icon-pin-estrus:before {
  content: "\e011";
}

.herddogg-icon-pin-water:before {
  content: "\e012";
}

.herddogg-icon-qr:before {
  content: "\e013";
}

.herddogg-icon-pin-feed:before {
  content: "\e014";
}

.herddogg-icon-pin-fill:before {
  content: "\e015";
}

.herddogg-icon-qr-question:before {
  content: "\e016";
}

.herddogg-icon-saucer:before {
  content: "\e017";
}

.herddogg-icon-pin-health:before {
  content: "\e018";
}

.herddogg-icon-pin-laying:before {
  content: "\e019";
}

.herddogg-icon-tag-tool:before {
  content: "\e01a";
}

.herddogg-icon-pin-location:before {
  content: "\e01b";
}

.herddogg-icon-pin-maternity:before {
  content: "\e01c";
}

.herddogg-icon-pin-milking:before {
  content: "\e01d";
}

.herddogg-icon-pin-mobile:before {
  content: "\e01e";
}

.herddogg-icon-pin-mounting:before {
  content: "\e01f";
}

.herddogg-icon-pin-pasture:before {
  content: "\e020";
}

.herddogg-icon-pin-ruminating:before {
  content: "\e021";
}

.herddogg-icon-pin-social:before {
  content: "\e022";
}

.herddogg-icon-bison-profile:before {
  content: "\e026";
}

.herddogg-icon-checkup:before {
  content: "\e02a";
}

.herddogg-icon-castrate:before {
  content: "\e02b";
}

.herddogg-icon-pin-breed:before {
  content: "\e02c";
}

.herddogg-icon-protocols:before {
  content: "\e02e";
}

.herddogg-icon-vaccinate:before {
  content: "\e029";
}

.herddogg-icon-ultrasound:before {
  content: "\e02f";
}

.herddogg-icon-insemination:before {
  content: "\e028";
}

.herddogg-icon-bison:before {
  content: "\e023";
}

.herddogg-icon-bison-add:before {
  content: "\e024";
}

.herddogg-icon-bison-question:before {
  content: "\e027";
}

.herddogg-icon-bison-alt:before {
  content: "\e025";
}

.herddogg-icon-ruminating3:before {
  content: "\e030";
}

.herddogg-icon-branding:before {
  content: "\e02d";
}

.herddogg-icon-culling:before {
  content: "\e031";
}

.herddogg-icon-logo:before {
  content: "\e032";
}

.herddogg-icon-logo-right:before {
  content: "\e033";
}

.herddogg-icon-medic:before {
  content: "\e034";
}

.herddogg-icon-grange:before {
  content: "\e035";
}

.herddogg-icon-skydogg:before {
  content: "\e036";
}

.herddogg-icon-skydogg-doggbone:before {
  content: "\e037";
}

.herddogg-icon-dogghouse:before {
  content: "\e038";
}

.herddogg-icon-megaphone:before {
  content: "\e039";
}

.herddogg-icon-beef-transfer:before {
  content: "\e03a";
}

.herddogg-icon-cmp-application:before {
  content: "\e03b";
}

.herddogg-icon-delivery-truck:before {
  content: "\e03c";
}

.herddogg-icon-dehorn:before {
  content: "\e03e";
}

.herddogg-icon-directory:before {
  content: "\e03f";
}

.herddogg-icon-application:before {
  content: "\e040";
}

.herddogg-icon-grass:before {
  content: "\e041";
}

.herddogg-icon-heart:before {
  content: "\e042";
}

.herddogg-icon-led-off:before {
  content: "\e043";
}

.herddogg-icon-led-on:before {
  content: "\e044";
}

.herddogg-icon-led-off-big:before {
  content: "\e045";
}

.herddogg-icon-sleep:before {
  content: "\e046";
}

.herddogg-icon-thought-question:before {
  content: "\e047";
}

.herddogg-icon-pacifier:before {
  content: "\e048";
}

.herddogg-icon-water-2:before {
  content: "\e049";
}

.herddogg-icon-usda-logo:before {
  content: "\e04a";
}

.herddogg-icon-no-eid:before {
  content: "\e04b";
}

.herddogg-icon-no-ear-tag:before {
  content: "\e04c";
}

.herddogg-icon-ear-tag:before {
  content: "\e04d";
}

.herddogg-icon-eid:before {
  content: "\e04e";
}

.herddogg-icon-doggbone-dark:before, .herddogg-icon-doggbone-gray:before {
  content: "\e04f";
}

.herddogg-icon-doggbone-offline-dark:before {
  content: "\e050";
}

.herddogg-icon-doggtag-dark:before {
  content: "\e051";
}

.herddogg-icon-doggtag-disconnected-dark:before {
  content: "\e052";
}

.herddogg-icon-female:before {
  content: "\e053";
}

.herddogg-icon-male:before {
  content: "\e054";
}

.herddogg-icon-cowbell-alert:before {
  content: "\e055";
}

.herddogg-icon-low-battery:before {
  content: "\e056";
}

.herddogg-icon-empty-transfer:before {
  content: "\e03d";
}

.herddogg-icon-lightbulb:before {
  content: "\e057";
}

.herddogg-icon-doggtag-strikethrough:before {
  content: "\e059";
}

.herddogg-icon-doggtag-checkmark:before {
  content: "\e05a";
}

.herddogg-icon-empty-transfer-1:before {
  content: "\e05b";
}

.herddogg-icon-signal-strength-0:before {
  content: "\e058";
}

.herddogg-icon-signal-strength-1:before {
  content: "\e05c";
}

.herddogg-icon-signal-strength-2:before {
  content: "\e05d";
}

.herddogg-icon-signal-strength-3:before {
  content: "\e05e";
}

.herddogg-icon-signal-strength-4:before {
  content: "\e05f";
}

.herddogg-icon-paddock-round:before {
  content: "\e901";
}

.herddogg-icon, .zmdi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.doggtagged {
  font-size: 32px;
  margin-left: -6px;
}

.herddogg-icon-doggtag-gray:before {
  color: #ccc;
}

.herddogg-icon-doggbone-gray:before {
  color: #ccc;
}

.herddogg-icon-doggtag-trace:before {
  color: #ffc107;
}

.herddogg-icon-doggtag-welfare:before {
  color: #ff7250;
}

.herddogg-icon-doggtag-welfarenfctag::before {
  color: #142731;
}

.herddogg-icon-doggtag-old::before {
  color: #017e8e;
}

@font-face {
  font-family: "herddogg-icons-2";
  src: url(/assets/herddogg-icons-2-baf8a28faf34a4becdd568de710c22b1ef372189a6aca3d3b46ea2644e94400f.eot);
  src: url(/assets/herddogg-icons-2-baf8a28faf34a4becdd568de710c22b1ef372189a6aca3d3b46ea2644e94400f.eot?#iefix) format("embedded-opentype"), url(/assets/herddogg-icons-2-ef3d0259ca1d0607d42670fc709545485d123a423cb42c54629670ba10bf826b.woff) format("woff"), url(/assets/herddogg-icons-2-01c29038f3c2e0dc9474a22fb7760b127652344d74558ca09c2c10bd66da16ba.ttf) format("truetype"), url(/assets/herddogg-icons-2-0450bc3eb8b2ab6bf345ffc495b0566c2d7bfe5fa8104d381e185c5e148d41e4.svg#herddogg-icons-2) format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-toggle=dropdown] .alert-icon:hover {
  cursor: pointer;
}

.loading-gif {
  display: none;
}

.up-active:not(form) .zmdi, .up-active:not(form) .herddogg-icon, .show-loading-gif .zmdi, .show-loading-gif .herddogg-icon {
  display: none;
}
.up-active:not(form) .icon-container .zmdi, .up-active:not(form) .icon-container .herddogg-icon, .show-loading-gif .icon-container .zmdi, .show-loading-gif .icon-container .herddogg-icon {
  display: inline-flex;
}
.up-active:not(form) .icon-container .loading-gif, .show-loading-gif .icon-container .loading-gif {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  filter: invert(1);
}
.up-active:not(form) .icon-container:hover .loading-gif, .show-loading-gif .icon-container:hover .loading-gif {
  filter: invert(0.9);
}
.up-active:not(form) .icon-container:after, .show-loading-gif .icon-container:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 1000px;
}
.up-active:not(form) .loading-gif, .show-loading-gif .loading-gif {
  margin-right: 5px;
  display: inline;
}

.nav-item .nav-link.up-active .loading-gif {
  margin-top: -6%;
}

.show-password {
  line-height: 6em;
}
.show-password .zmdi:hover {
  cursor: pointer;
}

.site-icon {
  font-size: 10rem;
}

.avatar {
  position: relative;
}
.avatar .hover-edit {
  position: absolute !important;
  padding: 0 !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none !important;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff !important;
  border-radius: inherit;
}
.avatar .hover-edit .zmdi, .avatar .hover-edit .herddogg-icon {
  font-size: inherit !important;
  height: unset !important;
  width: unset !important;
}
.avatar:hover .hover-edit {
  display: flex !important;
}

.icon-container {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #000;
  border-radius: 1000px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
.icon-container .herddogg-icon, .icon-container .zmdi {
  height: 100%;
  width: 100%;
  border-radius: inherit;
  font-size: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-container .hover-edit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: inherit;
}
.icon-container .hover-edit .zmdi, .icon-container .hover-edit .herddogg-icon {
  font-size: inherit !important;
  height: unset;
  width: unset;
}
.icon-container:hover .hover-edit {
  display: flex;
}
.icon-container .loading-gif {
  position: absolute;
  height: 80%;
  width: 80%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  filter: invert(1);
}
.icon-container .selectable {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: inherit;
  border-radius: inherit;
  z-index: 10;
}
.icon-container .selectable.selected {
  display: block;
}
.icon-container .selectable.selected:after {
  content: "✔";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(30, 182, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
.icon-container .removable {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: inherit;
  border-radius: inherit;
  z-index: 10;
}
.icon-container:hover {
  cursor: pointer;
}
.icon-container:hover .removable {
  display: block;
}
.icon-container:hover .removable:after {
  content: "×";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(244, 67, 54, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}

.herddogg-icon, .zmdi, .hdfont {
  position: relative;
}
.herddogg-icon.alert-icon, .zmdi.alert-icon, .hdfont.alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 20px;
  width: 30px;
  height: 30px;
}
.herddogg-icon.alert-icon.battery, .zmdi.alert-icon.battery, .hdfont.alert-icon.battery {
  font-size: 25px;
}
.herddogg-icon.alert-icon.battery .zmdi, .zmdi.alert-icon.battery .zmdi, .hdfont.alert-icon.battery .zmdi {
  position: absolute;
  top: 50%;
  font-size: 70%;
  transform: translateY(-42%);
  color: #ee4635;
}
.herddogg-icon.herddogg-icon-add-note, .zmdi.herddogg-icon-add-note, .hdfont.herddogg-icon-add-note {
  flex-direction: row-reverse;
  align-items: center;
}
.herddogg-icon.herddogg-icon-add-note:before, .zmdi.herddogg-icon-add-note:before, .hdfont.herddogg-icon-add-note:before {
  content: "U";
  transform: scale(0.7, 0.75);
}
.herddogg-icon.herddogg-icon-add-note:after, .zmdi.herddogg-icon-add-note:after, .hdfont.herddogg-icon-add-note:after {
  font-size: 0.7em;
  font-weight: light;
  margin-right: -10%;
  content: "+";
}
.herddogg-icon.herddogg-icon-new-protocol, .zmdi.herddogg-icon-new-protocol, .hdfont.herddogg-icon-new-protocol {
  flex-direction: row-reverse;
  align-items: center;
}
.herddogg-icon.herddogg-icon-new-protocol:before, .zmdi.herddogg-icon-new-protocol:before, .hdfont.herddogg-icon-new-protocol:before {
  content: "\e02e";
  transform: scale(0.75);
}
.herddogg-icon.herddogg-icon-new-protocol:after, .zmdi.herddogg-icon-new-protocol:after, .hdfont.herddogg-icon-new-protocol:after {
  font-size: 0.7em;
  margin-right: -10%;
  content: "+";
}
.herddogg-icon.herddogg-icon-delivery-dairy:before, .herddogg-icon.herddogg-icon-delivery-beef:before, .herddogg-icon.herddogg-icon-delivery-bison:before, .herddogg-icon.herddogg-icon-delivery-other:before, .zmdi.herddogg-icon-delivery-dairy:before, .zmdi.herddogg-icon-delivery-beef:before, .zmdi.herddogg-icon-delivery-bison:before, .zmdi.herddogg-icon-delivery-other:before, .hdfont.herddogg-icon-delivery-dairy:before, .hdfont.herddogg-icon-delivery-beef:before, .hdfont.herddogg-icon-delivery-bison:before, .hdfont.herddogg-icon-delivery-other:before {
  position: absolute;
  font-size: 65%;
  transform: translate(-35%, -7%) scale(0.9, 1);
}
.herddogg-icon.herddogg-icon-delivery-dairy:after, .herddogg-icon.herddogg-icon-delivery-beef:after, .herddogg-icon.herddogg-icon-delivery-bison:after, .herddogg-icon.herddogg-icon-delivery-other:after, .zmdi.herddogg-icon-delivery-dairy:after, .zmdi.herddogg-icon-delivery-beef:after, .zmdi.herddogg-icon-delivery-bison:after, .zmdi.herddogg-icon-delivery-other:after, .hdfont.herddogg-icon-delivery-dairy:after, .hdfont.herddogg-icon-delivery-beef:after, .hdfont.herddogg-icon-delivery-bison:after, .hdfont.herddogg-icon-delivery-other:after {
  font-family: "herddogg-icons-2";
  content: "\e03c";
  font-size: 135%;
}
.herddogg-icon.herddogg-icon-delivery-bison:before, .zmdi.herddogg-icon-delivery-bison:before, .hdfont.herddogg-icon-delivery-bison:before {
  content: "\e026";
}
.herddogg-icon.herddogg-icon-delivery-beef:before, .zmdi.herddogg-icon-delivery-beef:before, .hdfont.herddogg-icon-delivery-beef:before {
  content: "x";
}
.herddogg-icon.herddogg-icon-delivery-dairy:before, .zmdi.herddogg-icon-delivery-dairy:before, .hdfont.herddogg-icon-delivery-dairy:before {
  content: "b";
}
.herddogg-icon.herddogg-icon-delivery-other:before, .zmdi.herddogg-icon-delivery-other:before, .hdfont.herddogg-icon-delivery-other:before {
  content: "l";
}
.herddogg-icon.herddogg-icon-transfer-dairy:before, .herddogg-icon.herddogg-icon-transfer-beef:before, .herddogg-icon.herddogg-icon-transfer-bison:before, .herddogg-icon.herddogg-icon-transfer-other:before, .zmdi.herddogg-icon-transfer-dairy:before, .zmdi.herddogg-icon-transfer-beef:before, .zmdi.herddogg-icon-transfer-bison:before, .zmdi.herddogg-icon-transfer-other:before, .hdfont.herddogg-icon-transfer-dairy:before, .hdfont.herddogg-icon-transfer-beef:before, .hdfont.herddogg-icon-transfer-bison:before, .hdfont.herddogg-icon-transfer-other:before {
  content: "\e03d";
  position: absolute;
  transform: translate(10%, 10%);
}
.herddogg-icon.herddogg-icon-transfer-dairy:after, .herddogg-icon.herddogg-icon-transfer-beef:after, .herddogg-icon.herddogg-icon-transfer-bison:after, .herddogg-icon.herddogg-icon-transfer-other:after, .zmdi.herddogg-icon-transfer-dairy:after, .zmdi.herddogg-icon-transfer-beef:after, .zmdi.herddogg-icon-transfer-bison:after, .zmdi.herddogg-icon-transfer-other:after, .hdfont.herddogg-icon-transfer-dairy:after, .hdfont.herddogg-icon-transfer-beef:after, .hdfont.herddogg-icon-transfer-bison:after, .hdfont.herddogg-icon-transfer-other:after {
  transform: translate(-10%, -10%);
  font-size: 90%;
  font-family: "herddogg-icons-2";
  line-height: 1;
}
.herddogg-icon.herddogg-icon-transfer-bison:after, .zmdi.herddogg-icon-transfer-bison:after, .hdfont.herddogg-icon-transfer-bison:after {
  content: "\e026";
}
.herddogg-icon.herddogg-icon-transfer-beef:after, .zmdi.herddogg-icon-transfer-beef:after, .hdfont.herddogg-icon-transfer-beef:after {
  content: "x";
}
.herddogg-icon.herddogg-icon-transfer-dairy:after, .zmdi.herddogg-icon-transfer-dairy:after, .hdfont.herddogg-icon-transfer-dairy:after {
  content: "b";
}
.herddogg-icon.herddogg-icon-transfer-other:after, .zmdi.herddogg-icon-transfer-other:after, .hdfont.herddogg-icon-transfer-other:after {
  content: "l";
}
.herddogg-icon.TreatmentWeight, .herddogg-icon.TagEid, .herddogg-icon.Tag, .herddogg-icon.AnimalDelivery, .zmdi.TreatmentWeight, .zmdi.TagEid, .zmdi.Tag, .zmdi.AnimalDelivery, .hdfont.TreatmentWeight, .hdfont.TagEid, .hdfont.Tag, .hdfont.AnimalDelivery {
  position: relative;
}
.herddogg-icon.TreatmentWeight, .zmdi.TreatmentWeight, .hdfont.TreatmentWeight {
  flex-direction: column;
}
.herddogg-icon.TreatmentWeight:before, .zmdi.TreatmentWeight:before, .hdfont.TreatmentWeight:before {
  font-size: 80%;
}
.herddogg-icon.TreatmentWeight:after, .zmdi.TreatmentWeight:after, .hdfont.TreatmentWeight:after {
  content: "1ml/2lb";
  font-size: 30%;
  font-weight: bold;
  margin-top: -5%;
}
.herddogg-icon.TagEid:after, .zmdi.TagEid:after, .hdfont.TagEid:after {
  content: "EID";
  position: absolute;
  color: #fff;
  font-size: 35%;
  font-weight: bold;
  transform: translateY(9%);
}
.herddogg-icon.Tag:after, .zmdi.Tag:after, .hdfont.Tag:after {
  content: "#42";
  position: absolute;
  color: #fff;
  font-size: 35%;
  font-weight: bold;
  transform: translateY(7%);
}
.herddogg-icon.TruTestScale, .zmdi.TruTestScale, .hdfont.TruTestScale {
  background: no-repeat #fff center/80% url(/assets/trutest-icon-0a24c7cac136649006245a09ec3e260bbdb39217fb13c429bac990914d78d672.png);
}
.herddogg-icon.ScaleTecPoint, .zmdi.ScaleTecPoint, .hdfont.ScaleTecPoint {
  background: no-repeat #fff center/60% url(/assets/scaletec-icon-1965af4baf9a6b94c276820b96201b47416caeadf520383cc0f89ebda8e66b37.png);
}
.herddogg-icon.BisonBcs, .zmdi.BisonBcs, .hdfont.BisonBcs {
  background: no-repeat #fff center/70% url(/assets/nba-icon-632f7b50e85e74b9b5c6d936a06a3b66757615159fb9709563c469e0a794222e.png);
}
.herddogg-icon.CmpApplication, .zmdi.CmpApplication, .hdfont.CmpApplication {
  background: no-repeat #fff center/65% url(/assets/cmp-icon-f08f5c27c4eadecf0a231e9ecca8b24940e0b98852541fded7e280b7d274c40c.png);
}

.new-icon {
  position: relative;
}
.new-icon:after {
  content: "NEW!";
  width: 35px;
  height: 17px;
  padding: 1px 0;
  font-size: 10px;
  background-color: #f44336;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  border-radius: 100px;
  right: 0;
  color: #fff;
  transform: translate(40%, -25%);
  font-weight: bold;
  z-index: 100;
}

.range-slider small.warning {
  color: #dc3545;
}
.range-slider .slide-control {
  display: flex;
  align-items: center;
}
.range-slider .slide-control .slide-field {
  height: 24px;
  line-height: 24px;
}
.range-slider .slide-control .slide-label {
  margin: 0 0.5em;
  width: 120px;
  font-weight: normal;
  text-transform: capitalize;
}
.range-slider .slide-control input[type=range] {
  height: 24px;
  -webkit-appearance: none;
  margin: 0;
  width: 100%;
}
.range-slider .slide-control input[type=range]:focus {
  outline: none;
}
.range-slider .slide-control input[type=range]:focus::-webkit-slider-runnable-track {
  background: #efefef;
}
.range-slider .slide-control input[type=range]:focus::-ms-fill-lower {
  background: #efefef;
}
.range-slider .slide-control input[type=range]:focus::-ms-fill-upper {
  background: #efefef;
}
.range-slider .slide-control input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 2px 1px 3px inset #dedede;
  background: #efefef;
  border-radius: 24px;
  border: 1px solid #ccc;
}
.range-slider .slide-control input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #fff;
  height: 28px;
  width: 12px;
  border-radius: 18px;
  background: #32becf;
  cursor: pointer;
  margin-top: -9px;
  -webkit-appearance: none;
}
.range-slider .slide-control input[type=range]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 2px 1px 3px inset #dedede;
  background: #efefef;
  border-radius: 24px;
  border: 1px solid #ccc;
}
.range-slider .slide-control input[type=range]::-moz-range-thumb {
  border: 1px solid #fff;
  height: 28px;
  width: 12px;
  border-radius: 18px;
  background: #32becf;
  cursor: pointer;
  margin-top: -9px;
  margin: 1px;
}
.range-slider .slide-control input[type=range]::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-slider .slide-control input[type=range] ::-ms-fill-lower {
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 24px;
  box-shadow: 2px 1px 3px inset #dedede;
}
.range-slider .slide-control input[type=range] ::-ms-fill-upper {
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 24px;
  box-shadow: 2px 1px 3px inset #dedede;
}
.range-slider .slide-control input[type=range] ::-ms-thumb {
  margin: 1px;
  border: 1px solid #fff;
  height: 28px;
  width: 12px;
  border-radius: 18px;
  background: #32becf;
  cursor: pointer;
  margin-top: -9px;
}

.item-table-list .showing {
  padding: 1em 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e2e2e2;
}

.ReactTable .rt-noData, .react-table .rt-noData {
  position: unset;
  left: unset;
  top: unset;
  transform: unset;
  display: block;
  margin-top: 0.5em;
  text-align: center;
}
.ReactTable .rt-table .rt-thead.-header, .react-table .rt-table .rt-thead.-header {
  box-shadow: none;
}
.ReactTable .rt-table .rt-thead.-header .rt-tr, .react-table .rt-table .rt-thead.-header .rt-tr {
  margin: 0.5em;
}
.ReactTable .rt-table .rt-th, .react-table .rt-table .rt-th {
  align-items: center;
  background-color: transparent;
  border-right: 0;
  color: inherit;
  display: flex;
  font-weight: normal;
  padding: 0;
  text-align: left;
}
.ReactTable .rt-table .rt-th.action-column .hd-checkbox, .ReactTable .rt-table .rt-th.menu-column .hd-checkbox, .react-table .rt-table .rt-th.action-column .hd-checkbox, .react-table .rt-table .rt-th.menu-column .hd-checkbox {
  margin-left: 1em;
}
.ReactTable .rt-table .rt-th.action-column::before, .ReactTable .rt-table .rt-th.menu-column::before, .react-table .rt-table .rt-th.action-column::before, .react-table .rt-table .rt-th.menu-column::before {
  content: "";
}
.ReactTable .rt-table .rt-th .zmdi, .react-table .rt-table .rt-th .zmdi {
  padding-left: 0;
}
.ReactTable .rt-table .rt-th.device-column, .react-table .rt-table .rt-th.device-column {
  align-items: center;
}
.ReactTable .rt-table .rt-th.device-column .herddogg-icon:before, .react-table .rt-table .rt-th.device-column .herddogg-icon:before {
  margin-left: 0;
}
.ReactTable .rt-table .rt-th:before, .react-table .rt-table .rt-th:before {
  margin-left: 0;
}
.ReactTable .rt-table .rt-th [class^=herddogg-icon-],
.ReactTable .rt-table .rt-th [class*=" herddogg-icon-"], .react-table .rt-table .rt-th [class^=herddogg-icon-],
.react-table .rt-table .rt-th [class*=" herddogg-icon-"] {
  font-size: 20px;
}
.ReactTable .rt-table .rt-th [class^=herddogg-icon-]:before,
.ReactTable .rt-table .rt-th [class*=" herddogg-icon-"]:before, .react-table .rt-table .rt-th [class^=herddogg-icon-]:before,
.react-table .rt-table .rt-th [class*=" herddogg-icon-"]:before {
  vertical-align: text-bottom;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group, .react-table .rt-table .rt-tbody .rt-tr-group {
  border: 0;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  margin: 0.5em;
  min-height: 48px;
  padding: 0;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td {
  border-right: 0;
  height: 48px;
  line-height: 48px;
  padding: 0;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td .row-selection, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td .row-selection {
  align-items: center;
  display: flex;
  margin: 0 1em;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td.menu-column, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td.menu-column {
  align-items: center;
  justify-content: flex-end;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td.menu-column .dropdown, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .rt-td.menu-column .dropdown {
  margin: 0 1.5em;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .herddogg-icon::before, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .herddogg-icon::before {
  font-size: 28px;
  margin: 0 0 0 0.5em;
}
.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr .herdlist-icon::before, .react-table .rt-table .rt-tbody .rt-tr-group .rt-tr .herdlist-icon::before {
  font-size: 24px;
  margin: 0 0 0 0;
}
.ReactTable .-pagination, .react-table .-pagination {
  margin-top: 1em;
  box-shadow: none;
  border: none;
}
.ReactTable .-pagination .-previous, .ReactTable .-pagination .-next, .react-table .-pagination .-previous, .react-table .-pagination .-next {
  background-color: transparent;
}
.ReactTable .-pagination .-previous button, .ReactTable .-pagination .-previous .-btn, .ReactTable .-pagination .-next button, .ReactTable .-pagination .-next .-btn, .react-table .-pagination .-previous button, .react-table .-pagination .-previous .-btn, .react-table .-pagination .-next button, .react-table .-pagination .-next .-btn {
  background-color: #fff;
  font-weight: bold;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in-out;
  border-radius: 10px;
}
.ReactTable .-pagination .-previous button:hover, .ReactTable .-pagination .-previous .-btn:hover, .ReactTable .-pagination .-next button:hover, .ReactTable .-pagination .-next .-btn:hover, .react-table .-pagination .-previous button:hover, .react-table .-pagination .-previous .-btn:hover, .react-table .-pagination .-next button:hover, .react-table .-pagination .-next .-btn:hover {
  background-color: #fff;
  color: #000;
}

.ReactTable .rt-resizable-header::before {
  content: "\f312";
  font-family: "Material-Design-Iconic-Font";
  margin: 0 0.5em;
}
.ReactTable .rt-resizable-header.-sort-desc, .ReactTable .rt-resizable-header.-sort-asc {
  box-shadow: none !important;
}
.ReactTable .rt-resizable-header.-sort-desc:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  border-top: 5px solid #2799a7;
  margin-right: 0.5em;
}
.ReactTable .rt-resizable-header.-sort-asc:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  border-bottom: 5px solid #2799a7;
  margin-right: 0.5em;
}

.react-table .sortable::before {
  content: "\f312";
  font-family: "Material-Design-Iconic-Font";
  margin: 0 0.5em;
}
.react-table .sortable.-sort-desc, .react-table .sortable.-sort-asc {
  box-shadow: none !important;
}
.react-table .sortable.-sort-desc:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  border-top: 5px solid #2799a7;
  margin-right: 0.5em;
}
.react-table .sortable.-sort-asc:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  border-bottom: 5px solid #2799a7;
  margin-right: 0.5em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

ul.dropdown-menu.inner {
  margin-top: -200px !important;
}

.select2-container * {
  font-size: inherit !important;
}
.select2-container .select2-selection {
  height: calc(3rem + 2px);
  border-color: #f4f7f6;
  padding-left: 0px !important;
}
.select2-container .select2-selection .select2-selection__arrow {
  right: 1rem !important;
}
.select2-container .select2-selection .select2-selection__arrow b:before {
  font-size: 2.4rem !important;
  font-family: "Material-Design-Iconic-Font";
  content: "\f2f9";
  margin-right: 6px;
}
.select2-container .select2-selection .select2-selection__placeholder {
  color: #ccc;
}
.select2-container .select2-selection .select2-selection__rendered {
  overflow-x: auto !important;
  padding: 5px 5px 5px 0 !important;
  margin-right: 10px;
}
.select2-container .select2-dropdown {
  border-color: #017e8e !important;
}
.select2-container.select2-container--focus .select2-selection {
  border-color: #017e8e;
}
.select2-container.select2-container--open .select2-selection {
  border-color: #017e8e;
}
.select2-container.select2-container--open.select2-container--above .select2-selection {
  border-right: 1px solid #017e8e !important;
  border-left: 1px solid #017e8e !important;
}
.select2-container.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #017e8e;
}

.select2-selection--single {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select2-search--inline {
  list-style: none;
}

.select2-selection--multiple {
  border-color: transparent;
  width: auto;
}
.select2-selection--multiple .select2-search--inline .select2-search__field {
  width: auto !important;
}
.select2-selection--multiple .select2-selection__choice {
  background-color: #e2e2e2 !important;
  border: 1px solid #017e8e !important;
  border-radius: 20px !important;
  margin-top: 0 !important;
}
.select2-selection--multiple .select2-search__field {
  margin-top: 0 !important;
}
.select2-selection--multiple ul.select2-selection__rendered {
  padding-right: 30px !important;
}
.select2-selection--multiple ul.select2-selection__rendered:after {
  font-size: 2.4rem !important;
  font-family: "Material-Design-Iconic-Font";
  content: "\f2f9";
  margin-right: 6px;
  position: absolute;
  right: 0;
  font-weight: bold;
}

.select2-results {
  max-height: 400px;
  overflow-y: auto;
}

.select2-results__option--highlighted {
  color: #017e8e !important;
  background-color: unset !important;
  font-weight: bold !important;
}

.table-controls .select2-selection__choice {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  background-color: #017e8e !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 14px;
  max-height: 100%;
  list-style: none;
}
.table-controls .select2-selection__choice span {
  color: inherit !important;
}
.table-controls .select2-container, .table-controls .select2-selection {
  height: 100% !important;
}
.table-controls .select2-selection--multiple {
  border: none;
}

.herddogg-spinner {
  margin: 2rem;
  height: calc(100% - 32px);
  opacity: 0.66;
}

table.list {
  border-collapse: collapse;
  width: calc(100% - 20px);
  color: #000;
  margin: 10px;
  border: 1px solid #dee2e6;
  box-sizing: border-box;
}
table.list td, table.list th {
  padding: 0.5em;
  border: 1px solid #dee2e6;
  color: #000;
  box-sizing: border-box;
}
table.list th {
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}

table.align-top tbody tr td {
  vertical-align: top;
}

.table-responsive.settings-matrix {
  padding-bottom: 0;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.up-modal[up-flavor=drawer] .up-modal-dialog {
  max-width: 500px;
}

.daterangepicker, .select2-dropdown {
  z-index: 14000 !important;
}

.modal-dialog:not(.v3-modal) {
  max-width: 800px;
  width: 80%;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.announcements-table .herddogg-icon, .announcements-table .zmdi {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.announcements-table .herddogg-icon.herddogg-icon-megaphone, .announcements-table .zmdi.herddogg-icon-megaphone {
  color: #fff;
  background-color: #4caf50;
}
.announcements-table .herddogg-icon.zmdi-calendar, .announcements-table .zmdi.zmdi-calendar {
  color: #fff;
  background-color: #017e8e;
}
.announcements-table .herddogg-icon.zmdi-edit, .announcements-table .zmdi.zmdi-edit {
  color: #fff;
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154);
}
.announcements-table figure {
  margin: 0;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.announcements-table figure figcaption {
  max-width: 300px;
}
.announcements-table figure audio {
  height: 100%;
  border-radius: 100px;
}

.announcement-details .attachments-list {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.announcement-form .zmdi-close:hover {
  cursor: pointer;
}
.announcement-form #announcement_title {
  font-weight: bold;
  text-transform: uppercase;
}
.announcement-form .file-attachments {
  margin: 10px 0;
  display: inline-flex;
  align-items: center;
}
.announcement-form .attachments-preview {
  border-radius: 5px;
  background-color: #f4f6f9;
}
.announcement-form .audience-groups {
  display: flex;
  justify-content: center;
}
.announcement-form .audience-groups .group {
  display: flex;
  flex-basis: 33%;
}
.announcement-form .audience-groups .name {
  font-size: 18px;
  font-weight: bold;
}
.announcement-form .audience-groups .description {
  line-height: 1;
}
.announcement-form .audience-groups .group-card {
  margin: 10px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 3px solid rgba(1, 126, 142, 0);
  text-align: center;
  padding: 5px 10px;
  transition-duration: 0.3s;
  transition-property: border-color;
  transition-timing-function: ease-in-out;
}
.announcement-form .audience-groups .group-card:hover {
  cursor: pointer;
}
.announcement-form .audience-groups input:checked + .group-card {
  border-color: #017e8e;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.new-measurement .measurement-inputs, .new-measurement .gender-select {
  margin: 0 20px 0 10px;
  position: relative;
}
.new-measurement .measurement-inputs select, .new-measurement .gender-select select {
  bottom: 0;
}
.new-measurement .measurement-inputs {
  display: none;
}
.new-measurement .measurement-inputs.selected {
  display: block;
}
.new-measurement .measurements .orientation {
  max-width: 500px;
  height: auto;
  margin: auto;
  display: none;
}
.new-measurement .measurements .orientation.selected {
  display: block;
}
.new-measurement .measurements .orientation-select {
  width: 150px;
  height: auto;
}
.new-measurement .measurements .orientation-select.selected {
  border: 3px solid #017e8e;
}

svg #All_Dimensions polyline, svg #All_Dimensions circle, svg #All_Dimensions text, svg #All_Dimensions path, svg #All_Dimensions line, svg #Labels polyline, svg #Labels circle, svg #Labels text, svg #Labels path, svg #Labels line {
  stroke: #a6a6a6 !important;
}
svg .Dimension_A_Highlight,
svg .Dimension_B_Highlight,
svg .Dimension_C_Highlight,
svg .Dimension_D_Highlight,
svg .Dimension_E_Highlight,
svg .Dimension_F_Highlight,
svg .Dimension_G_Highlight,
svg .Dimension_H_Highlight,
svg .Dimension_I_Highlight,
svg .Dimension_J_Highlight {
  display: none;
}
svg .Dimension_A_Highlight polyline, svg .Dimension_A_Highlight circle, svg .Dimension_A_Highlight path, svg .Dimension_A_Highlight line,
svg .Dimension_B_Highlight polyline,
svg .Dimension_B_Highlight circle,
svg .Dimension_B_Highlight path,
svg .Dimension_B_Highlight line,
svg .Dimension_C_Highlight polyline,
svg .Dimension_C_Highlight circle,
svg .Dimension_C_Highlight path,
svg .Dimension_C_Highlight line,
svg .Dimension_D_Highlight polyline,
svg .Dimension_D_Highlight circle,
svg .Dimension_D_Highlight path,
svg .Dimension_D_Highlight line,
svg .Dimension_E_Highlight polyline,
svg .Dimension_E_Highlight circle,
svg .Dimension_E_Highlight path,
svg .Dimension_E_Highlight line,
svg .Dimension_F_Highlight polyline,
svg .Dimension_F_Highlight circle,
svg .Dimension_F_Highlight path,
svg .Dimension_F_Highlight line,
svg .Dimension_G_Highlight polyline,
svg .Dimension_G_Highlight circle,
svg .Dimension_G_Highlight path,
svg .Dimension_G_Highlight line,
svg .Dimension_H_Highlight polyline,
svg .Dimension_H_Highlight circle,
svg .Dimension_H_Highlight path,
svg .Dimension_H_Highlight line,
svg .Dimension_I_Highlight polyline,
svg .Dimension_I_Highlight circle,
svg .Dimension_I_Highlight path,
svg .Dimension_I_Highlight line,
svg .Dimension_J_Highlight polyline,
svg .Dimension_J_Highlight circle,
svg .Dimension_J_Highlight path,
svg .Dimension_J_Highlight line {
  stroke-width: 4 !important;
  stroke: #017e8e !important;
}

section#animal-records-report .table-responsive {
  min-height: unset;
}

.observation-timeline ul.legend .herddogg-icon, .observation-timeline ul.legend .zmdi {
  font-size: 22px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arc-strength {
  display: flex;
  align-items: center;
  width: 30%;
  font-size: 1.4rem;
}
.arc-strength .progress {
  height: 20px;
  border-radius: 20px;
  background-color: #4c6074;
  font-size: inherit;
}
.arc-strength .progress .progress-bar {
  font-weight: bold;
  background-color: #ff8623;
  justify-content: flex-end;
  padding-right: 5px;
}
.arc-strength .progress .progress-bar .zmdi {
  display: none;
}
.arc-strength .progress .progress-bar.progress-bar-success .zmdi {
  display: inline;
}

.modal-content .arc-strength {
  width: 50%;
}

.animal-info {
  font-size: 1.6rem;
}
.animal-info .select2 {
  width: 80% !important;
}
.animal-info .select2 .select2-selection {
  height: 28px;
  border-radius: 14px;
}

.note-form [data-trix-button-group] {
  background-color: #fff;
}
.note-form .trix-with-addon {
  display: flex;
  align-items: flex-end;
}
.note-form .trix-with-addon .editor-container {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: row-reverse;
}
.note-form .trix-with-addon .editor-container trix-editor {
  flex-grow: 1;
}
.note-form .trix-with-addon .editor-container div[id*=trix-editor-top-level] {
  width: 100%;
}
.note-form .trix-with-addon.trix-addon-left trix-editor {
  border-radius: 20px;
  border: 1px solid #ccc;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.note-form .trix-with-addon.trix-addon-left .trix-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  flex-basis: 50px;
  border-radius: 20px;
  border: 1px solid #ccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 64px;
  transition-durration: 0.3s;
  transition-property: border-color, background-color, color;
  transition-timing-function: ease-in-out;
}
.note-form .trix-with-addon.trix-addon-left .trix-addon input[type=file] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}
.note-form .trix-with-addon.trix-addon-left .trix-addon:hover {
  background-color: #017e8e;
  border: 1px solid #004c55 !important;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.note-form .trix-with-addon.trix-addon-left .trix-addon:hover i {
  color: inherit;
}
.note-form trix-editor {
  background-color: #fff;
  min-height: 64px;
  max-height: 64px;
  overflow: scroll;
}
.note-form trix-editor figure {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}
.note-form trix-editor figure[data-trix-mutable=true] {
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 4px;
  padding: 0 3px;
}
.note-form trix-editor figure[data-trix-mutable=true] .attachment__toolbar {
  top: 0;
  position: relative;
  font-size: 12px;
}

.new-note {
  padding: 25px 40px;
  background-color: #f4f7f6;
  position: relative;
}
.new-note .attachments-preview {
  border-radius: 5px;
  background-color: transparent;
}

#records .card-header, #measurements .card-header {
  background-color: #f4f7f6;
  height: 45px;
  font-weight: bold;
  font-size: 1.6rem;
  padding-left: 40px;
  padding-right: 80px;
  border: none;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 !important;
  position: relative;
}
#records .card-header.odd, #measurements .card-header.odd {
  background-color: #fff;
}
#records .card-header .upload-records span, #measurements .card-header .upload-records span {
  font-size: 120%;
  height: 30px;
  width: 30px;
}
#records .card-header .zmdi-chevron-down, #measurements .card-header .zmdi-chevron-down {
  transition: all 0.3s ease-in-out;
}
#records .card-header [data-toggle=collapse].collapsed .zmdi-chevron-down, #measurements .card-header [data-toggle=collapse].collapsed .zmdi-chevron-down {
  transform: rotate(-90deg);
}
#records .table-responsive, #measurements .table-responsive {
  min-height: unset;
  padding-bottom: 0;
}
#records:hover, #measurements:hover {
  cursor: pointer;
}
#records figure, #measurements figure {
  margin: 0;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
#records figure figcaption, #measurements figure figcaption {
  max-width: 300px;
}
#records figure audio, #measurements figure audio {
  height: 100%;
  border-radius: 100px;
}
#records .inline-table-controls, #measurements .inline-table-controls {
  display: flex;
  align-items: center;
}
#records .code-legends, #measurements .code-legends {
  padding: 15px;
  background-color: rgba(204, 204, 204, 0.1);
}
#records .code-legend .legend-items, #measurements .code-legend .legend-items {
  display: flex;
}
#records .code-legend ul, #measurements .code-legend ul {
  list-style: none;
  padding-left: 0;
}
#records .card-body, #measurements .card-body {
  background: #fff;
  padding: 10px 40px;
}
#records tr .zmdi-delete, #measurements tr .zmdi-delete {
  visibility: hidden;
}
#records tr:hover .zmdi-delete, #measurements tr:hover .zmdi-delete {
  visibility: visible;
}
#records tr td, #measurements tr td {
  position: relative;
  font-size: 1.4rem;
}
#records tr .record-saving, #measurements tr .record-saving {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5;
}
#records tr .record-saving img, #measurements tr .record-saving img {
  width: 25px;
  height: 25px;
}
#records tr .record-saving.show, #measurements tr .record-saving.show {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#records .datatable-input, #measurements .datatable-input {
  border: none;
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
  padding-bottom: 0 !important;
}
#records .datatable-input:focus, #records .datatable-input:active, #measurements .datatable-input:focus, #measurements .datatable-input:active {
  border-radius: 5px;
  border-bottom: 2px solid #017e8e !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#records button.dropdown-toggle, #measurements button.dropdown-toggle {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#records .protocol-icon, #measurements .protocol-icon {
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.animal-details .graph-toggle {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
.animal-details .graph-toggle .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  padding: 2px;
  font-weight: bold;
  border-radius: inherit;
}
.animal-details .graph-toggle .toggle.selected {
  color: #fff;
  background-color: #017e8e;
}
.animal-details .last-seen .dismiss-flag {
  color: #ff7250;
}
.animal-details .dropzone {
  height: 100px;
}
.animal-details .dropzone:hover {
  cursor: pointer;
}
@media print {
  .animal-details .up-modal-dialog {
    width: 100% !important;
  }
  .animal-details .up-modal-dialog .up-modal-content {
    width: 100% !important;
  }
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.form-row .form-input {
  padding: 0 10px;
}
.form-row .form-input.gender {
  margin-bottom: 12px;
}
.form-row .form-input.gender .bootstrap-select {
  max-width: 110px !important;
}
.form-row .form-input .eid-mask {
  width: 160px;
}
.form-row .form-input .ear-tag {
  width: 75px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.form-row .form-input .breed, .form-row .form-input .animal-name, .form-row .form-input .date-mask {
  width: 100px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.form-row .form-input .weight {
  width: 75px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.premise-animal-form .photo {
  margin-top: 15px;
}
.premise-animal-form .photo .form-control {
  padding-bottom: 30px;
}
.premise-animal-form .submit {
  margin-top: 50px;
}

.upload-modal .upload-action {
  width: 250px;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-shadow: 5px 5px 10px #ccc;
}
.upload-modal .upload-action .icon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-modal .upload-action .icon span {
  font-size: 100px;
}
.upload-modal .upload-action .icon .multi-icon {
  position: relative;
  height: 100px;
  width: 100px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(1).herddogg-icon-pair-scale {
  font-size: 35px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(2) {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  font-size: 50px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(2).herddogg-icon-pair-scale {
  font-size: 45px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 60px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-pair-scale {
  font-size: 55px;
}
.upload-modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-vaccinate, .upload-modal .upload-action .icon .multi-icon span:nth-child(3).herddogg-icon-insemination {
  bottom: 15%;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.graph-loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-bottom: 50px;
  margin-top: 50px;
  width: 100%;
}
.graph-loader .coin {
  height: 48px;
  width: 48px;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes wiggle {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
.wiggle {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: wiggle;
  animation-timing-function: linear;
}

.zmdi-spinner, .herddogg-icon-spinner {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: spinner;
  animation-timing-function: linear;
  transform: rotate(0deg);
}

.premise-animal-import .form-row.hidden {
  display: none;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.animal-list .avatar, .batch .avatar {
  height: 60px !important;
  width: 60px !important;
  font-size: 60px !important;
}
.animal-list .avatar .flag-status, .batch .avatar .flag-status {
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  font-size: 11px;
  width: 100%;
  height: 16px;
  background-color: #ff7250;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.animal-list .avatar .flag-status:hover, .batch .avatar .flag-status:hover {
  cursor: pointer;
}

#pending-import tr.existing td.changed {
  background-color: rgb(255, 247.125, 195.5);
  font-weight: bold;
}
#pending-import tr.existing td.changed .old {
  font-weight: normal;
  font-style: italic;
  color: #f44336;
  text-decoration: line-through;
  margin-right: 5px;
}
#pending-import tr.existing td.new {
  font-weight: bold;
  background-color: rgb(198.874501992, 230.625498008, 200.1573705179);
}
#pending-import tr.existing td.removed {
  color: #f44336;
  text-decoration: line-through;
  font-style: italic;
}
#pending-import tr.new {
  background-color: rgb(198.874501992, 230.625498008, 200.1573705179);
}
#pending-import td.invalid-field {
  font-weight: bold;
  background-color: rgb(253.2617924528, 225.2924528302, 223.2382075472) !important;
}

.add-to-group .new-group {
  margin-bottom: 2em;
}

body.auth .logo-center {
  max-width: 180px;
  padding: 0;
  margin-bottom: 2em;
  margin-top: 2em;
}
body.auth .authentication .card-plain.card-plain {
  padding: 3em 4em;
  max-width: 768px;
  position: relative;
}
body.auth .authentication .card-plain.card-plain .back-link {
  position: absolute;
  top: 2em;
  left: 3em;
  text-transform: uppercase;
}
body.auth .authentication .card-plain.card-plain h3 {
  font-size: 2.6em;
}
body.auth .authentication .card-plain.card-plain h4 {
  font-size: 1.6em !important;
}
body.auth .authentication .card-plain.card-plain .btn {
  text-transform: uppercase;
}
body.auth .authentication .terms-cancel {
  color: #00393a !important;
  font-size: 12px;
}
body.auth .authentication .text-header {
  font-weight: bold;
}
body.auth .authentication .devise-links-secondary {
  line-height: 2em;
  font-size: 14px;
  color: #5A6464 !important;
}
body.auth .authentication .devise-links {
  line-height: 2em;
  font-size: 14px;
}
body.auth .authentication.sign-up .card-plain.card-plain {
  min-width: 600px;
}
body.auth .authentication.login .card-plain #new_user {
  max-width: 300px;
  margin: 0 auto;
}
body.auth .authentication.terms .card {
  max-width: 1024px;
}
body.auth .authentication.terms .card .card-header {
  background-color: #fff;
}
body.auth .authentication.terms .card .card-header .bac k-link {
  font-size: 1.6rem;
  margin: 1.1em 0;
  top: unset;
  position: absolute;
}
body.auth .authentication.terms h3 {
  font-size: 3rem;
  margin: 1em auto;
  font-weight: bold;
}
body.auth .authentication.terms .terms-content {
  max-height: 50vh;
  overflow: scroll;
  text-align: left;
}

.edit_user .field_with_errors {
  width: 90%;
}

.new_user .field_with_errors {
  width: 90%;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

#assessment .wizard-steps {
  width: 85%;
}
#assessment .step.active {
  z-index: 5;
}
#assessment .group.empty {
  min-height: 150px;
  background-color: #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#assessment .group.empty:after {
  content: "Ready for your first question. Drag it here";
}

#group-components li, #group-components .component, #input-components li, #input-components .component {
  padding: 5px 0;
  border-radius: 11px;
  border: 1px solid #e2e2e2;
  position: relative;
  max-height: 50px;
  overflow: hidden;
}
#group-components li .builder-actions, #group-components .component .builder-actions, #input-components li .builder-actions, #input-components .component .builder-actions {
  display: none;
}
#group-components li .builder-label, #group-components .component .builder-label, #input-components li .builder-label, #input-components .component .builder-label {
  background-color: #fff;
  position: absolute;
  font-weight: bold;
  padding: 0 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.builder-actions {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  font-weight: normal;
}
.builder-actions .action-group {
  padding: 0 10px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  font-weight: normal;
  background: white;
  border-radius: 36px;
  border: 1px solid #e2e2e2;
}
.builder-actions .action-group.edit {
  border-right: none;
  top: 0px;
  right: 5px;
  transform: translateY(-50%);
}
.builder-actions .action-group.new {
  bottom: 0px;
  right: 5px;
  transform: translateY(50%);
}
.builder-actions a {
  padding: 0 7px;
  display: flex;
  align-items: center;
}
.builder-actions a .zmdi {
  margin-right: 7px;
}

#file .input-action {
  margin-top: 0;
  font-weight: bold;
  color: #017e8e;
}
#file input[type=file] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}

#text .action-group.new, #checkbox .action-group.new, #textarea .action-group.new, #file .action-group.new {
  display: none;
}

.builder-container > .builder-actions > .action-group {
  position: relative;
  display: inline-flex;
  font-size: 20px;
}
.builder-container > .builder-actions > .action-group .zmdi {
  font-size: inherit;
  margin-right: 10px;
}
.builder-container > .builder-actions > .action-group .label {
  font-size: 16px;
  display: inline;
}
.builder-container > .builder-actions > .action-group.edit {
  display: none;
}
.builder-container > .builder-actions > .action-group.new {
  bottom: unset;
  left: unset;
  transform: none;
}

.builder {
  padding-bottom: 15px;
}
.builder input, .builder textarea {
  font-weight: inherit;
}
.builder .input-container {
  margin-bottom: 5px;
}
.builder .input-container .input-label {
  display: inline-flex;
}
.builder .builder-label, .builder .attributes {
  display: none;
}
.builder .inputs {
  list-style: none;
  padding-left: 10px;
}
.builder .component, .builder li {
  position: relative;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  overflow: visible;
}
.builder .component .builder-actions, .builder li .builder-actions {
  display: none;
}
.builder .component .builder-actions .label, .builder li .builder-actions .label {
  display: none;
}
.builder .component:hover, .builder li:hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  transform: scale(1.01, 1.01);
  border: 1px solid #e2e2e2;
}

.transfer-animal .transfer-animal-id {
  display: flex;
  align-items: center;
}
.transfer-animal .transfer-animal-id .transfer-animal-tag {
  line-height: 16px;
}
.transfer-animal .transfer-animal-id .herddogg-icon {
  font-size: 18px;
  line-height: 18px;
}

.custody-transfer-notes {
  display: block;
  clear: both;
}
.custody-transfer-notes .custody-transfer-note {
  margin: 1.5em 0.25em;
}
.custody-transfer-notes .custody-transfer-note .herddogg-icon-feedback {
  font-size: 24px;
  margin-right: 0.5em;
}
.custody-transfer-notes .custody-transfer-note .note-header {
  display: flex;
  justify-content: space-between;
}
.custody-transfer-notes .custody-transfer-note .note-header .note-metadata {
  display: flex;
  align-items: center;
}
.custody-transfer-notes .custody-transfer-note .note-header .note-timestamp {
  font-size: 0.8em;
  display: flex;
  align-items: center;
  height: 2rem;
  padding-left: 0.5rem;
  width: 150px;
}
.custody-transfer-notes .custody-transfer-note .note-body {
  display: flex;
  align-items: flex-start;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.custody-transfer-notes .custody-transfer-note .note-footer {
  text-align: right;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

img.loading-gif {
  filter: invert(81%) sepia(11%) saturate(2930%) hue-rotate(147deg) brightness(83%) contrast(96%);
}

a.btn-primary img.loading-gif, a.text-white img.loading-gif {
  filter: invert(1);
}
a.btn-primary:hover img.loading-gif, a.text-white:hover img.loading-gif {
  filter: invert(1);
}
a:hover img.loading-gif {
  filter: invert(52%) sepia(66%) saturate(506%) hue-rotate(138deg) brightness(87%) contrast(83%);
}

.text-needs-attention {
  color: #ff8623 !important;
}

body .btn-primary {
  background-color: #017e8e !important;
  color: #fff !important;
}
body .btn-primary:hover, body .btn-primary:active {
  background-color: #004c55 !important;
}

.btn-grange {
  color: #017e8e !important;
  background-color: #fff !important;
  font-weight: bold;
}
.btn-grange:hover, .btn-grange:active {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.btn-lab {
  color: #fff !important;
  background-color: rgb(87.3142857143, 90.0428571429, 103.6857142857) !important;
  font-weight: bold;
}
.btn-lab:hover, .btn-lab:active {
  background-color: rgb(110.6285714286, 114.0857142857, 131.3714285714) !important;
}
.btn-lab .herddogg-icon, .btn-lab .zmdi {
  background-color: #fff;
  color: rgb(87.3142857143, 90.0428571429, 103.6857142857) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  height: 26px;
  width: 26px;
  font-size: 20px;
}

.btn-admin {
  background-color: #28a8a8 !important;
  color: #fff !important;
  font-weight: bold;
}
.btn-admin:hover, .btn-admin:active {
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154) !important;
}

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

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

.bg-theme {
  background-color: #142731 !important;
}

.bg-admin {
  background-color: rgb(20.3846153846, 85.6153846154, 85.6153846154) !important;
}

.bg-grange {
  color: #fff;
  background-color: #00acbe !important;
}

.bg-lab {
  color: #fff;
  background-color: #40424c !important;
}

.bg-estrus {
  background-color: #f6af00 !important;
}

.bg-health {
  background-color: #ee4635 !important;
}

.bg-tracking {
  background-color: #3c9845 !important;
}

.fg-health {
  color: #ee4635 !important;
}

.fg-estrus {
  color: #f6af00 !important;
}

.bg-device-paired {
  background-color: #00c8cf !important;
}

.bg-device-broken {
  background-color: #a2a2a2 !important;
}

.bg-device-missing {
  background-color: #2377d4 !important;
}

.bg-animals-light {
  background-color: #6d5454;
}

.bg-animals-medium {
  background-color: #462f2f;
}

.bg-animals-mdark {
  background-color: #392525;
}

.bg-animals-dark {
  background-color: #221717;
}

.bg-flag {
  background-color: #ff7250 !important;
}

.text-flag {
  color: #ff7250 !important;
}

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

.bg-sites-medium {
  background-color: #29403a !important;
}

.bg-sites-mdark {
  background-color: #1f332e !important;
}

.bg-sites-dark {
  background-color: #151b19 !important;
}

.bg-devices-light {
  background-color: #305d88 !important;
}

.bg-devices-medium {
  background-color: #113a60 !important;
}

.bg-devices-mdark {
  background-color: #0b2e4f;
}

.bg-devices-dark {
  background-color: #000f1e !important;
}

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

.bg-archived-medium {
  background-color: #40424c !important;
}

.bg-archived-mdark {
  background-color: #30323c;
}

.bg-archived-dark {
  background-color: #142731 !important;
}

.bg-users-light {
  background-color: #5f5375 !important;
}

.bg-users-medium {
  background-color: #423157 !important;
}

.bg-users-mdark {
  background-color: #312146;
}

.bg-users-dark {
  background-color: #221333 !important;
}

.text-animals-light {
  color: #6d5454 !important;
}

.text-animals-medium {
  color: #462f2f !important;
}

.text-animals-dark {
  color: #221717 !important;
}

.text-sites-light {
  color: #416159 !important;
}

.text-sites-medium {
  color: #29403a !important;
}

.text-sites-dark {
  color: #151b19 !important;
}

.text-devices-light {
  color: #305d88 !important;
}

.text-devices-medium {
  color: #113a60 !important;
}

.text-devices-dark {
  color: #000f1e !important;
}

.device-list {
  margin: 0 3em;
}

.device-info .select2 {
  width: 80% !important;
}
.device-info .select2 .select2-selection {
  height: 28px;
  border-radius: 14px;
}

.device-details .graph-toggle {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
.device-details .graph-toggle .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  padding: 2px;
  font-weight: bold;
  border-radius: inherit;
}
.device-details .graph-toggle .toggle.selected {
  color: #fff;
  background-color: #017e8e;
}

.device-data {
  margin-left: 3px;
}

.device-battery {
  font-weight: bold;
}
.device-battery::before {
  content: "  ";
}
.device-battery.level-normal {
  color: #3c9845;
}
.device-battery.level-low {
  color: #f6af00;
}
.device-battery.level-critical {
  color: #ee4635;
}
.device-battery.level-unknown {
  color: #312146;
}
.device-battery.level-normal::after, .device-battery.level-low::after, .device-battery.level-critical::after {
  content: "v";
}

.device-firmware {
  font-style: italic;
}
.device-firmware::before {
  content: "  fw_";
}
.device-firmware.version-unknown::after {
  content: "?";
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

section.arc-analyzer .group-header, .profile.question .group-header {
  font-weight: bold;
}
section.arc-analyzer .group-header .name, .profile.question .group-header .name {
  color: #017e8e;
}
section.arc-analyzer .wizard-steps .activeProgress,
section.arc-analyzer .wizard-steps .active .number,
section.arc-analyzer .wizard-steps .complete .number, .profile.question .wizard-steps .activeProgress,
.profile.question .wizard-steps .active .number,
.profile.question .wizard-steps .complete .number {
  background-color: #d66030;
}
section.arc-analyzer .wizard-steps .activeProgress:after,
section.arc-analyzer .wizard-steps .active .number:after,
section.arc-analyzer .wizard-steps .complete .number:after, .profile.question .wizard-steps .activeProgress:after,
.profile.question .wizard-steps .active .number:after,
.profile.question .wizard-steps .complete .number:after {
  background-color: #d66030;
}
section.arc-analyzer .question-label, .profile.question .question-label {
  margin: 50px;
  font-size: 30px;
}
section.arc-analyzer .question, .profile.question .question {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
section.arc-analyzer .answer-options, .profile.question .answer-options {
  margin: 80px 10%;
}
section.arc-analyzer .answer, .profile.question .answer {
  font-size: 30px;
  min-height: 160px;
}

section.digital-inspector .progressbar-text {
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  transform: translate(-50%, 100%) !important;
}
section.digital-inspector .async-gauge {
  padding-bottom: 20px;
}
section.digital-inspector .empty-state, section.digital-inspector .loading {
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

form .error-message {
  color: #ff3636;
  font-size: 11px;
  padding: 10px;
}
form .field_with_errors label {
  color: #ff3636;
}
form .field_with_errors .form-control {
  background-color: rgba(222, 222, 222, 0.1);
  border-color: #ffcfcf;
  color: #ff3636;
}
form .warning-message {
  color: #ff7250;
  display: none;
  font-size: 11px;
  padding: 10px;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.bill-calculator {
  padding: 40px;
}
.bill-calculator .purchase-header {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
.bill-calculator .bill-estimate {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px #ccc;
  border-radius: 10px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}
.bill-calculator .bill-estimate .scroll-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 5px;
  font-size: 12px;
  background-color: #017e8e;
  margin-bottom: 5px;
  border-radius: 100px;
  color: #fff;
}
.bill-calculator .bill-estimate .scroll-pill .zmdi {
  font-size: inherit;
}
.bill-calculator .bill-estimate .scroll-pill:hover {
  cursor: pointer;
}
.bill-calculator .bill-estimate .bill-item {
  border-bottom: 1px solid #e2e2e2;
  padding: 25px;
  white-space: nowrap;
}
.bill-calculator .bill-estimate .bill-total {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bill-calculator .bill-estimate .bill-total .bill-item {
  background-color: #fff;
  display: flex;
  justify-content: center;
  font-weight: bold;
  width: 100%;
}
.bill-calculator .bill-estimate .bill-total .bill-item .label {
  font-size: 11px;
  text-transform: uppercase;
}
.bill-calculator .bill-estimate .bill-total .bill-item .amount {
  font-size: 30px;
  line-height: 1;
}
.bill-calculator .bill-estimate .remove {
  font-size: 10px;
  color: #017e8e;
  font-weight: bold;
}
.bill-calculator .bill-estimate .remove .zmdi {
  font-size: inherit;
}
.bill-calculator .bill-estimate .remove:hover {
  cursor: pointer;
}
.bill-calculator .bill-estimate .item-label {
  font-size: 18px;
  margin-bottom: 10px;
}
.bill-calculator .bill-estimate .item-label .product-quantity {
  max-width: 75px;
  font-size: 22px;
  padding: 0 !important;
  text-align: center;
}
.bill-calculator .bill-estimate .item-label .product-quantity::-moz-placeholder {
  font-size: 14px;
}
.bill-calculator .bill-estimate .item-label .product-quantity::placeholder {
  font-size: 14px;
}
.bill-calculator .bill-estimate small {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.bill-calculator .bill-estimate small:last-of-type {
  margin-bottom: 0;
}
.bill-calculator .product-options {
  display: flex;
}
.bill-calculator .product-options .product {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  margin: 0 5px;
}
.bill-calculator .product-options .product-card {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  display: flex;
  border: 3px solid rgba(1, 126, 142, 0);
  flex-direction: column;
  flex-basis: 100%;
  align-items: center;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: border-color;
  transition-timing-function: ease-in-out;
}
.bill-calculator .product-options .product-card.selected {
  border: 3px solid #017e8e;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.bill-calculator .product-options .product-card:hover {
  cursor: pointer;
}
.bill-calculator .product-options .product-card:hover:not(.selected) {
  border: 3px solid rgba(1, 126, 142, 0.3);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.bill-calculator .product-options .product-card small {
  font-size: 14px;
}
.bill-calculator .product-options .product-card .card-section {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
}
.bill-calculator .product-options .product-card .card-section:first-of-type {
  height: 250px;
}
.bill-calculator .product-options .product-card .card-section:last-of-type {
  border-bottom: none;
}
.bill-calculator .product-options .product-card .herddogg-icon {
  font-size: 50px;
  display: block;
  margin: 20px 0 10px;
  color: #017e8e;
}
.bill-calculator .product-options .product-card .product-price {
  line-height: 1;
  white-space: nowrap;
}
.bill-calculator .product-options .product-card .product-price .amount {
  font-weight: bold;
  color: #017e8e;
  font-size: 20px;
}
.bill-calculator .product-options .product-card .product-price .amount.tag {
  font-size: 60px;
}
.bill-calculator .product-options .product-card .product-price .amount.reader {
  font-size: 35px;
}
.bill-calculator .product-options .product-card .product-price .ratio {
  font-size: 12px;
}
.bill-calculator .product-options .product-card ul {
  text-align: left;
  padding-right: 15px;
  font-size: 14px;
  list-style-type: circle;
  align-self: flex-start;
}
.bill-calculator .toggle-options {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px #ccc;
  border-radius: 5px;
}
.bill-calculator .toggle-options .toggle-option {
  padding: 25px 5px;
  border: 3px solid rgba(1, 126, 142, 0);
  text-align: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  transition-property: border-color;
  transition-timing-function: ease-in-out;
}
.bill-calculator .toggle-options .toggle-option:hover {
  cursor: pointer;
}
.bill-calculator .toggle-options .toggle-option:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bill-calculator .toggle-options .toggle-option:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bill-calculator .toggle-options .toggle-option.selected {
  border: 3px solid #017e8e;
}
.bill-calculator .toggle-options .toggle-option:hover {
  cursor: pointer;
}
.bill-calculator .toggle-options .toggle-option:hover:not(.selected) {
  border: 3px solid rgba(1, 126, 142, 0.3);
}

#orders tbody td {
  text-align: center;
}

@media print {
  .cmp-review * {
    page-break-inside: avoid;
  }
}
/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

@media (max-width: 767px) {
  .premise-create #locationPicker {
    height: 39.5480225989vw !important;
    margin-top: 25px;
    width: 70vw !important;
  }
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

input[type=file] {
  max-width: 100%;
  overflow-x: hidden;
  width: 250px;
}

.tribute-container {
  background-color: #fff;
  color: #000;
  margin-top: 5px;
  border: solid 1px #e2e2e2;
  border-radius: 11px;
  box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.tribute-container ul {
  background-color: inherit;
}
.tribute-container .highlight {
  background-color: #017e8e !important;
  color: #fff;
}

.map-container {
  position: relative;
  margin: 30px 0 40px;
}
.map-container .map-stats {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
  font-weight: bold;
  min-width: 175px;
  max-width: 250px;
  overflow-y: auto;
  padding-bottom: 5px;
}
.map-container .map-stats .weather-icon {
  height: 30px;
  width: 30px;
  position: relative;
}
.map-container .map-stats .weather-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
}
.map-container .map-stats .stat-header {
  padding: 7px 10px 0;
  display: block;
  color: #868686;
  text-transform: uppercase;
}
.map-container .map-stats .stat-item {
  padding: 5px 10px;
  display: flex;
  color: #000;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
  border-radius: inherit;
  white-space: nowrap;
}
.map-container .map-stats .stat-item .alert-icon {
  margin-right: 10px;
}
.map-container .map-stats .stat-item:hover {
  background-color: #fff;
  cursor: pointer;
}
.map-container .map-stats .stat-item.selected {
  background-color: rgba(1, 126, 142, 0.5);
}
.map-container .map-stats .stat-item .herddogg-icon, .map-container .map-stats .stat-item .zmdi {
  color: #fff;
}
.map-container .map-stats .stat-item .herddogg-icon.herd-weather, .map-container .map-stats .stat-item .zmdi.herd-weather {
  color: #fff;
  font-size: 23px;
}
.map-container .map-stats .stat-item .herddogg-icon.health, .map-container .map-stats .stat-item .zmdi.health {
  background-color: #ee4635;
}
.map-container .map-stats .stat-item .herddogg-icon.battery, .map-container .map-stats .stat-item .zmdi.battery {
  background-color: #ee4635;
  font-size: 20px;
  position: relative;
}
.map-container .map-stats .stat-item .herddogg-icon.battery .zmdi, .map-container .map-stats .stat-item .zmdi.battery .zmdi {
  position: absolute;
  top: 50%;
  font-size: 70%;
  transform: translateY(-42%);
  color: #ee4635;
}
.map-container .map-stats .stat-item .herddogg-icon.heat, .map-container .map-stats .stat-item .zmdi.heat {
  background-color: #f6af00;
}
.map-container .map-stats .stat-item .herddogg-icon.tracking, .map-container .map-stats .stat-item .zmdi.tracking {
  background-color: #3c9845;
}
.map-container .map-stats .stat-item .herddogg-icon.broken, .map-container .map-stats .stat-item .zmdi.broken {
  background-color: #a2a2a2;
}
.map-container .map-stats .current-weather {
  text-align: center;
}
.map-container .map-stats .current-weather div {
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-container .map-stats .current-weather small {
  display: block;
  margin-top: -15px;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.premise-list {
  margin-bottom: 100px;
}
.premise-list .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 200px;
}
.premise-list .avatar {
  height: 75px !important;
  width: 75px !important;
}
.premise-list .avatar .stewardship-icon {
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #017e8e;
  font-weight: bold;
  height: 25px;
  width: 25px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  z-index: 10;
  color: #fff;
}
.premise-list .avatar .premise-avatar {
  color: #000;
  font-size: 40px;
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premise-list .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #e2e2e2;
}
.premise-list .stat-item .header {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
}
.premise-list .stat-item .count {
  font-size: 14px;
}
.premise-list table th {
  font-size: 22px;
  line-height: 1;
}
.premise-list table .premise-stats.sorting {
  padding-right: 20px !important;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.premise-stats-wrapper {
  margin: 0 125px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .premise-stats-wrapper {
    margin: 0 50px;
  }
}
@media (max-width: 767px) {
  .premise-stats-wrapper {
    flex-direction: column;
  }
}

.premise-stats {
  text-align: center;
  max-width: 200px;
  margin: 0 15px;
}
.premise-stats:hover {
  cursor: pointer;
}
@media (max-width: 991px) {
  .premise-stats {
    margin: 0 5px !important;
  }
}
@media (max-width: 767px) {
  .premise-stats {
    margin: 5px !important;
  }
}
.premise-stats .header {
  padding: 0;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premise-stats .header .herddogg-icon, .premise-stats .header .zmdi {
  font-size: 35px;
}
.premise-stats .header .count {
  line-height: 1;
  font-size: 30px;
}
.premise-stats .body {
  padding: 5px 0;
  border-radius: 100px;
}
.premise-stats .herddogg-icon, .premise-stats .zmdi {
  border-radius: 50px;
  font-size: 30px;
  padding-right: 5px;
  width: 50px;
}
.premise-stats svg {
  border-radius: 50px;
}
.premise-stats.devices .herddogg-icon {
  color: #305d88;
}
.premise-stats.devices.active .body {
  background-color: #305d88;
}
.premise-stats.devices.active * {
  color: #fff;
}
.premise-stats.health .herddogg-icon, .premise-stats.health .zmdi {
  color: #ee4635;
}
.premise-stats.health.active .body {
  background-color: #ee4635;
}
.premise-stats.health.active * {
  color: #fff;
}
.premise-stats.battery .herddogg-icon {
  color: #ee4635;
  position: relative;
}
.premise-stats.battery .herddogg-icon .zmdi {
  position: absolute;
  padding-right: 0;
  top: 50%;
  font-size: 70%;
  transform: translateY(-42%);
  color: #fff;
}
.premise-stats.battery.active {
  color: #fff;
}
.premise-stats.battery.active .body {
  background-color: #ee4635;
}
.premise-stats.battery.active * {
  color: #fff;
}
.premise-stats.battery.active .zmdi {
  color: #ee4635;
}
.premise-stats.heat .herddogg-icon {
  color: #f6af00;
}
.premise-stats.heat.active .body {
  background-color: #f6af00;
}
.premise-stats.heat.active * {
  color: #fff;
}
.premise-stats.broken .herddogg-icon {
  color: #a2a2a2;
}
.premise-stats.broken.active .body {
  background-color: #a2a2a2;
}
.premise-stats.broken.active * {
  color: #fff;
}
.premise-stats.missing .herddogg-icon {
  color: #2377d4;
}
.premise-stats.missing.active .body {
  background-color: #2377d4;
}
.premise-stats.missing.active * {
  color: #fff;
}
.premise-stats.herd .herddogg-icon {
  color: #6d5454;
}
.premise-stats.herd.active .body {
  background-color: #6d5454;
}
.premise-stats.herd.active * {
  color: #fff;
}
.premise-stats.inactive .body {
  background-color: #e0e0e0;
}
.premise-stats.tracking .herddogg-icon {
  color: #3c9845;
}
.premise-stats.tracking.active .body {
  background-color: #3c9845;
}
.premise-stats.tracking.active * {
  color: #fff;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.grange-store .nba-icon {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.home.cmp_applications .grange-store #application {
  padding: 20px !important;
}

.grange-store table.cmp-criteria th, .grange-store table.cmp-criteria td {
  vertical-align: top;
}
.grange-store table.cmp-criteria th {
  font-weight: bold;
  font-size: 1.6rem;
}
.grange-store table.cmp-criteria tbody td {
  font-size: 1.4rem;
}
.grange-store .tab-pane {
  border-radius: 5px;
}
.grange-store .tab-pane .card {
  border-radius: inherit;
}
.grange-store .tab-pane .card .card-body {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.grange-store .table-controls {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.grange-store .table-responsive {
  padding-bottom: 0;
}
.grange-store a.grange-order {
  position: relative;
}
.grange-store a.grange-order:before {
  position: absolute;
  height: 25px;
  width: 25px;
  top: -5px;
  left: -5px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  background: rgb(0, 146, 20.6048387097);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  z-index: 5;
  content: "$";
}
.grange-store a.needs-attention {
  position: relative;
}
.grange-store a.needs-attention:after {
  position: absolute;
  height: 25px;
  width: 25px;
  top: -5px;
  right: -5px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  background: #FF8623;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  z-index: 5;
  content: "!";
}
.grange-store .select2-container {
  display: inline-block !important;
  width: unset !important;
  min-width: 215px;
}

.partner-list .partner-info .label {
  font-weight: bold;
  margin: 0;
  display: flex;
  align-items: center;
}

.wizard-control {
  white-space: nowrap;
  display: flex;
  line-height: 1;
  font-size: 1.4rem;
  margin: 0 10px;
  transform: translateY(-50%);
  font-weight: bold;
  align-items: center;
}

.wizard-steps {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  width: 100%;
}
.wizard-steps .progress {
  height: 4px;
  position: absolute;
  top: 20px;
  transform: translateY(-50%);
  background: #e2e2e2;
}
.wizard-steps .progress .activeProgress {
  background: #017e8e;
  height: 100%;
  width: 0;
}
.wizard-steps .step {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  max-width: 150px;
}
.wizard-steps .step.active .number {
  background: #017e8e;
}
.wizard-steps .step.complete .number:after {
  content: "✔";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #017e8e;
  color: #fff;
  display: flex;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
.wizard-steps .step.complete .name {
  font-weight: bold;
}
.wizard-steps .step .number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  background: #e2e2e2;
  color: #fff;
  z-index: 2;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1;
}
.wizard-steps .step .name {
  color: #000;
  min-height: 15px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 !important;
  line-height: 1;
  font-size: 1.4rem;
  margin-top: 7px;
  font-weight: bold;
}

.protocol-icon {
  border-radius: 40px;
  font-size: 20px;
  padding: 5px;
  width: 45px;
  height: 45px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.transfer-animals .table-responsive {
  max-height: 400px;
  overflow-y: auto;
}

.animal-selection .selected-for-batch, .animal-selection .selected-for-transfer, .transfer-animals .selected-for-batch, .transfer-animals .selected-for-transfer, .up-modal-content .selected-for-batch, .up-modal-content .selected-for-transfer {
  background-color: rgb(207, 253.3768115942, 255) !important;
}
.animal-selection .selection-info, .transfer-animals .selection-info, .up-modal-content .selection-info {
  background: #f4f6f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 65px;
  padding: 15px 30px;
}
.animal-selection .selection-info .input-clearable, .transfer-animals .selection-info .input-clearable, .up-modal-content .selection-info .input-clearable {
  height: 100%;
}
.animal-selection .selection-info input, .animal-selection .selection-info .selected, .transfer-animals .selection-info input, .transfer-animals .selection-info .selected, .up-modal-content .selection-info input, .up-modal-content .selection-info .selected {
  height: 100%;
  border-radius: 65px;
  background: #fff;
}
.animal-selection .selection-info .selected, .transfer-animals .selection-info .selected, .up-modal-content .selection-info .selected {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.animal-selection tr.selected-animal:hover, .animal-selection tr.animal-for-transfer:hover, .transfer-animals tr.selected-animal:hover, .transfer-animals tr.animal-for-transfer:hover, .up-modal-content tr.selected-animal:hover, .up-modal-content tr.animal-for-transfer:hover {
  cursor: pointer;
}

.tab-pane#lab .card-body .btn .zmdi, .tab-pane#lab .card-body .btn .herddogg-icon {
  color: #40424c;
}

.graph-toggle {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.3);
}
.graph-toggle .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 50%;
  margin: 0;
  padding: 2px;
  font-weight: bold;
  border-radius: inherit;
}
.graph-toggle .toggle.selected {
  color: #fff;
  background-color: #017e8e;
}

.protocol-choice {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: inherit;
  padding: 15px 0;
}
.protocol-choice .icon-container {
  margin: 0 auto;
}
.protocol-choice a {
  text-align: center;
  color: inherit;
}
.protocol-choice b {
  padding-top: 10px;
  font-weight: bold;
  display: block;
}
.protocol-choice .description {
  display: none;
}
.protocol-choice.featured {
  padding-top: 0;
  flex-direction: row;
  font-size: 1.6rem;
  align-items: flex-start;
  justify-content: flex-start;
}
.protocol-choice.featured .featured-icon {
  margin-left: 15px;
  margin-right: 30px;
}
.protocol-choice.featured b {
  padding-top: 0;
}
.protocol-choice.featured .description {
  color: inherit;
  display: block;
}

#grange .btn:not(.btn-sm), .tab-pane#lab .btn:not(.btn-sm), .card.lab .btn:not(.btn-sm), .card.grange .btn:not(.btn-sm) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  max-width: 300px;
}
#grange .section-header, .tab-pane#lab .section-header, .card.lab .section-header, .card.grange .section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.9rem;
  font-weight: bold;
}
#grange .section-header .go-back, .tab-pane#lab .section-header .go-back, .card.lab .section-header .go-back, .card.grange .section-header .go-back {
  font-size: 1.4rem;
  font-weight: normal;
}
#grange .discover-protocols, .tab-pane#lab .discover-protocols, .card.lab .discover-protocols, .card.grange .discover-protocols {
  display: flex;
  justify-content: space-between;
}
#grange .discover-protocols .protocol-choice, .tab-pane#lab .discover-protocols .protocol-choice, .card.lab .discover-protocols .protocol-choice, .card.grange .discover-protocols .protocol-choice {
  color: #fff;
  padding-top: 0;
  flex-basis: 25%;
}
#grange a.protocol-choice, .tab-pane#lab a.protocol-choice, .card.lab a.protocol-choice, .card.grange a.protocol-choice {
  color: inherit;
}
#grange .remove-step, .tab-pane#lab .remove-step, .card.lab .remove-step, .card.grange .remove-step {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-weight: bold;
}
#grange:not(.card) .btn .zmdi, #grange:not(.card) .btn .herddogg-icon, .tab-pane#lab:not(.card) .btn .zmdi, .tab-pane#lab:not(.card) .btn .herddogg-icon, .card.lab:not(.card) .btn .zmdi, .card.lab:not(.card) .btn .herddogg-icon, .card.grange:not(.card) .btn .zmdi, .card.grange:not(.card) .btn .herddogg-icon {
  color: #00acbe;
}
#grange:not(.card) .protocol-choice.featured, .tab-pane#lab:not(.card) .protocol-choice.featured, .card.lab:not(.card) .protocol-choice.featured, .card.grange:not(.card) .protocol-choice.featured {
  color: #fff;
}

.lengthMenu .form-control-sm .btn-simple {
  margin-left: 54px !important;
  margin-top: -31px !important;
  position: absolute;
}

.btn-group {
  display: table-row-group;
}

.dataTables_length,
.dataTables_info {
  font-size: 16px !important;
}

select[name=DataTables_Table_0_length] {
  display: none !important;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

#protocolConfirm {
  padding: 15px;
  z-index: 100000;
}
#protocolConfirm .hide-on-confirm {
  display: none !important;
}
#protocolConfirm .step-input {
  margin-left: 0 !important;
}
#protocolConfirm .step-input .form-group {
  justify-content: flex-start !important;
}
#protocolConfirm #protocolConfirmHelp li {
  font-style: italic;
}
#protocolConfirm .modal-footer {
  justify-content: space-between;
}
#protocolConfirm .modal-footer #confirm-protocol {
  min-width: 100px;
}

.new-protocol, #protocolConfirm {
  height: 100%;
}
.new-protocol .dataTables_filter, #protocolConfirm .dataTables_filter {
  display: flex;
  width: 100%;
  justify-content: center;
}
.new-protocol th, #protocolConfirm th {
  font-size: 15px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.new-protocol #protocol_name, #protocolConfirm #protocol_name {
  min-width: 90px;
}
.new-protocol .step-choices, .new-protocol .selected-steps, #protocolConfirm .step-choices, #protocolConfirm .selected-steps {
  padding-bottom: 15px;
}
.new-protocol .card-body, #protocolConfirm .card-body {
  padding: 0;
  border-radius: inherit;
}
.new-protocol .step-label, #protocolConfirm .step-label {
  font-size: 20px;
}
.new-protocol .reorder-step, #protocolConfirm .reorder-step {
  width: 30px;
}
.new-protocol .reorder-step:hover, #protocolConfirm .reorder-step:hover {
  cursor: move;
}
.new-protocol .protocol-choice, #protocolConfirm .protocol-choice {
  display: flex;
  align-items: center;
  padding: 5px 0;
  transition: box-shadow 0.3s ease-in-out;
}
.new-protocol .protocol-choice:hover, #protocolConfirm .protocol-choice:hover {
  cursor: pointer;
  box-shadow: inset 0px 0px 5px #017e8e;
}
.new-protocol .protocol-choice b, #protocolConfirm .protocol-choice b {
  padding-top: 0;
}
.new-protocol .step-option, #protocolConfirm .step-option {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-protocol .step-option .step-note, #protocolConfirm .step-option .step-note {
  width: 100%;
}
.new-protocol .step-option .zmdi-close.text-danger, #protocolConfirm .step-option .zmdi-close.text-danger {
  position: absolute;
  top: 15px;
  right: 15px;
}
.new-protocol .step-option .zmdi-close.text-danger:hover, #protocolConfirm .step-option .zmdi-close.text-danger:hover {
  cursor: pointer;
}
.new-protocol .step-option .step-input, #protocolConfirm .step-option .step-input {
  border: 1px solid #ccc;
  border-radius: 15px;
  margin: 10px 0 0 30px;
  padding: 10px 10px 0;
}
.new-protocol .step-option .step-input .form-group, #protocolConfirm .step-option .step-input .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-protocol .step-option .step-input label, #protocolConfirm .step-option .step-input label {
  margin-top: 0 !important;
  white-space: nowrap;
}
.new-protocol .step-option .step-input input.required-missing, #protocolConfirm .step-option .step-input input.required-missing {
  border-color: #ff3636;
}
.new-protocol .step-option .step-input select.required-missing, #protocolConfirm .step-option .step-input select.required-missing {
  outline: 1px solid #ff3636 !important;
}
.new-protocol .step-option .step-input input, .new-protocol .step-option .step-input select, #protocolConfirm .step-option .step-input input, #protocolConfirm .step-option .step-input select {
  padding: 5px;
}
.new-protocol .step-option .step-input input, .new-protocol .step-option .step-input select, .new-protocol .step-option .step-input .select2-container, #protocolConfirm .step-option .step-input input, #protocolConfirm .step-option .step-input select, #protocolConfirm .step-option .step-input .select2-container {
  margin-left: 10px;
  max-width: 500px;
  min-width: 300px;
  width: unset !important;
}
.new-protocol .step-option .step-input .email-name, #protocolConfirm .step-option .step-input .email-name {
  font-style: italic;
  font-size: 12px;
  color: #4caf50;
}
.new-protocol .step-option .step-input .email-name.required-missing, #protocolConfirm .step-option .step-input .email-name.required-missing {
  color: #f44336;
}
.new-protocol .step-option .clone, #protocolConfirm .step-option .clone {
  margin-top: 10px;
  display: block;
}

.premise-site-form {
  padding: 50px 25px;
}
.premise-site-form label {
  margin-top: 10px;
}
.premise-site-form .cancel {
  margin-left: 25px;
}
.premise-site-form .submit {
  margin-top: 50px;
}

.premise-site-import .bootstrap-select {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.premise-site-import input[type=text] {
  width: 90%;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

tr.current-user {
  background-color: rgba(134, 134, 134, 0.1);
}

.role {
  font-size: 1.4rem;
  padding: 5px 10px;
  border-radius: 100px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.role .herddogg-icon {
  max-height: 100%;
}
.role:hover {
  cursor: pointer;
}

.roles {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

.user-roles {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0 30px;
}
.user-roles .role-card {
  display: flex;
  line-height: 20px;
  flex-direction: column;
  flex-basis: 250px;
  justify-content: space-between;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 20px 0;
  margin: 0 10px;
}
.user-roles .role-card.selected {
  border: 4px solid #017e8e;
}
.user-roles .role-card .details {
  padding: 0 18px;
}
.user-roles .role-card .assignment-control {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.user-roles .role-card .assignment-control .zmdi {
  font-weight: bold;
}
.user-roles .role-card .name {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
}
.user-roles .role-card .permissions {
  padding-left: 18px;
}

.v3-progress {
  max-width: 100%;
  display: flex;
  align-items: center;
}
.v3-progress .label {
  margin: 0 5px;
}
.v3-progress .bar {
  width: 100%;
  background-color: #e2e2e2;
  border-radius: 20px;
  height: 15px;
}
.v3-progress .bar .fill {
  background: linear-gradient(to right, rgb(36.75, 98.3634751773, 106.25), #017e8e);
  border-radius: 20px;
  height: 100%;
}

#new_animal .herddogg-icon {
  font-size: 140px;
  color: #999999;
}
#new_animal .upload-photo .avatar {
  width: 195px;
  height: 155px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
}

#animal-details-v3 .navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#animal-details-v3 .navigation .herddogg-icon, #animal-details-v3 .navigation .zmdi {
  font-size: 22px;
}
#animal-details-v3 .table-responsive {
  padding: 0 10px;
  margin: 0;
}
#animal-details-v3 .card-body {
  padding: 0;
}
#animal-details-v3 .animal-records .card-header, #animal-details-v3 .animal-records .card-body {
  padding: 0 10px;
  margin: 0;
}
#animal-details-v3 .animal-groups {
  margin-top: 0.75em;
}
#animal-details-v3 .animal-dashboard {
  display: flex;
}
#animal-details-v3 .animal-dashboard .animal-headshot {
  flex: 1;
  margin-right: 1rem;
  max-width: 220px;
}
#animal-details-v3 .animal-dashboard .animal-headshot .card-body {
  display: grid;
  grid-template-rows: repeat(4, 60px);
  border-radius: 10px;
}
#animal-details-v3 .animal-dashboard .animal-headshot.archived .attribute.avatar {
  background-color: #b3bbc2;
}
#animal-details-v3 .animal-dashboard .animal-headshot.archived .attribute.avatar .default-avatar {
  opacity: 0.1;
}
#animal-details-v3 .animal-dashboard .animal-vitals {
  flex: 3;
}
#animal-details-v3 .animal-dashboard .animal-vitals .card-body {
  border-radius: 10px;
}
#animal-details-v3 .animal-dashboard .herddogg-spinner {
  position: absolute;
  left: calc(50% - 36px);
  padding: 0;
  margin: 0;
  height: 100%;
}
#animal-details-v3 #animal-header {
  display: grid;
  grid-template-rows: repeat(4, 60px);
  grid-template-columns: minmax(180px, 1.6fr) minmax(150px, 1.4fr) minmax(120px, 1fr);
  grid-auto-flow: column;
}
#animal-details-v3 .arc-strength {
  width: 100%;
}
#animal-details-v3 .attribute {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  padding: 15px;
}
#animal-details-v3 .attribute .split-attribute-grid-item {
  width: 50%;
}
#animal-details-v3 .attribute.avatar {
  grid-row: 1/4;
  padding: 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
  background-color: #142731;
  text-shadow: 2px 2px 3px #000000;
}
#animal-details-v3 .attribute.avatar .photo-avatar {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#animal-details-v3 .attribute.avatar .default-avatar {
  font-size: 128px;
  color: #fff;
  opacity: 0.33;
  position: absolute;
  width: 100%;
}
#animal-details-v3 .attribute.avatar .flag-info {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: unset;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
#animal-details-v3 .attribute.avatar img {
  width: 100%;
  height: auto;
  position: absolute;
}
#animal-details-v3 .attribute.ear-tag {
  grid-row: 1/3;
  border-top-left-radius: 10px;
}
#animal-details-v3 .attribute.age {
  border-top-right-radius: 10px;
}
#animal-details-v3 .avatar {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
#animal-details-v3 .calves {
  margin: 0.75em 0 1em 0;
}
#animal-details-v3 .calves small.overline, #animal-details-v3 .calves #dashboard-v3 .temp small.label, #dashboard-v3 .temp #animal-details-v3 .calves small.label, #animal-details-v3 .calves #dashboard-v3 #animals .card small.eid-number, #dashboard-v3 #animals .card #animal-details-v3 .calves small.eid-number, #animal-details-v3 .calves .card.v3-container small.card-header, .card.v3-container #animal-details-v3 .calves small.card-header {
  margin-left: 5px;
}
#animal-details-v3 .calves .card {
  border-radius: 10px;
  padding: 0 10px;
}
#animal-details-v3 .calves .card .children {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 64px;
  background: transparent url(/assets/64-slot-fe2296985a6c8fbe45a6b7b44e7ed714215ede431c0a572038bdbf3506c1b72a.png) scroll repeat top left;
  margin-bottom: 10px;
}
#animal-details-v3 .calves .card .children .slot {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  background-color: rgb(34.7826086957, 67.8260869565, 85.2173913043);
  position: relative;
  background-blend-mode: soft-light;
  text-shadow: 2px 2px 3px #000000;
}
#animal-details-v3 .calves .card .children .slot:hover {
  background-color: rgb(24.4347826087, 47.647826087, 59.8652173913);
}
#animal-details-v3 .calves .card .children .slot:hover.add {
  color: #017e8e;
}
#animal-details-v3 .calves .card .children .slot.add {
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  color: #fff;
}
#animal-details-v3 .calves .card .children .slot.add .zmdi {
  font-size: 24px;
}
#animal-details-v3 .calves .card .children .slot .avatar {
  font-size: 48px;
  color: rgb(29.1379310345, 32.5, 35.8620689655);
  position: absolute;
  z-index: 5;
}
#animal-details-v3 .calves .card .children .slot .calf-info {
  position: absolute;
  z-index: 10;
  color: #fff;
  font-size: 10px;
  padding: 15px 5px 5px 5px;
}
#animal-details-v3 .calves .card .children .slot .calf-info .ear-tag {
  font-weight: bold;
}
#animal-details-v3 .calves .card .children .slot .calf-info .ear-tag:before {
  content: "#";
}
#animal-details-v3 .calves .card .children .slot .calf-info .ear-tag, #animal-details-v3 .calves .card .children .slot .calf-info .name {
  max-width: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 576px) {
  .qr-modal .modal-sm {
    max-width: 300px;
  }
}
.qr-modal .modal-content {
  text-align: center;
}
.qr-modal .modal-content .qr-code-image {
  width: 180px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.qr-modal .modal-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
}
.qr-modal .modal-footer a .zmdi {
  margin-right: 0.25em;
}

.existing-groups .nav-link .tab-item-children .herddogg-icon {
  line-height: 45px;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.delete-modal .modal-footer {
  display: flex;
  justify-content: space-around;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.existing-group-selection {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 20px;
  position: relative;
}
.existing-group-selection::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.existing-group-selection::-webkit-scrollbar-thumb {
  background: #017e8e;
  border-radius: 7px;
}
.existing-group-selection::-webkit-scrollbar-track {
  border-radius: 7px;
  background: #e2e2e2;
}
.existing-group-selection {
  scrollbar-face-color: #017e8e;
  scrollbar-track-color: #e2e2e2;
}
.existing-group-selection .disabled {
  position: relative;
  overflow-y: hidden;
}
.existing-group-selection .disabled::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(226, 226, 226, 0.4);
}

.divider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 1em 0;
}
.divider .divider-label {
  background-color: #fff;
  padding: 0 10px;
  text-align: center;
  z-index: 1;
}
.divider hr {
  border: none;
  position: absolute;
  height: 2px;
  background-color: #e2e2e2;
  width: 100%;
}

#dashboard-v3 .v3-split-dropdown {
  border-radius: 100px;
  display: inline-flex;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  height: 40px;
}
#dashboard-v3 .v3-split-dropdown .dropdown {
  background-color: #fff;
  font-size: 1.6rem;
  margin-right: 3px;
}
#dashboard-v3 .v3-split-dropdown .dropdown button {
  border-radius: inherit !important;
  color: #142731;
  font-weight: bold;
  border: none !important;
}
#dashboard-v3 .v3-split-dropdown .dropdown.show button {
  background-color: #142731;
  color: #fff !important;
}
#dashboard-v3 .v3-split-dropdown .dropdown:first-of-type {
  font-size: 1.6rem;
  margin-right: 3px;
  border-radius: 100px 0 0 100px;
}
#dashboard-v3 .v3-split-dropdown .dropdown:first-of-type button {
  border-radius: inherit !important;
  color: #142731;
  font-weight: bold;
  border: none !important;
}
#dashboard-v3 .v3-split-dropdown .dropdown:last-of-type {
  font-size: 1.6rem;
  border-radius: 0 100px 100px 0;
}
#dashboard-v3 .v3-split-dropdown .dropdown:last-of-type button {
  border-radius: inherit !important;
  font-weight: bold;
  color: #142731;
  border: none !important;
}
#dashboard-v3 .v3-split-dropdown .search {
  display: flex;
  padding-left: 1em;
  background-color: #fff;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search] {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  width: 90px;
  transition: width 0.3s ease-in-out;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search]:focus {
  width: 160px;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search]:focus::-moz-placeholder {
  font-weight: bold;
  color: #ccc !important;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search]:focus::placeholder {
  font-weight: bold;
  color: #ccc !important;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search]::-moz-placeholder {
  font-weight: bold;
  color: #000 !important;
}
#dashboard-v3 .v3-split-dropdown .search input[type=search]::placeholder {
  font-weight: bold;
  color: #000 !important;
}
#dashboard-v3 .v3-split-dropdown .search.no-radius {
  margin-right: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#dashboard-v3 .v3-split-dropdown .clearFilter {
  display: flex;
  padding-left: 1em;
  background-color: #fff;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
#dashboard-v3 .v3-split-dropdown .clearFilter a {
  width: 100px;
  font-size: 0.93em;
  font-weight: bold;
  align-self: center;
}
#dashboard-v3 .chart-legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
#dashboard-v3 .chart-legend .chart-legend-item {
  width: 33%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  margin-top: -1px;
  margin-left: -2px;
  padding: 0.5em;
  vertical-align: middle;
}
#dashboard-v3 .chart-legend .chart-legend-item .label {
  display: flex;
  align-items: center;
}
#dashboard-v3 .chart-legend .chart-legend-item .label .dot {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  margin-right: 10px;
  background-color: #017e8e;
  display: inline-block;
}
#dashboard-v3 #animals .herd-list__last-seen-at, #dashboard-v3 #animals .herd-list__mac {
  line-height: 24px;
}
#dashboard-v3 #animals .herd-list__last-seen-in {
  font-size: 0.9em;
  line-height: 20px;
}
#dashboard-v3 #animals .herd-list [role=gridcell] {
  display: flex;
}
#dashboard-v3 #animals .herd-list [role=gridcell] > a, #dashboard-v3 #animals .herd-list [role=gridcell] > span {
  display: flex;
}
#dashboard-v3 #animals .herd-list .rt-tr {
  border: 1px solid rgba(0, 0, 0, 0);
}
#dashboard-v3 #animals .herd-list .rt-tr.selected {
  background-image: linear-gradient(rgb(136, 242.4, 255), rgb(110.5, 239.7, 255));
  border: 1px solid rgb(34, 231.6, 255);
}
#dashboard-v3 #animals .herd-list .rt-tr.archived {
  background-image: linear-gradient(rgb(229.5, 229.5, 229.5), rgb(224.4, 224.4, 224.4));
  box-shadow: none;
  border: none;
}
#dashboard-v3 #animals .herd-list .rt-td.gender {
  text-transform: uppercase;
}
#dashboard-v3 #animals .herd-list .rt-td.flag {
  cursor: pointer;
}
#dashboard-v3 #animals .herd-list .rt-td.flag .zmdi {
  margin: 0 0.25em;
}
#dashboard-v3 #animals .herd-list .rt-td.flag .inactive-flag {
  color: #ccc;
  display: flex;
}
#dashboard-v3 #animals .herd-list .rt-td.flag .inactive-flag .flag-placeholder {
  display: none;
}
#dashboard-v3 #animals .herd-list .rt-td.flag:hover .flag-placeholder {
  display: inline;
}
#dashboard-v3 #animals .herd-list .rt-td.flag .active-flag {
  color: #ff7250;
  display: flex;
}
#dashboard-v3 #animals .herd-list .rt-td.insights-column {
  align-items: center;
}
#dashboard-v3 #animals .herd-list .rt-td.insights-column .insights-container {
  align-items: center;
}
#dashboard-v3 #animals .herd-list .rt-td.insights-column .insights-container .alert-icon {
  max-height: 24px;
  max-width: 24px;
}
#dashboard-v3 #animals .herd-list .rt-td.insights-column .insights-container .alert-icon:before {
  font-size: 20px;
}
#dashboard-v3 #animals .herd-list .rt-td.validity-column .validity-radio .radio-row {
  cursor: pointer;
}
#dashboard-v3 #animals .herd-list .rt-td.validity-column .validity-radio .radio-row input.radio-true:checked {
  color: green;
}
#dashboard-v3 #animals .herd-list .rt-td.validity-column .validity-radio .radio-row input.radio-false:checked {
  color: red;
}
#dashboard-v3 #animals .animal-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#dashboard-v3 #animals .animal-cards .card {
  flex: 1;
  max-width: 160px;
  min-width: 160px;
  min-height: 180px;
  max-height: 180px;
  margin: 12px 12px 12px 0;
}
#dashboard-v3 #animals .animal-cards .card .default-avatar {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
#dashboard-v3 #animals .animal-cards .card .default-avatar:before {
  position: absolute;
  bottom: 10px;
  right: 25px;
  font-size: 90px;
  opacity: 0.33;
}
#dashboard-v3 #animals .card {
  padding: 15px;
  color: #fff;
  background-color: #142731;
}
#dashboard-v3 #animals .card.archived {
  background-color: #b3bbc2;
}
#dashboard-v3 #animals .card.archived .card-body {
  text-shadow: none;
}
#dashboard-v3 #animals .card .card-background-overlay {
  background-color: #000;
  opacity: 0.25;
  z-index: 5;
}
#dashboard-v3 #animals .card.selected .card-background-overlay {
  background-image: linear-gradient(rgb(0, 30.4, 34), #004c55);
  opacity: 0.9;
  z-index: 5;
}
#dashboard-v3 #animals .card .card-header, #dashboard-v3 #animals .card .card-body, #dashboard-v3 #animals .card .card-footer {
  padding: 0;
}
#dashboard-v3 #animals .card .card-header, #dashboard-v3 #animals .card .card-body {
  background-color: transparent;
  z-index: 10;
}
#dashboard-v3 #animals .card .card-body {
  padding: 10px 0;
  text-shadow: 2px 2px 3px #000000;
  z-index: 10;
}
#dashboard-v3 #animals .card .card-footer {
  text-align: center;
  z-index: 10;
}
#dashboard-v3 #animals .card .card-background-image {
  z-index: 5;
  background-blend-mode: hue;
}
#dashboard-v3 #animals .card .dropdown * {
  color: inherit !important;
  z-index: 15;
}
#dashboard-v3 #animals .card .eid-number {
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
}
#dashboard-v3 #animals .card .doggtagged {
  font-size: 32px;
  margin-left: -6px;
}
#dashboard-v3 #animals .card .herddogg-icon {
  vertical-align: middle;
}
#dashboard-v3 #animals .card .herddogg-icon.herddogg-icon-middle {
  vertical-align: baseline;
}
#dashboard-v3 #alerts .alert-list [role=gridcell] {
  display: flex;
}
#dashboard-v3 #alerts .alert-list [role=gridcell] > a, #dashboard-v3 #alerts .alert-list [role=gridcell] > span {
  display: flex;
}
#dashboard-v3 #alerts .alert-list .rt-td.insights-column {
  align-items: center;
}
#dashboard-v3 #alerts .alert-list .rt-td.insights-column .insights-container {
  align-items: center;
}
#dashboard-v3 #alerts .alert-list .rt-td.insights-column .insights-container .alert-icon {
  max-height: 24px;
  max-width: 24px;
}
#dashboard-v3 #alerts .alert-list .rt-td.insights-column .insights-container .alert-icon:before {
  font-size: 20px;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column {
  align-items: center;
  overflow: visible;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio {
  display: flex;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 0;
  padding: 0;
  height: 48px;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label .input-indicator {
  position: relative;
  top: 0px;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label.valid {
  margin-right: 1em;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label input {
  margin-right: 0.25em;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label span {
  padding-left: 0.25em;
  color: #777;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label .radio-true:checked {
  color: #32becf;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label .radio-true:checked ~ span {
  color: #32becf;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label .radio-false:checked {
  color: #dc3545;
}
#dashboard-v3 #alerts .alert-list .rt-td.validity-column .validity-radio label .radio-false:checked ~ span {
  color: #dc3545;
}
#dashboard-v3 .input-group {
  border-radius: 100px;
  height: 40px;
  width: 40px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
#dashboard-v3 .input-group .input-group-addon {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dashboard-v3 .input-group .input-group-addon:hover {
  cursor: pointer;
}
#dashboard-v3 .input-group input[type=search] {
  padding-left: 0;
  color: #000;
}
#dashboard-v3 .input-group.focus {
  width: 100%;
}
#dashboard-v3 .temp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#dashboard-v3 .temp .value {
  margin: 0;
}
#dashboard-v3 .temp .label {
  font-weight: 400;
  font-size: 0.9rem;
}
#dashboard-v3 .display-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
}
#dashboard-v3 .display-toggle a {
  color: #142731;
}
#dashboard-v3 .display-toggle .active {
  color: #017e8e;
}
#dashboard-v3 .groups-nav {
  flex-grow: 1;
  display: flex;
  max-width: 100%;
  padding-right: 75px;
}
#dashboard-v3 .groups-nav .existing-groups {
  flex-wrap: nowrap;
  overflow-y: auto;
  flex-grow: 1;
  max-width: 100%;
  margin-right: 3px;
}
#dashboard-v3 .groups-nav .nav-item.active .dropdown .zmdi {
  padding: 0 9px;
}
#dashboard-v3 .groups-nav .nav-item .hd-checkbox {
  margin-right: 10px;
}
#dashboard-v3 .groups-nav .nav-item .badge {
  margin: 0;
  margin-left: 10px;
}
#dashboard-v3 .groups-nav .nav-item a {
  color: inherit;
}
#dashboard-v3 .groups-nav .nav-item.group-flag .nav-link {
  color: #ff7250 !important;
}
#dashboard-v3 .groups-nav .nav-item.group-flag .nav-link .zmdi, #dashboard-v3 .groups-nav .nav-item.group-flag .nav-link .herddogg-icon {
  font-size: 20px;
}
#dashboard-v3 .groups-nav .nav-item.group-flag .nav-link.active a {
  color: #fff;
}
#dashboard-v3 .groups-nav .nav-item.group-estrus-alert .nav-link {
  color: #f6af00 !important;
}
#dashboard-v3 .groups-nav .nav-item.group-estrus-alert .nav-link .zmdi, #dashboard-v3 .groups-nav .nav-item.group-estrus-alert .nav-link .herddogg-icon {
  font-size: 20px;
}
#dashboard-v3 .groups-nav .nav-item.group-estrus-alert .nav-link.active a {
  color: #fff;
}
#dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link {
  color: #ee4635 !important;
}
#dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link .zmdi, #dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link .herddogg-icon {
  font-size: 20px;
}
#dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link.active a {
  color: #fff;
}
#dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link .zmdi, #dashboard-v3 .groups-nav .nav-item.group-health-alert .nav-link .herddogg-icon {
  font-size: 17px;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item {
  position: relative;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item form {
  background-color: #142731;
  padding: 15px;
  color: #fff;
  min-width: 275px;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item form input::-moz-placeholder {
  color: #4c6074 !important;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item form input::placeholder {
  color: #4c6074 !important;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item form input:focus::-moz-placeholder {
  color: #d9d9d9 !important;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item form input:focus::placeholder {
  color: #d9d9d9 !important;
}
#dashboard-v3 .groups-nav .nav-item.add-nav-item.disabled span.zmdi {
  color: #a9a9a9;
}

.dashboard-section {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: row;
  justify-content: center;
}
.dashboard-section .dashboard-group {
  display: flex;
  flex: 1;
  margin-bottom: 2em;
  justify-content: space-around;
}
.dashboard-section .dashboard-group h3.header {
  padding-bottom: 0;
}
.dashboard-section .dashboard-group .column {
  flex: 1;
  max-width: 300px;
  margin-bottom: 1em;
}
.dashboard-section .dashboard-group .readout {
  text-align: center;
}
.dashboard-section .dashboard-group .header {
  text-align: center;
}

.alert-list .rt-tbody .insights-column > div {
  display: flex;
  align-items: center;
}
.alert-list .rt-tbody .insights-column > div > * {
  margin-left: 0.5em;
}

.welcome-select .btn {
  min-width: 250px !important;
}
.welcome-select .dropdown-menu {
  min-width: 250px !important;
}

.mb-welcome {
  margin-bottom: 20em;
}

.standard-profile .profile .card-body {
  padding: 0px;
}
.standard-profile .profile .navigation {
  margin: 1rem 0;
  display: flex;
  justify-content: flex-end;
}
.standard-profile .profile .navigation .herddogg-icon, .standard-profile .profile .navigation .zmdi {
  font-size: 22px;
}
.standard-profile .profile .navigation .pagination .herddogg-icon {
  margin: 0 0.5em;
}
.standard-profile .profile .card {
  border-radius: 10px;
}
.standard-profile .profile .dashboard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 256px;
  justify-content: space-between;
}
.standard-profile .profile .dashboard .herddogg-spinner {
  margin: 0;
  padding: 2rem;
  height: 100%;
  width: 100%;
  position: absolute;
}
.standard-profile .profile .dashboard .avatar {
  flex: 1;
  margin-right: 2rem;
  max-width: 220px;
}
.standard-profile .profile .dashboard .avatar .herddogg-icon {
  color: #fff;
}
.standard-profile .profile .dashboard .avatar .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.standard-profile .profile .dashboard .details {
  flex: 1;
}
.standard-profile .profile .dashboard .details__grid {
  display: grid;
  grid-template-rows: repeat(3, 60px);
  grid-template-columns: 50% 50%;
  grid-auto-flow: column;
  margin-top: 8px;
}
.standard-profile .profile .dashboard .details__grid__attribute {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  padding: 15px;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.question-label {
  font-size: 18px;
}

.answer-options {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.answer-options input[type=radio] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}

.answer {
  flex-basis: 260px;
  margin: 0 5px;
  padding: 10px;
  border: 1px solid #d9d9d9 !important;
  font-size: 18px;
  border-radius: 100px;
  font-weight: bold;
  border-radius: 5px !important;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.07);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.answer:not(input):hover {
  background-color: rgba(214, 96, 48, 0.3);
  cursor: pointer;
  transform: translate(-3px, -3px) scale(1.02);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
}
input[type=radio]:checked + .answer {
  background-color: #d66030;
  color: #fff;
}
input[type=radio]:checked + .answer:hover {
  background-color: #d66030;
  color: #fff;
}

.input-config input[type=file] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  bottom: 0;
  white-space: nowrap;
  width: 1px;
}

div.stars {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  justify-content: space-around;
}
div.stars input.star {
  display: none;
}
div.stars label.star {
  font-size: 40px;
  color: #616161;
  transition: all 0.2s;
}
div.stars input.star:checked ~ label.star:before {
  content: "\f005";
  color: #FD4;
  transition: all 0.25s;
}
div.stars input.star:first-of-type:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}
div.stars input:last-of-type:checked ~ label.star:before {
  color: #F62;
}
div.stars label.star:hover {
  transform: rotate(-15deg) scale(1.3);
}
div.stars label.star:before {
  content: "\f006";
  font-family: FontAwesome;
}

/* Fonts */
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProBol-d0b88470f1f34d1e39f0acf65a5015bb690c915ec547947a086f22bbc14b7e4b.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Akzid";
  src: url(/assets/AkzidGrtskProSuper-2bcc3dfce66f5e0413e86b4794efa809d73ecdaa849fb6ed902c7c08f7bc2ea2.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Mirador";
  src: url(/assets/Mirador-Heavy-ba908b72bebdd2b7a4e14f8e40b3a856edb037c990213b9d744b438d1d11a870.otf) format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Black-f4526eb62125bd59c3ee906c7cd4ae9f98fad57d143fcb9589e3d9eea9c95e8e.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Bold-0b5b527d70487efdc6624c9c26150653573ea0cead4f531c9093ad09a3d8c56a.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Medium-01a508cbef064f9c6dd656747421614101cf8db811d2576d5d921661475555e2.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Book-0aa8607a674b72566af3fbe7d9aef85b64fdaf363dd4b02674075ebaa07b8ac1.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-Light-3850023040a06fc7c47eeeee84be5704091ec28f72f708ceae24bb84400d9c04.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLight-5cd8017122baebdb3de08dcd4ce39e51c03960b059ddf969413ef8327caac3f7.otf) format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BlackItalic-ac9f5d10236f1b327e378a4ab1924179e1e51b5bff93c866d51e7525305673df.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BoldItalic-e6a8001a9586eed676353644f6f59e8edddcdf21e3478e04908e7c09c363cb74.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-MediumItalic-a1d939b7c3f365a36067a508070244b422fb5395a70867bd40937d611d9c6b17.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-BookItalic-0564de9172f5150cd8f19a905294db523d0ab1ecc366e168c5e1c1db4e8a6296.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-LightItalic-920c3aee153381ad102dca7b296287b39fe6fac2076bfaa9514100ab20359fee.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "GothamSSm";
  src: url(/assets/GothamSSm-XLightItalic-ae5c07218e88be9dc79c25a708633288860914c39ab6dc41f1ac4e9b8b70c06f.otf) format("opentype");
  font-weight: 200;
  font-style: italic;
}
ol.steps > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 0 0 0 1em;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps > li:before {
  color: #2799a7;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #2799a7;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 1em;
}

ol.steps-solid {
  padding-top: 2em;
}
ol.steps-solid > li {
  counter-increment: list;
  list-style-type: none;
  margin-bottom: 1.4em;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: baseline;
}
ol.steps-solid > li:before {
  background-color: #32BECF;
  content: counter(list);
  width: 1.8em;
  height: 1.8em;
  max-height: 1.8em;
  line-height: 1.8em;
  border: 2px solid #32BECF;
  border-radius: 3em;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #FFFFFF;
  margin-right: 1em;
}

.insights-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 80%;
}
.insights-container h1 {
  color: #424242;
  font-size: 5rem;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-top: 1rem;
  text-align: center;
}
@media (max-width: 900px) {
  .insights-container h1 {
    font-size: 3rem;
  }
}
.insights-container .add-insights-button {
  background-color: #32becf;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  margin: 1rem auto 2rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
}
.insights-container .add-insights-button:hover, .insights-container .add-insights-button:focus {
  background-color: #2799a7;
  color: #fff;
  text-decoration: none;
}

.rolling-average-toggle {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.rolling-average-toggle .average-switch {
  display: inline-block;
  height: 20px;
  line-height: 1;
  margin-top: 0;
  position: relative;
  width: 36px;
}
.rolling-average-toggle .average-switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.rolling-average-toggle .average-switch .slider {
  background-color: #4d5f72;
  border-radius: 20px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.rolling-average-toggle .average-switch .slider::before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 3px;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  transition: 0.4s;
  width: 14px;
}
.rolling-average-toggle .average-switch input:checked + .slider {
  background-color: #32becf;
}
.rolling-average-toggle .average-switch input:checked + .slider::before {
  transform: translateX(16px);
}
.rolling-average-toggle .label {
  color: #32becf;
  font-size: 16px;
  line-height: 1;
}
.rolling-average-toggle a {
  color: #32becf;
}
.rolling-average-toggle a:hover, .rolling-average-toggle a:focus {
  color: #2799a7;
  text-decoration: underline;
}

.view-charts-link {
  color: #005f6b;
  text-align: center;
}
.view-charts-link:visited {
  color: #004c55;
}
.view-charts-link:hover, .view-charts-link:focus {
  color: rgb(0, 49.7196261682, 56);
  text-decoration: underline;
}

.insights-table-wrapper {
  overflow-x: auto;
}
.insights-table-wrapper .insights-table {
  margin: 0 auto;
}
.insights-table-wrapper .insights-table th {
  text-align: center;
}
.insights-table-wrapper .insights-table td {
  white-space: nowrap;
}
.insights-table-wrapper .insights-table tr:nth-child(even) {
  background-color: #f4f7f6;
}
.insights-table-wrapper .insights-table tr:nth-child(odd) {
  background-color: #fff;
}
.insights-table-wrapper .insights-table td:first-child {
  border: 0;
  padding-left: 1rem;
}
.insights-table-wrapper .insights-table td:last-child {
  padding-right: 1rem;
}
.insights-table-wrapper .insights-table td,
.insights-table-wrapper .insights-table th {
  padding: 0.75rem 1rem;
}
@media (max-width: 970px) {
  .insights-table-wrapper .insights-table {
    border-collapse: collapse;
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .insights-table-wrapper .insights-table .table-active,
  .insights-table-wrapper .insights-table .table-active > th,
  .insights-table-wrapper .insights-table .table-active > td {
    background-color: #fff;
  }
  .insights-table-wrapper .insights-table thead {
    display: none;
  }
  .insights-table-wrapper .insights-table tbody {
    display: block;
  }
  .insights-table-wrapper .insights-table .chart-button-cell {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .insights-table-wrapper .insights-table .chart-button-cell::before {
    content: none;
  }
  .insights-table-wrapper .insights-table .chart-button-cell .view-charts-link {
    margin: 0 auto;
  }
  .insights-table-wrapper .insights-table .insight-row {
    border: 0;
    display: block;
    margin-bottom: 1rem;
    padding: 0.75rem;
  }
  .insights-table-wrapper .insights-table .insight-row td {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem;
    white-space: normal;
  }
  .insights-table-wrapper .insights-table .insight-row td::before {
    content: attr(data-label);
    flex-basis: 6rem;
    flex-shrink: 0;
    font-weight: bold;
    margin-right: 1rem;
    text-align: left;
  }
  .insights-table-wrapper .insights-table .insight-row td .heat-strength {
    color: #424242;
    display: block;
    font-size: 0.85em;
    margin-bottom: 0;
    margin-top: 0.25rem;
    text-align: right;
  }
  .insights-table-wrapper .insights-table .insight-row .view-charts-link {
    display: inline-block;
    margin-top: 0.5rem;
  }
  .insights-table-wrapper .insights-table .insight-detail-row {
    display: block;
    width: 100%;
  }
  .insights-table-wrapper .insights-table .insight-detail-row > td {
    display: block;
    padding: 0;
    width: 100%;
  }
  .insights-table-wrapper .insights-table .biometric-chart-container {
    box-sizing: border-box;
    max-width: 100vw;
    overflow-x: hidden;
    padding: 0 1rem;
    width: 100%;
  }
  .insights-table-wrapper .insights-table .biometric-chart-container .chartjs-chart,
  .insights-table-wrapper .insights-table .biometric-chart-container .chartjs-render-monitor,
  .insights-table-wrapper .insights-table .biometric-chart-container canvas {
    display: block;
    height: auto;
    max-width: 100% !important;
    width: 100% !important;
  }
  .insights-table-wrapper .insights-table .biometric-chart-container h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 650px) and (max-width: 970px) {
  .insight-row td {
    font-size: 1.8vw;
  }
}
@media (max-width: 650px) {
  .insight-row td {
    font-size: 2.9vw;
  }
}
@media (max-width: 1408px) {
  .insights-table {
    width: 90%;
  }
  .insights-container {
    width: 100%;
  }
}
.last-gathered-cell {
  position: relative;
}
.last-gathered-cell__content {
  cursor: help;
  position: relative;
}
.last-gathered-cell__tooltip {
  background-color: #374151;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 12px;
  left: 50%;
  margin-bottom: 4px;
  padding: 6px 8px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1000;
}
.last-gathered-cell__tooltip-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #374151;
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}