@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/* Compiled from article_finalization_component.scss. Edit this sidecar CSS directly. */
.article-finalization-component label {
  font-size: 0.8rem;
  color: #666;
}
.article-finalization-component label[required]:after {
  content: " *";
  color: #EF4444;
}
.article-finalization-component .card-block {
  color: #666;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.article-finalization-component #minimum-page-count-warning {
  color: #EA580C !important;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  flex: 0;
  display: block !important;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s linear, height 0.2s linear;
}
.article-finalization-component #minimum-page-count-warning.hidden {
  visibility: hidden;
  height: 1.5rem; /* Pre-allocate height */
  opacity: 0;
  margin-bottom: 1rem;
  display: block !important; /* Keep the element in the document flow */
}

/* Compiled from article_image_gallery_component.scss. Edit this sidecar CSS directly. */
.article-image-gallery-component {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 16px 16px;
}
.article-image-gallery-component .card {
  flex: 0 0 calc(50% - 10px);
  gap: 2em;
  max-width: calc(50% - 10px);
  padding: 24px;
  background-color: #F9FAFD;
}

.article-summary-page h6 {
  font-size: 13px;
  font-weight: 500;
  color: #5E6E82;
}

/* Compiled from article_image_readonly_component.scss. Edit this sidecar CSS directly. */
.article-image-readonly-component {
  display: flex;
  width: 100%;
}
.article-image-readonly-component .image {
  flex-flow: column nowrap;
  align-content: center;
  padding-right: 24px;
  flex-basis: 45%;
}
.article-image-readonly-component .image-info {
  width: 100%;
  padding-right: 2px;
  padding-left: 2px;
  display: flex;
  flex-flow: column nowrap;
}
.article-image-readonly-component .image-info .left {
  float: left;
  width: 60%;
  text-align: left;
}
.article-image-readonly-component .image-info .right {
  width: 40%;
  text-align: right;
  float: right;
}
.article-image-readonly-component .image-info p {
  font-size: 14px;
  font-weight: 500;
  color: #5E6E82;
}

.article-image-form {
  align-items: center; /* Align elements vertically */
  color: #5E6E82;
}

.article-image-container {
  .image-filename {
    max-width: 133px;
  }
}

.article-images-container {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  & .target > .card {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 2.5rem 2.25rem 2.5rem 2.25rem;
  }
}

.article-image-form-fields {
  input[type="text"] {
    border: 1px solid #D8E2EF;
    border-radius: 5px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  input[type="text"]:focus:not([readonly]) {
    border: 1px solid #2196F3;
    box-shadow: 0 0 0 0;
  }

  .md-form {
    margin-bottom: 0;
  }

  .image-data {
    display: flex;
    justify-content: space-between;
  }
}

.article-image-category-field {
  display: flex;
  flex-wrap: wrap;

  span {
    flex-basis: inherit;
    flex-grow: 1;
    white-space: nowrap;
  }

  input[type="radio"] + label,
  input[type="checkbox"] + label {
    color: #83898C;
  }

  input[type="radio"]:not(:checked):not(.browser-default) + label::before {
    border: 2px solid #83898C;
  }

  input[type="radio"]:not(:checked):not(.browser-default) + label,
  input[type="radio"]:checked:not(.browser-default) + label {
    padding-left: 2.5rem;
  }
}

/* Compiled from byline_readonly_component.scss. Edit this sidecar CSS directly. */
.byline-container {
  display: flex;
  width: 100%;
  margin: 1rem 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  padding: 1rem;
  justify-content: space-around;
  gap: 12px;
}
@media (max-width: 768px) {
  .byline-container {
    flex-wrap: wrap;
  }
}
.byline-container .byline-column {
  flex: 1;
  padding-right: 1rem;
  font-size: small;
}
.byline-container .avatar-column {
  flex: 0.8;
}
.byline-container .avatar-column img {
  width: 100%;
  height: auto;
}
.byline-container .image-info-column {
  flex: 1;
  font-size: 0.75rem;
}
.byline-container .image-info-column .info-item {
  font-size: small;
  margin-bottom: 0.25rem;
}
.byline-container .author-bio-column {
  flex: 1;
  font-size: small;
}

/* Compiled from sidebar_readonly_component.scss. Edit this sidecar CSS directly. */
.sidebar-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  width: 100%;
}
.sidebar-container .left-side {
  padding-right: 24px;
  width: 56%;
}
.sidebar-container .left-side h6 {
  font-size: 13px;
  font-weight: 500;
  color: #5E6E82;
}
.sidebar-container .images {
  display: flex;
  padding-top: 24px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  width: 42%;
}

/* Compiled from stepper_component.scss. Edit this sidecar CSS directly. */
.stepper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  gap: 0.5rem;
}
.stepper .step {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  min-width: 13vw;
  gap: 0.5rem;
}
.stepper .step:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 100px;
  height: 1px;
  background-color: #B6C1D2;
  margin: 10px 0px;
}
.stepper .step:not(.completed) {
  color: #B6C1D2; /* Grey */
}
.stepper .step:last-child {
  min-width: fit-content;
}
.stepper .step-circle {
  min-width: 40px;
  min-height: 40px;
  background-color: #B6C1D2;
  color: white;
  fill: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepper .step-circle.completed {
  background-color: #007bff; /* Blue */
}

/* Compiled from form_expander_component.scss. Edit this sidecar CSS directly. */
.target .content-container {
  display: flex;
  width: 100%;
  gap: 5%;
}
.target .content-container .expander-content {
  flex: 0 0 90%;
  display: flex;
  flex-direction: column;
}
.target .content-container .delete {
  flex: 0 0 5%;
  justify-content: center;
}

/* Compiled from job_card_component.scss. Edit this sidecar CSS directly. */
.job-card.card {
  /* Respect maximum width of existing cards */
  max-width: 525px;
  /* Background and extra space around and info banner is essential for scanability,
     to better distinguish from links, which have a very similar color. */
}
.job-card.card .job-fields {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px 24px;
  line-height: 24px;
}
.job-card.card .job-fields .material-icons {
  font-size: inherit;
}
.job-card.card .job-fields .field-value > a {
  word-break: break-word;
}
.job-card.card button.field-action {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  margin-left: 8px;
  vertical-align: bottom;
  cursor: pointer;
}
.job-card.card button.field-action:hover, .job-card.card button.field-action:focus {
  color: var(--blue);
}
.job-card.card .text-info {
  background: rgba(189, 235, 255, 0.3803921569);
  border-radius: 8px;
  padding: 12px 16px;
}
.job-card.card .card-actions {
  column-gap: 10px;
}

/* Accessory class for a container to display a job card */
.responsive-job-card-container {
  display: flex;
  justify-content: center;
  /* Full-width/height on small screens */
}
@media (max-width: 545px) {
  .responsive-job-card-container {
    /* Hack: a negative offset equivalent to .mt-6 on the page container.
    It's required to remove empty space between navbar and card for better mobile experience */
    margin-top: -48px;
  }
  .responsive-job-card-container .card {
    position: absolute;
    left: 0px;
    width: 100%;
    border-radius: 0px;
  }
  .responsive-job-card-container .card .view {
    border-radius: 0px;
  }
}

/* Compiled from modal_component.scss. Edit this sidecar CSS directly. */
.modal-component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
  border-radius: 0.3rem;
  border-color: transparent;
  outline: 0;
  margin: 0.5rem;
}
.modal-component dialog {
  padding: 2rem;
  border: none;
}
.modal-component dialog .header {
  color: rgb(33, 37, 41);
  width: 100%;
  border: none;
}
.modal-component dialog .body {
  margin-top: 20px;
  color: rgb(158, 158, 158);
  font-size: 15px;
  padding: 1rem;
  border: none;
}
.modal-component dialog .body .modal-component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
  border-radius: 0.3rem;
  border-color: transparent;
  outline: 0;
  margin: 0.5rem;
}
.modal-component dialog .body .modal-component dialog {
  padding: 2rem;
  border: none;
}
.modal-component dialog .body .modal-component dialog .header {
  color: rgb(33, 37, 41);
  width: 100%;
  border: none;
}
.modal-component dialog .body .modal-component dialog .body {
  margin-top: 20px;
  color: rgb(158, 158, 158);
  font-size: 15px;
  padding: 1rem;
  border: none;
}
.modal-component dialog .body .modal-component dialog .footer {
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 576px) {
  .modal-component dialog .body .modal-component .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-component dialog .body .modal-component .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-component dialog .body .modal-component .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-component dialog .body .modal-component .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-component dialog .body .modal-component .modal-lg {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-component dialog .body .modal-component .modal-xl {
    max-width: 1140px;
  }
}
.modal-component dialog .footer {
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 576px) {
  .modal-component .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-component .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-component .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-component .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-component .modal-lg {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-component .modal-xl {
    max-width: 1140px;
  }
}

/* Compiled from rich_text_editor_component.scss. Edit this sidecar CSS directly. */
.rich-text-editor-component .fr-view {
  background: white;
  border: 1px solid #d8e2ef;
  border-radius: 5px;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.27);
  min-height: 15vh;
  height: auto;
  display: flex;
  flex-flow: column nowrap;
}
.rich-text-editor-component .fr-toolbar {
  border: none;
  background: inherit;
}
.rich-text-editor-component .fr-second-toolbar {
  border: none;
  border-bottom: none;
  margin: 0;
  background: inherit;
}
.rich-text-editor-component .fr-element {
  min-height: 15vh;
  height: auto !important; /* Override any inline styles */
}

/* Compiled from table_card_component.scss. Edit this sidecar CSS directly. */
.table-card-component .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/*
 * Compiled plain CSS for the application pack.
 * Source was app/assets/stylesheets.scss (full dart-sass compile).
 * ViewComponent styles stay as *_component.css sidecars next to each component.
 * Edit this file or those sidecars directly going forward.
 */
@charset "UTF-8";
/*!
 * * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js
 * * */
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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 {
  outline: 0 !important;
}

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

h1, h2, h3, h4, .dropdown-button.in-header, 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;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: 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;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, .dropdown-button.in-header, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

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

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

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

h4, .dropdown-button.in-header, .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: 80%;
  font-weight: 400;
}

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

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

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

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

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

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

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

.img-fluid, .side-nav .logo-wrapper img, .card img, .month-card img, .section img,
.section .view {
  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-break: 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 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row, .two-column-form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > .n2-search-bar,
.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, .two-column-form__main, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .two-column-form__sidebar, .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, .n2-search-bar,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4, .two-column-form__sidebar {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8, .two-column-form__main {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.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 .table {
  background-color: #fff;
}

.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 {
  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-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-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-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-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-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-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-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-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: #212529;
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

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

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  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 screen and (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::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

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

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

.col-form-label, .list-header-item {
  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-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  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.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(2.875rem + 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 > .n2-search-bar,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

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

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

.valid-tooltip {
  position: absolute;
  top: 100%;
  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;
}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.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-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

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

.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 {
  background-color: rgb(113.4130434783, 221.0869565217, 138);
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgb(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 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.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 ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  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: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  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;
}

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.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-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

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

.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 {
  background-color: rgb(238.8291139241, 161.6708860759, 169.0632911392);
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: rgb(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 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.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 ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  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;
    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;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  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 screen and (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover, .btn:focus {
  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, .btn-primary--inverted {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover, .btn-primary--inverted:hover {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}
.btn-primary:focus, .btn-primary--inverted:focus, .btn-primary.focus, .focus.btn-primary--inverted {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .disabled.btn-primary--inverted, .btn-primary:disabled, .btn-primary--inverted:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary--inverted:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary--inverted:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .dropdown-toggle.btn-primary--inverted {
  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--inverted:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary--inverted:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-primary--inverted:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 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 {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 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(108, 117, 125, 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 {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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(40, 167, 69, 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 {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 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(23, 162, 184, 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 {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 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(255, 193, 7, 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 {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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(220, 53, 69, 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 {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 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(248, 249, 250, 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 {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 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(52, 58, 64, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
  background-image: none;
  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;
  background-color: transparent;
}
.btn-link:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.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 screen and (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 screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #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-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;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-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;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-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: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  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: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

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

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

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

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

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control: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(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: 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-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

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

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

.input-group-text {
  display: 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,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

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

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

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

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  user-select: none;
  background-color: #dee2e6;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%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::before {
  background-color: #007bff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%3E%3C/svg%3E");
}
.custom-radio .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(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(127.5, 189, 255, 0.5);
}
.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 {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  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:focus ~ .custom-file-label::after {
  border-color: rgb(127.5, 189, 255);
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  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: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #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;
  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 screen and (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    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;
  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 screen and (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    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;
  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 screen and (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    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 screen and (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;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  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 {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

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

.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, .section-header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container, .section-header > .container,
.navbar > .container-fluid,
.section-header > .container-fluid {
  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:not(:disabled):not(.disabled) {
  cursor: pointer;
}

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

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    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 {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    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 {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    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 {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    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 {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  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 {
  flex-wrap: nowrap;
}
.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;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #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;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card, .month-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, .month-card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child, .month-card > .list-group:first-child .list-group-item:first-child, .card > .list-group:first-child .list-group-borderless .list-group-item-header-row:first-child, .month-card > .list-group:first-child .list-group-borderless .list-group-item-header-row:first-child, .list-group-borderless .card > .list-group:first-child .list-group-item-header-row:first-child, .list-group-borderless .month-card > .list-group:first-child .list-group-item-header-row:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child, .month-card > .list-group:last-child .list-group-item:last-child, .card > .list-group:last-child .list-group-borderless .list-group-item-header-row:last-child, .month-card > .list-group:last-child .list-group-borderless .list-group-item-header-row:last-child, .list-group-borderless .card > .list-group:last-child .list-group-item-header-row:last-child, .list-group-borderless .month-card > .list-group:last-child .list-group-item-header-row:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body, .card-block {
  flex: 1 1 auto;
  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-header + .list-group .list-group-item:first-child, .card-header + .list-group .list-group-borderless .list-group-item-header-row:first-child, .list-group-borderless .card-header + .list-group .list-group-item-header-row:first-child {
  border-top: 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;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

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

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

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

.accordion .card:not(:first-of-type):not(:last-of-type), .accordion .month-card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child, .accordion .month-card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion .card:first-of-type, .accordion .month-card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion .card:last-of-type, .accordion .month-card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.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 {
  display: inline-block;
  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: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.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: 1;
  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;
}
.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;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(0, 98.4, 204);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(211, 158.25, 0);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: rgb(218.25, 223.5, 228.75);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}

.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;
  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;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media screen and (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: progress-bar-stripes 1s linear infinite;
}

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

.media-body {
  flex: 1;
}

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

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item, .list-group-borderless .list-group-item-header-row {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child, .list-group-borderless .list-group-item-header-row:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child, .list-group-borderless .list-group-item-header-row:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item:hover, .list-group-borderless .list-group-item-header-row:hover, .list-group-item:focus, .list-group-borderless .list-group-item-header-row:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-borderless .disabled.list-group-item-header-row, .list-group-item:disabled, .list-group-borderless .list-group-item-header-row:disabled {
  color: #6c757d;
  background-color: #fff;
}
.list-group-item.active, .list-group-borderless .active.list-group-item-header-row {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item, .list-group-flush .list-group-borderless .list-group-item-header-row, .list-group-borderless .list-group-flush .list-group-item-header-row {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child, .list-group-flush:first-child .list-group-borderless .list-group-item-header-row:first-child, .list-group-borderless .list-group-flush:first-child .list-group-item-header-row:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child, .list-group-flush:last-child .list-group-borderless .list-group-item-header-row:last-child, .list-group-borderless .list-group-flush:last-child .list-group-item-header-row:last-child {
  border-bottom: 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:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

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

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

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  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, -25%);
}
@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 0.5rem * 2);
  content: "";
}

.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;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  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;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 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;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 1.75rem * 2);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 1.75rem * 2);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    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, 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;
  word-spacing: normal;
  white-space: 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, 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;
  word-spacing: normal;
  white-space: 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) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: #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) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: #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) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: #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) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(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-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  backface-visibility: hidden;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: transform 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    transition: none;
  }
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next,
  .active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-prev,
  .active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.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: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E");
}

.carousel-indicators, .n2-carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  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, .n2-carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .carousel-indicators li, .n2-carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators li::before, .n2-carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after, .n2-carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active, .n2-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;
}

.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, .n2-search-bar.has-black-text input[type=text], .n2-search-bar input[type=text] {
  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 {
  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-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none, .resolved-anno-checkbox {
  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, .card-head, .action-buttons-row, .two-column-form__main {
  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, .resolved-anno-checkbox {
    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.8571428571%;
}

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

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

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

.flex-row, .navbar.n2-navbar, .n2-navbar.section-header {
  flex-direction: row !important;
}

.flex-column, .two-column-form__main {
  flex-direction: column !important;
}

.flex-row-reverse, .action-buttons-row {
  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, .card-head {
  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, .n2-search-bar, .navbar.n2-navbar, .n2-navbar.section-header {
  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;
  }
}
.position-static {
  position: static !important;
}

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

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

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

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

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

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

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  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, .side-nav .logo-wrapper img {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0, i.btn input[type=submit] {
  margin: 0 !important;
}

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

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

.mb-0, .card-head h5, #article-placement-publication-ids .checkbox-collection-wrapper .hidden-sponsorship-select .md-form,
.my-0 {
  margin-bottom: 0 !important;
}

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

.m-1, .cascading-media .jumbotron {
  margin: 0.25rem !important;
}

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

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

.mb-1, .hidden-sponsorship-select .md-form,
.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, .empty-search-input,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

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

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

.mb-3,
.my-3,
.two-column-form__sidebar-label {
  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, .action-buttons-row,
.my-5 {
  margin-bottom: 3rem !important;
}

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

.p-0, .n2-search-bar a.btn-flat, .n2-search-bar a.btn-stroked, .n2-search-bar .segmented-controls a.segmented-control, .segmented-controls .n2-search-bar a.segmented-control, #toast-container > .toast-info .col, #toast-container > .toast-info .n2-search-bar, i.btn input[type=submit] {
  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,
.n2-search-bar input[type=text] {
  padding-top: 0.25rem !important;
}

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

.pb-1,
.py-1,
.n2-search-bar input[type=text] {
  padding-bottom: 0.25rem !important;
}

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

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

.pt-2,
.py-2,
.year-month-option,
#toast-container > div {
  padding-top: 0.5rem !important;
}

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

.pb-2,
.py-2,
.year-month-option,
#toast-container > div {
  padding-bottom: 0.5rem !important;
}

.pl-2, #toast-container > .toast-info .toast-action, .toast-close-button,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3, .card-head, .side-nav .logo-wrapper img {
  padding: 1rem !important;
}

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

.pr-3,
.px-3,
#toast-container > div {
  padding-right: 1rem !important;
}

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

.pl-3,
.px-3,
#toast-container > div {
  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-auto, .side-nav .logo-wrapper img {
  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-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-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-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-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

.text-left, .messages .message.message--left {
  text-align: left !important;
}

.text-right, .messages .message.message--right {
  text-align: right !important;
}

.text-center, .year-month-option, .two-column-form__sidebar {
  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, 98.4, 204) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

a.text-dark:hover, a.text-dark:focus {
  color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted, .article-summary .panel-body p, .article-summary .panel-body #article_text {
  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;
}

.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;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar, .section-header {
    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;
  }
}
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row, .two-column-form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .n2-search-bar,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .two-column-form__sidebar, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .two-column-form__main, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4, .two-column-form__sidebar {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8, .two-column-form__main {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none, .resolved-anno-checkbox {
  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, .card-head, .action-buttons-row, .two-column-form__main {
  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, .resolved-anno-checkbox {
    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;
  }
}
.flex-row, .navbar.n2-navbar, .n2-navbar.section-header {
  flex-direction: row !important;
}

.flex-column, .two-column-form__main {
  flex-direction: column !important;
}

.flex-row-reverse, .action-buttons-row {
  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, .card-head {
  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, .n2-search-bar, .navbar.n2-navbar, .n2-navbar.section-header {
  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;
  }
}
/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

@-ms-viewport {
  width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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 {
  outline: 0 !important;
}

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

h1, h2, h3, h4, .dropdown-button.in-header, 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;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: 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;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*********************
 * *  Mixins
 * ********************** */
.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-5.stroke {
  stroke: #FFEBEE;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-4.stroke {
  stroke: #FFCDD2;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-3.stroke {
  stroke: #EF9A9A;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-2.stroke {
  stroke: #E57373;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.lighten-1.stroke {
  stroke: #EF5350;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.stroke {
  stroke: #F44336;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-1.stroke {
  stroke: #E53935;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-2.stroke {
  stroke: #D32F2F;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3, .card-head h5.red-text {
  color: #C62828 !important;
}

.red.darken-3.stroke {
  stroke: #C62828;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.darken-4.stroke {
  stroke: #B71C1C;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-1.stroke {
  stroke: #FF8A80;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-2.stroke {
  stroke: #FF5252;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-3.stroke {
  stroke: #FF1744;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.red.accent-4.stroke {
  stroke: #D50000;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-5.stroke {
  stroke: #fce4ec;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-4.stroke {
  stroke: #f8bbd0;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

.pink.lighten-3.stroke {
  stroke: #f48fb1;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-2.stroke {
  stroke: #f06292;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.lighten-1.stroke {
  stroke: #ec407a;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.stroke {
  stroke: #e91e63;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-1.stroke {
  stroke: #d81b60;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-2.stroke {
  stroke: #c2185b;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3, .card-head h5.pink-text {
  color: #ad1457 !important;
}

.pink.darken-3.stroke {
  stroke: #ad1457;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.darken-4.stroke {
  stroke: #880e4f;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-1.stroke {
  stroke: #ff80ab;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-2.stroke {
  stroke: #ff4081;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-3.stroke {
  stroke: #f50057;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.pink.accent-4.stroke {
  stroke: #c51162;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-5.stroke {
  stroke: #f3e5f5;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-4.stroke {
  stroke: #e1bee7;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-3.stroke {
  stroke: #ce93d8;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-2.stroke {
  stroke: #ba68c8;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.lighten-1.stroke {
  stroke: #ab47bc;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.stroke {
  stroke: #9c27b0;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-1.stroke {
  stroke: #8e24aa;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

.purple.darken-2.stroke {
  stroke: #7b1fa2;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3, .card-head h5.purple-text {
  color: #6a1b9a !important;
}

.purple.darken-3.stroke {
  stroke: #6a1b9a;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.darken-4.stroke {
  stroke: #4a148c;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-1.stroke {
  stroke: #ea80fc;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-2.stroke {
  stroke: #e040fb;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-3.stroke {
  stroke: #d500f9;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

.purple.accent-4.stroke {
  stroke: #aa00ff;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-5.stroke {
  stroke: #ede7f6;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-4.stroke {
  stroke: #d1c4e9;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-3.stroke {
  stroke: #b39ddb;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-2.stroke {
  stroke: #9575cd;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.lighten-1.stroke {
  stroke: #7e57c2;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.stroke {
  stroke: #673ab7;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-1.stroke {
  stroke: #5e35b1;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-2.stroke {
  stroke: #512da8;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3, .card-head h5.deep-purple-text {
  color: #4527a0 !important;
}

.deep-purple.darken-3.stroke {
  stroke: #4527a0;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.darken-4.stroke {
  stroke: #311b92;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-1.stroke {
  stroke: #b388ff;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-2.stroke {
  stroke: #7c4dff;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-3.stroke {
  stroke: #651fff;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.deep-purple.accent-4.stroke {
  stroke: #6200ea;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-5.stroke {
  stroke: #e8eaf6;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-4.stroke {
  stroke: #c5cae9;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-3.stroke {
  stroke: #9fa8da;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-2.stroke {
  stroke: #7986cb;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.lighten-1.stroke {
  stroke: #5c6bc0;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.stroke {
  stroke: #3f51b5;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-1.stroke {
  stroke: #3949ab;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-2.stroke {
  stroke: #303f9f;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3, .card-head h5.indigo-text {
  color: #283593 !important;
}

.indigo.darken-3.stroke {
  stroke: #283593;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.darken-4.stroke {
  stroke: #1a237e;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-1.stroke {
  stroke: #8c9eff;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-2.stroke {
  stroke: #536dfe;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-3.stroke {
  stroke: #3d5afe;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.indigo.accent-4.stroke {
  stroke: #304ffe;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-5.stroke {
  stroke: #E3F2FD;
}

.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-4.stroke {
  stroke: #BBDEFB;
}

.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.blue.lighten-3.stroke {
  stroke: #90CAF9;
}

.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-2.stroke {
  stroke: #64B5F6;
}

.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.blue.lighten-1.stroke {
  stroke: #42A5F5;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.stroke {
  stroke: #2196F3;
}

.blue.darken-1 {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

.blue.darken-1.stroke {
  stroke: #1E88E5;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-2.stroke {
  stroke: #1976D2;
}

.blue.darken-3 {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3, .card-head h5.blue-text {
  color: #1565C0 !important;
}

.blue.darken-3.stroke {
  stroke: #1565C0;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

.blue.darken-4.stroke {
  stroke: #0D47A1;
}

.blue.accent-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

.blue.accent-1.stroke {
  stroke: #82B1FF;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-2.stroke {
  stroke: #448AFF;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
  color: #2979FF !important;
}

.blue.accent-3.stroke {
  stroke: #2979FF;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.blue.accent-4.stroke {
  stroke: #2962FF;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-5.stroke {
  stroke: #e1f5fe;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-4.stroke {
  stroke: #b3e5fc;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-3.stroke {
  stroke: #81d4fa;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-2.stroke {
  stroke: #4fc3f7;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.lighten-1.stroke {
  stroke: #29b6f6;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.stroke {
  stroke: #03a9f4;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-1.stroke {
  stroke: #039be5;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-2.stroke {
  stroke: #0288d1;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3, .card-head h5.light-blue-text {
  color: #0277bd !important;
}

.light-blue.darken-3.stroke {
  stroke: #0277bd;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.darken-4.stroke {
  stroke: #01579b;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-1.stroke {
  stroke: #80d8ff;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-2.stroke {
  stroke: #40c4ff;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-3.stroke {
  stroke: #00b0ff;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.light-blue.accent-4.stroke {
  stroke: #0091ea;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-5.stroke {
  stroke: #e0f7fa;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-4.stroke {
  stroke: #b2ebf2;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-3.stroke {
  stroke: #80deea;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-2.stroke {
  stroke: #4dd0e1;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.lighten-1.stroke {
  stroke: #26c6da;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.stroke {
  stroke: #00bcd4;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-1.stroke {
  stroke: #00acc1;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-2.stroke {
  stroke: #0097a7;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3, .card-head h5.cyan-text {
  color: #00838f !important;
}

.cyan.darken-3.stroke {
  stroke: #00838f;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.darken-4.stroke {
  stroke: #006064;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-1.stroke {
  stroke: #84ffff;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-2.stroke {
  stroke: #18ffff;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-3.stroke {
  stroke: #00e5ff;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.cyan.accent-4.stroke {
  stroke: #00b8d4;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-5.stroke {
  stroke: #e0f2f1;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-4.stroke {
  stroke: #b2dfdb;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-3.stroke {
  stroke: #80cbc4;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-2.stroke {
  stroke: #4db6ac;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.lighten-1.stroke {
  stroke: #26a69a;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.stroke {
  stroke: #009688;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-1.stroke {
  stroke: #00897b;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-2.stroke {
  stroke: #00796b;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3, .card-head h5.teal-text {
  color: #00695c !important;
}

.teal.darken-3.stroke {
  stroke: #00695c;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.darken-4.stroke {
  stroke: #004d40;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-1.stroke {
  stroke: #a7ffeb;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-2.stroke {
  stroke: #64ffda;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-3.stroke {
  stroke: #1de9b6;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.teal.accent-4.stroke {
  stroke: #00bfa5;
}

.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

.green.lighten-5.stroke {
  stroke: #E8F5E9;
}

.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

.green.lighten-4.stroke {
  stroke: #C8E6C9;
}

.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

.green.lighten-3.stroke {
  stroke: #A5D6A7;
}

.green.lighten-2 {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
  color: #81C784 !important;
}

.green.lighten-2.stroke {
  stroke: #81C784;
}

.green.lighten-1 {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

.green.lighten-1.stroke {
  stroke: #66BB6A;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.stroke {
  stroke: #4CAF50;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-1.stroke {
  stroke: #43A047;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-2.stroke {
  stroke: #388E3C;
}

.green.darken-3 {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3, .card-head h5.green-text {
  color: #2E7D32 !important;
}

.green.darken-3.stroke {
  stroke: #2E7D32;
}

.green.darken-4 {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

.green.darken-4.stroke {
  stroke: #1B5E20;
}

.green.accent-1 {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

.green.accent-1.stroke {
  stroke: #B9F6CA;
}

.green.accent-2 {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
  color: #69F0AE !important;
}

.green.accent-2.stroke {
  stroke: #69F0AE;
}

.green.accent-3 {
  background-color: #00E676 !important;
}

.green-text.text-accent-3 {
  color: #00E676 !important;
}

.green.accent-3.stroke {
  stroke: #00E676;
}

.green.accent-4 {
  background-color: #00C853 !important;
}

.green-text.text-accent-4 {
  color: #00C853 !important;
}

.green.accent-4.stroke {
  stroke: #00C853;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-5.stroke {
  stroke: #f1f8e9;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-4.stroke {
  stroke: #dcedc8;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-3.stroke {
  stroke: #c5e1a5;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-2.stroke {
  stroke: #aed581;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.lighten-1.stroke {
  stroke: #9ccc65;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.stroke {
  stroke: #8bc34a;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-1.stroke {
  stroke: #7cb342;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-2.stroke {
  stroke: #689f38;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3, .card-head h5.light-green-text {
  color: #558b2f !important;
}

.light-green.darken-3.stroke {
  stroke: #558b2f;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.darken-4.stroke {
  stroke: #33691e;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-1.stroke {
  stroke: #ccff90;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-2.stroke {
  stroke: #b2ff59;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-3.stroke {
  stroke: #76ff03;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.light-green.accent-4.stroke {
  stroke: #64dd17;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-5.stroke {
  stroke: #f9fbe7;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-4.stroke {
  stroke: #f0f4c3;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-3.stroke {
  stroke: #e6ee9c;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-2.stroke {
  stroke: #dce775;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.lighten-1.stroke {
  stroke: #d4e157;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.stroke {
  stroke: #cddc39;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-1.stroke {
  stroke: #c0ca33;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-2.stroke {
  stroke: #afb42b;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3, .card-head h5.lime-text {
  color: #9e9d24 !important;
}

.lime.darken-3.stroke {
  stroke: #9e9d24;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.darken-4.stroke {
  stroke: #827717;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-1.stroke {
  stroke: #f4ff81;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-2.stroke {
  stroke: #eeff41;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-3.stroke {
  stroke: #c6ff00;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.lime.accent-4.stroke {
  stroke: #aeea00;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-5.stroke {
  stroke: #fffde7;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-4.stroke {
  stroke: #fff9c4;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-3.stroke {
  stroke: #fff59d;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-2.stroke {
  stroke: #fff176;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.lighten-1.stroke {
  stroke: #ffee58;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.stroke {
  stroke: #ffeb3b;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-1.stroke {
  stroke: #fdd835;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-2.stroke {
  stroke: #fbc02d;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3, .card-head h5.yellow-text {
  color: #f9a825 !important;
}

.yellow.darken-3.stroke {
  stroke: #f9a825;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.darken-4.stroke {
  stroke: #f57f17;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-1.stroke {
  stroke: #ffff8d;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

.yellow.accent-2.stroke {
  stroke: #ffff00;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-3.stroke {
  stroke: #ffea00;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.yellow.accent-4.stroke {
  stroke: #ffd600;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-5.stroke {
  stroke: #fff8e1;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-4.stroke {
  stroke: #ffecb3;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-3.stroke {
  stroke: #ffe082;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-2.stroke {
  stroke: #ffd54f;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.lighten-1.stroke {
  stroke: #ffca28;
}

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

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

.amber.stroke {
  stroke: #ffc107;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-1.stroke {
  stroke: #ffb300;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-2.stroke {
  stroke: #ffa000;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3, .card-head h5.amber-text {
  color: #ff8f00 !important;
}

.amber.darken-3.stroke {
  stroke: #ff8f00;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.darken-4.stroke {
  stroke: #ff6f00;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-1.stroke {
  stroke: #ffe57f;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-2.stroke {
  stroke: #ffd740;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-3.stroke {
  stroke: #ffc400;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.amber.accent-4.stroke {
  stroke: #ffab00;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-5.stroke {
  stroke: #fff3e0;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-4.stroke {
  stroke: #ffe0b2;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-3.stroke {
  stroke: #ffcc80;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-2.stroke {
  stroke: #ffb74d;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.lighten-1.stroke {
  stroke: #ffa726;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.stroke {
  stroke: #ff9800;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-1.stroke {
  stroke: #fb8c00;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-2.stroke {
  stroke: #f57c00;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3, .card-head h5.orange-text {
  color: #ef6c00 !important;
}

.orange.darken-3.stroke {
  stroke: #ef6c00;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.darken-4.stroke {
  stroke: #e65100;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-1.stroke {
  stroke: #ffd180;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-2.stroke {
  stroke: #ffab40;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-3.stroke {
  stroke: #ff9100;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.orange.accent-4.stroke {
  stroke: #ff6d00;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-5.stroke {
  stroke: #fbe9e7;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-4.stroke {
  stroke: #ffccbc;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-3.stroke {
  stroke: #ffab91;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-2.stroke {
  stroke: #ff8a65;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.lighten-1.stroke {
  stroke: #ff7043;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.stroke {
  stroke: #ff5722;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-1.stroke {
  stroke: #f4511e;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-2.stroke {
  stroke: #e64a19;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3, .card-head h5.deep-orange-text {
  color: #d84315 !important;
}

.deep-orange.darken-3.stroke {
  stroke: #d84315;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.darken-4.stroke {
  stroke: #bf360c;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-1.stroke {
  stroke: #ff9e80;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-2.stroke {
  stroke: #ff6e40;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-3.stroke {
  stroke: #ff3d00;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.deep-orange.accent-4.stroke {
  stroke: #dd2c00;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-5.stroke {
  stroke: #efebe9;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-4.stroke {
  stroke: #d7ccc8;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-3.stroke {
  stroke: #bcaaa4;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-2.stroke {
  stroke: #a1887f;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.lighten-1.stroke {
  stroke: #8d6e63;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.stroke {
  stroke: #795548;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-1.stroke {
  stroke: #6d4c41;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-2.stroke {
  stroke: #5d4037;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3, .card-head h5.brown-text {
  color: #4e342e !important;
}

.brown.darken-3.stroke {
  stroke: #4e342e;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.brown.darken-4.stroke {
  stroke: #3e2723;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-5.stroke {
  stroke: #eceff1;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-4.stroke {
  stroke: #cfd8dc;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-3.stroke {
  stroke: #b0bec5;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-2.stroke {
  stroke: #90a4ae;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.lighten-1.stroke {
  stroke: #78909c;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.stroke {
  stroke: #607d8b;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-1.stroke {
  stroke: #546e7a;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-2.stroke {
  stroke: #455a64;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3, .card-head h5.blue-grey-text {
  color: #37474f !important;
}

.blue-grey.darken-3.stroke {
  stroke: #37474f;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.blue-grey.darken-4.stroke {
  stroke: #263238;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5, .card-head h5.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-5.stroke {
  stroke: #fafafa;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4, .card-head h5.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-4.stroke {
  stroke: #f5f5f5;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3, .card-head h5.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-3.stroke {
  stroke: #eeeeee;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2, .card-head h5.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-2.stroke {
  stroke: #e0e0e0;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1, .card-head h5.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.lighten-1.stroke {
  stroke: #bdbdbd;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text, .card-head h5 {
  color: #9e9e9e !important;
}

.grey.stroke {
  stroke: #9e9e9e;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1, .card-head h5.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-1.stroke {
  stroke: #757575;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2, .card-head h5.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-2.stroke {
  stroke: #616161;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3, .card-head h5 {
  color: #424242 !important;
}

.grey.darken-3.stroke {
  stroke: #424242;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4, .card-head h5.text-darken-4 {
  color: #212121 !important;
}

.grey.darken-4.stroke {
  stroke: #212121;
}

.shades.black {
  background-color: #000000 !important;
}

.shades-text.text-black {
  color: #000000 !important;
}

.shades.black.stroke {
  stroke: #000000;
}

.shades.white {
  background-color: #FFFFFF !important;
}

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

.shades.white.stroke {
  stroke: #FFFFFF;
}

.shades.transparent {
  background-color: transparent !important;
}

.shades-text.text-transparent {
  color: transparent !important;
}

.shades.transparent.stroke {
  stroke: transparent;
}

.black {
  background-color: #000000 !important;
}

.black-text, .n2-search-bar.has-black-text .empty-search-input, .n2-search-bar.has-black-text input[type=text]::-webkit-input-placeholder, .n2-search-bar.has-black-text input[type=text], .stepper > li.active > a .header, .stepper > li.completed > a .header {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text, .show-search-input, .empty-search-input, .n2-search-bar input[type=text], .navbar.n2-navbar .heading, .n2-navbar.section-header .heading, .navbar.n2-navbar .menu-action, .n2-navbar.section-header .menu-action {
  color: #FFFFFF !important;
}

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

.transparent-text {
  color: transparent !important;
}

.danger-color, .stepper > li.warning > a .circle {
  background-color: #ff4444 !important;
}

.danger-color-dark {
  background-color: #CC0000 !important;
}

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

.warning-color-dark {
  background-color: #FF8800 !important;
}

.success-color {
  background-color: #00C851 !important;
}

.success-color-dark {
  background-color: #007E33 !important;
}

.info-color {
  background-color: #33b5e5 !important;
}

.info-color-dark {
  background-color: #0099CC !important;
}

.default-color {
  background-color: #2BBBAD !important;
}

.default-color-dark {
  background-color: #00695c !important;
}

.elegant-color {
  background-color: #2E2E2E !important;
}

.elegant-color-dark {
  background-color: #212121 !important;
}

.stylish-color {
  background-color: #4B515D !important;
}

.stylish-color-dark {
  background-color: #3E4551 !important;
}

.special-color {
  background-color: #37474F !important;
}

.special-color-dark {
  background-color: #263238 !important;
}

.unique-color {
  background-color: #3F729B !important;
}

.unique-color-dark {
  background-color: #1C2331 !important;
}

.mdb-color {
  background-color: #45526E !important;
}

/*** Colors ** */
.bg-primary {
  background-color: #2196F3 !important;
}

.bg-success {
  background-color: #64dd17 !important;
}

.bg-info {
  background-color: #00b0ff !important;
}

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

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

.text-primary {
  color: #2196F3 !important;
}

.text-success {
  color: #64dd17 !important;
}

.text-info {
  color: #00b0ff !important;
}

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

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

/*** Typography ** */
/*** Cards ** */
/*** Global ** */
/*** Forms ** */
/*** Buttons ** */
/*** Dropdown ** */
/*** Tabs ** */
.u-hover--grey:hover {
  background-color: #eeeeee !important;
}

.u-hover--raised {
  transition: 0.2s ease-out;
}
.u-hover--raised:hover {
  z-index: 1;
}

.fs-small {
  font-size: 15px !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.simple-border {
  border-bottom: 1px solid #eeeeee !important;
  border-top: 1px solid #eeeeee !important;
}

.simple-top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.z-depth-0, .chip--no-shadow, .card-cascade-2, .card-cascade.wider, .md-pills, .section .map-container img {
  box-shadow: none !important;
}

.z-depth-1, .cascading-media .view, .card-cascade-2 .card-body, .card-cascade-2 .card-block, .card-cascade.wider .card-body, .card-cascade.wider .card-block, .card-wrapper .front,
.card-wrapper .back, .btn-floating, .dropdown-content, #toast-container > div, .side-nav, .social-list, .pager li a, .btn, .jumbotron,
.card,
.month-card,
.list-group,
.popover,
.navbar,
.section-header,
.dropdown-menu,
.tag {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half, .btn-floating.btn-flat.active, .btn-floating.active.btn-stroked, .segmented-controls .btn-floating.active.segmented-control, .picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected, .btn-floating:hover, .side-modal .modal-dialog, .inline-ul-img li img, .md-pills .nav-item .nav-link.active, ul.instagram-photos li img, .btn-mdb.active, .btn-grey.active, .btn-blue-grey.active, .btn-brown.active, .btn-deep-orange.active, .btn-orange.active, .btn-amber.active, .btn-yellow.active, .btn-lime.active, .btn-light-green.active, .btn-green.active, .btn-teal.active, .btn-cyan.active, .btn-light-blue.active, .btn-blue.active, .btn-indigo.active, .btn-deep-purple.active, .btn-purple.active, .btn-pink.active, .btn-red.active, .btn-unique.active, .btn-elegant.active, .pager li a:hover, .btn-danger.active, .btn-warning.active, .btn-info.active, .btn-success.active, .btn-default.active, .btn-primary.active, .active.btn-primary--inverted, .btn-secondary.dropdown-toggle, .btn-secondary.active, .btn:hover, .section img,
.section .view, .tooltip .tooltip-inner, .media img, .u-hover--raised:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2, .card-cascade-2 .view, .card-cascade .view, .card-overlay, .nav-tabs, .section .jumbotron {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.hoverable {
  transition: box-shadow 0.55s;
  box-shadow: 0;
}

.hoverable:hover {
  transition: box-shadow 0.45s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a {
  color: #2196F3;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
a:hover, a:focus {
  text-decoration: none;
}

ul {
  padding: 0;
  list-style-type: none;
}
ul li {
  list-style-type: none;
}

.jumbotron,
.card,
.month-card,
.tag,
.alert,
.nav .nav-link,
.navbar-toggler,
.navbar,
.section-header,
.breadcrumb,
.page-item:last-child .page-link,
.page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link,
.list-group .list-group-item,
.list-group .list-group-borderless .list-group-item-header-row,
.list-group-borderless .list-group .list-group-item-header-row,
.tooltip-inner,
.popover,
.dropdown-menu,
.input-group-addon,
.file-custom,
.card .card-header,
.month-card .card-header,
.nav-tabs,
img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.popover,
.input-group-addon,
.dropdown-menu,
.pagination .page-item .page-link {
  border: 0;
}
.popover.previous-chevron, .popover.next-chevron,
.input-group-addon.previous-chevron,
.input-group-addon.next-chevron,
.dropdown-menu.previous-chevron,
.dropdown-menu.next-chevron,
.pagination .page-item .page-link.previous-chevron,
.pagination .page-item .page-link.next-chevron {
  padding: 6px 4px 0px 4px;
}

.pagination.pg-blue .active .page-link {
  background-color: #2196F3;
}
.pagination.pg-red .active .page-link {
  background-color: #ff4444;
}
.pagination.pg-teal .active .page-link {
  background-color: #2BBBAD;
}
.pagination.pg-darkgrey .active .page-link {
  background-color: #37474F;
}
.pagination.pg-dark .active .page-link {
  background-color: #2E2E2E;
}
.pagination.pg-bluegrey .active .page-link {
  background-color: #3F729B;
}
.pagination.pg-amber .active .page-link {
  background-color: #ff6f00;
}
.pagination.pg-purple .active .page-link {
  background-color: #5e35b1;
}

.pager a,
.pager .disabled > a {
  color: #fff;
}
.pager.pg-blue li a {
  background-color: #2196F3;
}
.pager.pg-blue li a:focus {
  background-color: #2196F3;
  color: #fff;
}
.pager.pg-blue li a:hover {
  background-color: #2196F3;
  color: #fff;
}
.pager.pg-red li a {
  background-color: #ff4444;
}
.pager.pg-red li a:focus {
  background-color: #ff4444;
  color: #fff;
}
.pager.pg-red li a:hover {
  background-color: #ff4444;
  color: #fff;
}
.pager.pg-teal li a {
  background-color: #2BBBAD;
}
.pager.pg-teal li a:focus {
  background-color: #2BBBAD;
  color: #fff;
}
.pager.pg-teal li a:hover {
  background-color: #2BBBAD;
  color: #fff;
}
.pager.pg-darkgrey li a {
  background-color: #37474F;
}
.pager.pg-darkgrey li a:focus {
  background-color: #37474F;
  color: #fff;
}
.pager.pg-darkgrey li a:hover {
  background-color: #37474F;
  color: #fff;
}
.pager.pg-dark li a {
  background-color: #2E2E2E;
}
.pager.pg-dark li a:focus {
  background-color: #2E2E2E;
  color: #fff;
}
.pager.pg-dark li a:hover {
  background-color: #2E2E2E;
  color: #fff;
}
.pager.pg-bluegrey li a {
  background-color: #3F729B;
}
.pager.pg-bluegrey li a:focus {
  background-color: #3F729B;
  color: #fff;
}
.pager.pg-bluegrey li a:hover {
  background-color: #3F729B;
  color: #fff;
}
.pager.pg-amber li a {
  background-color: #ff6f00;
}
.pager.pg-amber li a:focus {
  background-color: #ff6f00;
  color: #fff;
}
.pager.pg-amber li a:hover {
  background-color: #ff6f00;
  color: #fff;
}
.pager.pg-purple li a {
  background-color: #5e35b1;
}
.pager.pg-purple li a:focus {
  background-color: #5e35b1;
  color: #fff;
}
.pager.pg-purple li a:hover {
  background-color: #5e35b1;
  color: #fff;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover {
  background-color: inerhit !important;
}

.modal-footer .btn + .btn {
  margin-bottom: 6px;
}

.modal-footer .btn, #notes-side-nav .btn.btn-primary, #notes-side-nav .btn.btn-primary--inverted {
  line-height: 1 !important;
}

body.modal-open {
  overflow: inherit;
  padding-right: 0 !important;
}

.card-columns .card, .card-columns .month-card {
  margin: 2px;
}

.parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding-top: 3em;
  padding-bottom: 3em;
}

.nav-pills.horizontal-spy .nav-item .active {
  border-bottom: 2px solid #2196F3;
  border-left: none;
}
.nav-pills.horizontal-spy .nav-item:hover {
  background-color: transparent;
  color: #2196F3;
  font-weight: 500;
  border-left: none;
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  background-color: transparent;
  color: #000;
}

.disabled {
  cursor: not-allowed !important;
}

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

.video-full {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.card-body h3, .card-block h3 {
  margin-bottom: 1rem;
  font-weight: 400;
}
.card-body p, .card-block p {
  margin-bottom: 1rem;
}

.tooltip .tooltip-inner {
  padding: 0.4rem 0.8rem;
}

.hidden {
  display: none !important;
}

.cursor-pointer, .rich-text-editor:focus + label, .show-search-input, .empty-search-input {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.list-group {
  background-color: #fff;
}

.list-group a.list-group-item, .list-group .list-group-borderless a.list-group-item-header-row, .list-group-borderless .list-group a.list-group-item-header-row, li.list-group-item, .list-group-borderless li.list-group-item-header-row {
  border: none;
}
.list-group a.list-group-item:nth-child(even), .list-group .list-group-borderless a.list-group-item-header-row:nth-child(even), .list-group-borderless .list-group a.list-group-item-header-row:nth-child(even), li.list-group-item:nth-child(even), .list-group-borderless li.list-group-item-header-row:nth-child(even) {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group a.list-group-item:nth-child(2n+3), .list-group .list-group-borderless a.list-group-item-header-row:nth-child(2n+3), .list-group-borderless .list-group a.list-group-item-header-row:nth-child(2n+3), li.list-group-item:nth-child(2n+3), .list-group-borderless li.list-group-item-header-row:nth-child(2n+3) {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group a.list-group-item *:not(.md-form) > [type=checkbox] + label, .list-group .list-group-borderless a.list-group-item-header-row *:not(.md-form) > [type=checkbox] + label, .list-group-borderless .list-group a.list-group-item-header-row *:not(.md-form) > [type=checkbox] + label, li.list-group-item *:not(.md-form) > [type=checkbox] + label, .list-group-borderless li.list-group-item-header-row *:not(.md-form) > [type=checkbox] + label {
  padding-left: 20px;
  height: 20px;
}
.list-group a.list-group-item *:not(.md-form) > label, .list-group .list-group-borderless a.list-group-item-header-row *:not(.md-form) > label, .list-group-borderless .list-group a.list-group-item-header-row *:not(.md-form) > label, li.list-group-item *:not(.md-form) > label, .list-group-borderless li.list-group-item-header-row *:not(.md-form) > label {
  margin: 0;
  width: 0;
}

.collapsible .list-group-item.active, .collapsible .list-group-borderless .active.list-group-item-header-row, .list-group-borderless .collapsible .active.list-group-item-header-row {
  background: #fff !important;
  color: #212121;
  border-color: rgba(0, 0, 0, 0.125);
}

.list-group-item--link {
  cursor: pointer;
}

body {
  font-family: "Roboto", sans-serif;
  overflow: auto !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
}

@media only screen and (min-width: 0) {
  html {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 15.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}

.text-fluid {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .text-fluid {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .text-fluid {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .text-fluid {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .text-fluid {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .text-fluid {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .text-fluid {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .text-fluid {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .text-fluid {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .text-fluid {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .text-fluid {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .text-fluid {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .text-fluid {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .text-fluid {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .text-fluid {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .text-fluid {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .text-fluid {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .text-fluid {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .text-fluid {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .text-fluid {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .text-fluid {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .text-fluid {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .text-fluid {
    font-size: 1.2rem;
  }
}

p.lead {
  font-weight: 400;
}

blockquote p {
  font-size: 0.9rem;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Responsive Headings */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 768px) {
  .h1-responsive, .section-heading h1, .section .section-heading {
    font-size: 150%;
    font-weight: 500;
  }
  .h2-responsive, .cascading-media h2 {
    font-size: 145%;
  }
  .h3-responsive {
    font-size: 135%;
  }
  .h4-responsive {
    font-size: 135%;
  }
  .h5-responsive {
    font-size: 135%;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .h1-responsive, .section-heading h1, .section .section-heading {
    font-size: 170%;
  }
  .h2-responsive, .cascading-media h2 {
    font-size: 140%;
  }
  .h3-responsive {
    font-size: 125%;
  }
  .h4-responsive {
    font-size: 125%;
  }
  .h5-responsive {
    font-size: 125%;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .h1-responsive, .section-heading h1, .section .section-heading {
    font-size: 200%;
  }
  .h2-responsive, .cascading-media h2 {
    font-size: 170%;
  }
  .h3-responsive {
    font-size: 140%;
  }
  .h4-responsive {
    font-size: 125%;
  }
  .h5-responsive {
    font-size: 125%;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .h1-responsive, .section-heading h1, .section .section-heading {
    font-size: 250%;
  }
  .h2-responsive, .cascading-media h2 {
    font-size: 200%;
  }
  .h3-responsive {
    font-size: 170%;
  }
  .h4-responsive {
    font-size: 140%;
  }
  .h5-responsive {
    font-size: 125%;
  }
}
.section {
  margin-bottom: 2rem;
}
.section .section-heading {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.section .section-description {
  color: #757575;
  margin-bottom: 4rem;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
}
@media (max-width: 992px) {
  .section .section-description {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.section.extra-margins h5,
.section.extra-margins h4,
.section.extra-margins .dropdown-button.in-header,
.section.extra-margins a {
  margin-bottom: 1rem;
}
.section h4, .section .dropdown-button.in-header {
  font-weight: 400;
}
.section h5 .fa {
  margin-right: 8px;
}
.section hr {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 992px) {
  .section hr {
    display: none;
  }
}
.section .contact-icons {
  text-align: center;
}
.section .contact-icons li {
  margin-bottom: 2.2rem;
}
.section .contact-icons .fa {
  font-size: 2.2rem;
  margin-bottom: 0.6rem;
  color: #424242;
}

.between-sections {
  margin-bottom: 4rem;
}

h1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 37px;
}

h2 {
  font-size: 24px;
  font-weight: 400;
}

h3 {
  font-size: 22px;
  font-weight: 400;
}

h4, .dropdown-button.in-header {
  font-size: 18px;
  font-weight: 400;
}

h5 {
  font-size: 16px;
  font-weight: 500;
}

h6 {
  font-size: 14px;
  font-weight: 400;
}

small, .label {
  font-size: 12px;
  font-weight: 400;
}

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

/*!
 * * animate.css -http://daneden.me/animate
 * * Version - 3.5.1
 * * Licensed under the MIT license - http://opensource.org/licenses/MIT
 * *
 * * Copyright (c) 2016 Daniel Eden */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*!
 * * Waves v0.7.5
 * * http://fian.my.id/Waves
 * *
 * * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * * Released under the MIT license
 * * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
}
.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: -webkit-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%);
  background: -o-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%);
  background: -moz-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%);
  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%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-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%);
  background: -o-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%);
  background: -moz-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%);
  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 {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 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: rgba(0, 0, 0, 0);
  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;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

@media only screen and (max-width : 992px) {
  .center-on-small-only {
    text-align: center;
  }
  .center-on-small-only .img-fluid, .center-on-small-only .side-nav .logo-wrapper img, .side-nav .logo-wrapper .center-on-small-only img, .center-on-small-only .card img, .center-on-small-only .month-card img, .card .center-on-small-only img, .month-card .center-on-small-only img, .center-on-small-only .section img, .section .center-on-small-only img,
  .center-on-small-only .section .view,
  .section .center-on-small-only .view {
    display: inline;
  }
}

.flex-center, .card-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.flex-center p, .card-overlay p {
  margin: 0;
}
.flex-center ul, .card-overlay ul {
  text-align: center;
}
.flex-center ul li, .card-overlay ul li {
  margin-bottom: 1rem;
}

.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img-fluid, .side-nav .logo-wrapper img, .card img, .month-card img, .section img,
.section .view {
  display: block;
  max-width: 100%;
  height: auto;
}

.inline-ul > li, .card .rating > li, .month-card .rating > li {
  display: inline;
}

.list-inline-div > div {
  display: inline-block;
}

.hr-light {
  background-color: #fff;
  height: 0.5px;
}

.hr-dark {
  background-color: #666;
  height: 0.5px;
}

.divider-new {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  margin-top: 45px;
  margin-bottom: 45px;
}
.divider-new h2 {
  margin-top: 5px;
}

.divider-new::before {
  content: "";
  height: 1.5px;
  background: #666;
  flex: 1;
  margin: 0 0.45em 0 0;
}

.divider-new::after {
  content: "";
  height: 1.5px;
  background: #666;
  flex: 1;
  margin: 0 0 0 0.45em;
}

.section-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 3rem;
  padding: 0.7rem;
}
.section-title small {
  text-transform: none;
  padding-left: 7px;
  margin-left: 10px;
}

.st-indigo {
  border-left: 4px solid blue;
}
.st-indigo small {
  border-left: 2px solid blue;
}

.st-red {
  border-left: 4px solid red;
}
.st-red small {
  border-left: 2px solid red;
}

.st-teal {
  border-left: 4px solid #009688;
}
.st-teal small {
  border-left: 2px solid #009688;
}

.st-orange {
  border-left: 4px solid #ff6f00;
}
.st-orange small {
  border-left: 2px solid #ff6f00;
}

.st-blue {
  border-left: 4px solid #2196f3;
}
.st-blue small {
  border-left: 2px solid #2196f3;
}

.st-mdb {
  border-left: 4px solid #2196F3;
}
.st-mdb small {
  border-left: 2px solid #2196F3;
}

.divider-short {
  max-width: 50px;
  border-color: #2196F3;
  border-width: 3px;
}

.blockquote .bq-title {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.blockquote p {
  font-size: 1.1rem;
}

.bq-primary {
  border-left: 3px solid #2196F3;
}
.bq-primary .bq-title {
  color: #2196F3;
}

.bq-warning {
  border-left: 3px solid #ffbb33;
}
.bq-warning .bq-title {
  color: #ffbb33;
}

.bq-danger {
  border-left: 3px solid #ff4444;
}
.bq-danger .bq-title {
  color: #ff4444;
}

.bq-success {
  border-left: 3px solid #00C851;
}
.bq-success .bq-title {
  color: #00C851;
}

.no-height {
  height: 0;
}

.relative {
  position: relative;
}

.banner {
  width: 100%;
  color: #424242;
}
.banner .banner-text {
  font-size: 15px;
  line-height: 20px;
}
.banner .banner-action a, .banner .banner-action button, .banner a.banner-action {
  margin: 0px;
  text-align: center;
  display: block;
}
.banner .banner-text-parent {
  overflow: hidden;
}
.banner .banner-text-parent .banner-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

button:focus {
  outline: none !important;
}

.btn {
  font-size: 14px;
  padding: 8px 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.btn.btn-lg, .btn-group-lg > .btn {
  font-size: 0.9rem;
  padding: 1rem 2.4rem;
}
.btn.btn-md {
  font-size: 0.7rem;
  padding: 0.7rem 1.6rem;
}
.btn.btn-sm, .btn-group-sm > .btn {
  font-size: 0.6rem;
  padding: 0.5rem 1.6rem;
}

.btn {
  background-color: #2196F3;
  border-radius: 2px;
  border: 0;
  transition: 0.2s ease-out;
  color: #fff !important;
  margin: 6px;
  white-space: normal !important;
  word-wrap: break-word;
  text-transform: uppercase;
}
.btn:hover {
  color: #fff;
}
.btn:active, .btn:focus, .btn.active {
  outline: 0;
  color: #fff;
}
.btn .fa {
  font-size: 1.1rem;
  position: relative;
  vertical-align: middle;
  margin-top: -2px;
}
.btn .fa.right {
  margin-left: 3px;
}
.btn .fa.left {
  margin-right: 3px;
}

.btn-group .btn {
  margin: 0;
}

.btn-block {
  margin: inherit;
}

.btn-secondary {
  background-color: #26a69a;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: rgb(42.75, 186.75, 173.25) !important;
  color: #fff;
}
.btn-secondary.active {
  background-color: #13534d !important;
}
.btn-secondary.active:hover {
  color: #fff;
}
.btn-secondary.active:focus {
  color: #fff;
}
.btn-secondary.dropdown-toggle {
  color: #fff !important;
  background-color: #26a69a !important;
}
.btn-secondary.dropdown-toggle:hover {
  color: #fff;
  background-color: rgb(42.75, 186.75, 173.25) !important;
}
.btn-secondary.dropdown-toggle:focus {
  color: #fff;
  background-color: #26a69a;
}

.btn-secondary:active:hover {
  background-color: rgb(42.75, 186.75, 173.25) !important;
}

.btn-primary, .btn-primary--inverted {
  background-color: #2196F3 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary--inverted:hover, .btn-primary:focus, .btn-primary--inverted:focus {
  background-color: rgb(12.8461538462, 138.0961538462, 237.6538461538) !important;
}
.btn-primary.active, .active.btn-primary--inverted {
  background-color: rgb(11.5384615385, 124.0384615385, 213.4615384615) !important;
}
.btn-primary.disabled, .disabled.btn-primary--inverted, .btn-primary:disabled, .btn-primary--inverted:disabled {
  background-color: #BBDEFB !important;
  border-color: #BBDEFB !important;
}
.btn-primary.disabled:hover, .disabled.btn-primary--inverted:hover, .btn-primary.disabled:focus, .disabled.btn-primary--inverted:focus, .btn-primary:disabled:hover, .btn-primary--inverted:disabled:hover, .btn-primary:disabled:focus, .btn-primary--inverted:disabled:focus {
  background-color: #BBDEFB !important;
  border-color: #BBDEFB !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.btn-default {
  background: #2BBBAD;
}
.btn-default:hover, .btn-default:focus {
  background-color: rgb(48.0804347826, 207.4195652174, 191.9282608696) !important;
}
.btn-default.active {
  background-color: rgb(23.9304347826, 104.0695652174, 96.2782608696) !important;
}

.btn-success {
  background: #00C851;
}
.btn-success:hover, .btn-success:focus {
  background-color: rgb(0, 210.2, 85.131) !important;
}
.btn-success.active {
  background-color: rgb(0, 98, 39.69) !important;
}

.btn-info {
  background: #33b5e5;
}
.btn-info:hover, .btn-info:focus {
  background-color: rgb(73.6173913043, 189.2043478261, 231.8826086957) !important;
}
.btn-info.active {
  background-color: rgb(20.1217391304, 120.7304347826, 157.8782608696) !important;
}

.btn-warning {
  background: #FF8800;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: rgb(255, 150.28, 30.6) !important;
}
.btn-warning.active {
  background-color: #cc8800 !important;
}

.btn-danger {
  background: #CC0000;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: rgb(219.3, 0, 0) !important;
}
.btn-danger.active {
  background-color: rgb(127.5, 0, 0) !important;
}

.btn-link {
  background-color: transparent;
  color: #000 !important;
}
.btn-link:hover, .btn-link:focus {
  background-color: transparent;
  color: #000;
}

.btn-outline-primary {
  border: 2px solid #2196F3;
  color: rgb(10.2307692308, 109.9807692308, 189.2692307692) !important;
  background-color: transparent;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus {
  color: #2196F3;
  border-color: #2196F3;
  background-color: transparent;
}

.btn-outline-secondary {
  border: 2px solid #26a69a;
  color: rgb(23.75, 103.75, 96.25) !important;
  background-color: transparent;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus {
  color: #26a69a;
  border: 2px solid #26a69a;
  background-color: transparent;
}

.btn-outline-default {
  background-color: transparent;
  border: 2px solid #2BBBAD;
  color: #00695c !important;
  background-color: transparent;
}
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus {
  color: #2BBBAD;
  border-color: #2BBBAD;
  background-color: transparent;
}

.btn-outline-success {
  border: 2px solid #00C851;
  color: #007E33 !important;
  background-color: transparent;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus {
  color: #00C851;
  border-color: #00C851;
  background-color: transparent;
}

.btn-outline-info {
  border: 2px solid #33b5e5;
  color: #0099CC !important;
  background-color: transparent;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus {
  color: #33b5e5;
  border-color: #33b5e5;
  background-color: transparent;
}

.btn-outline-warning {
  border: 2px solid #ffbb33;
  color: #FF8800 !important;
  background-color: transparent;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus {
  border-color: #ffbb33;
  color: #ffbb33;
  background-color: transparent;
}

.btn-outline-danger {
  border: 2px solid #ff4444;
  color: #CC0000 !important;
  background-color: transparent;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus {
  color: #ff4444;
  border-color: #ff4444;
  background-color: transparent;
}

.btn-outline-white {
  border: 2px solid #fff;
  color: #fff !important;
  background-color: transparent;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus {
  color: rgb(229.5, 229.5, 229.5);
  border-color: #fff;
  background-color: transparent;
}

.btn-outline-black {
  border: 2px solid #000;
  color: #000 !important;
  background-color: transparent;
}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus {
  color: #000;
  border-color: #000;
  background-color: transparent;
}

.pager li a {
  border: 0;
  transition: 0.2s ease-out;
}
.btn-elegant {
  background: #2E2E2E;
}
.btn-elegant:hover, .btn-elegant:focus {
  background-color: rgb(58.75, 58.75, 58.75) !important;
}
.btn-elegant.active {
  background-color: black !important;
}

.btn-unique {
  background: #1C2331;
}
.btn-unique:hover, .btn-unique:focus {
  background-color: rgb(37.2727272727, 46.5909090909, 65.2272727273) !important;
}
.btn-unique.active {
  background-color: black !important;
}

.btn-red {
  background-color: #F44336 !important;
}
.btn-red:hover, .btn-red:focus {
  background-color: rgb(245.3231132075, 89.6132075472, 78.1768867925) !important;
}
.btn-red.active {
  background-color: rgb(185.8301886792, 22.1886792453, 10.1698113208) !important;
}

.btn-pink {
  background-color: #e91e63 !important;
}
.btn-pink:hover, .btn-pink:focus {
  background-color: rgb(235.2712550607, 53.2287449393, 115.1052631579) !important;
}
.btn-pink.active {
  background-color: rgb(146.6599190283, 14.3400809717, 59.3157894737) !important;
}

.btn-purple {
  background-color: #9c27b0 !important;
}
.btn-purple:hover, .btn-purple:focus {
  background-color: rgb(174.5023255814, 43.6255813953, 196.8744186047) !important;
}
.btn-purple.active {
  background-color: rgb(81.9906976744, 20.4976744186, 92.5023255814) !important;
}

.btn-deep-purple {
  background-color: #673ab7 !important;
}
.btn-deep-purple:hover, .btn-deep-purple:focus {
  background-color: rgb(115.5684647303, 70.101659751, 196.398340249) !important;
}
.btn-deep-purple.active {
  background-color: rgb(59.4066390041, 33.4522821577, 105.5477178423) !important;
}

.btn-indigo {
  background-color: #3f51b5 !important;
}
.btn-indigo:hover, .btn-indigo:focus {
  background-color: rgb(76.5963114754, 94.3381147541, 192.9036885246) !important;
}
.btn-indigo.active {
  background-color: rgb(36.6639344262, 47.1393442623, 105.3360655738) !important;
}

.btn-blue {
  background-color: #2196F3 !important;
}
.btn-blue:hover, .btn-blue:focus {
  background-color: rgb(57.1923076923, 161.4423076923, 244.3076923077) !important;
}
.btn-blue.active {
  background-color: rgb(8.9230769231, 95.9230769231, 165.0769230769) !important;
}

.btn-light-blue {
  background-color: #03a9f4 !important;
}
.btn-light-blue:hover, .btn-light-blue:focus {
  background-color: rgb(20.3846153846, 180, 252.1153846154) !important;
}
.btn-light-blue.active {
  background-color: rgb(1.7611336032, 99.2105263158, 143.2388663968) !important;
}

.btn-cyan {
  background-color: #00bcd4 !important;
}
.btn-cyan:hover, .btn-cyan:focus {
  background-color: rgb(0, 210.6132075472, 237.5) !important;
}
.btn-cyan.active {
  background-color: rgb(0, 97.5471698113, 110) !important;
}

.btn-teal {
  background-color: #009688 !important;
}
.btn-teal:hover, .btn-teal:focus {
  background-color: rgb(0, 175.5, 159.12) !important;
}
.btn-teal.active {
  background-color: rgb(0, 48, 43.52) !important;
}

.btn-green {
  background-color: #4CAF50 !important;
}
.btn-green:hover, .btn-green:focus {
  background-color: rgb(92.2011952191, 184.2988047809, 95.922310757) !important;
}
.btn-green.active {
  background-color: rgb(45.1155378486, 103.8844621514, 47.4900398406) !important;
}

.btn-light-green {
  background-color: #8bc34a !important;
}
.btn-light-green:hover, .btn-light-green:focus {
  background-color: rgb(151.2738589212, 201.3485477178, 93.1514522822) !important;
}
.btn-light-green.active {
  background-color: rgb(86.6182572614, 125.4232365145, 41.5767634855) !important;
}

.btn-lime {
  background-color: #cddc39 !important;
}
.btn-lime:hover, .btn-lime:focus {
  background-color: rgb(210.4721030043, 223.830472103, 78.669527897) !important;
}
.btn-lime.active {
  background-color: rgb(137.4463519313, 148.7124463519, 26.2875536481) !important;
}

.btn-yellow {
  background-color: #ffeb3b !important;
}
.btn-yellow:hover, .btn-yellow:focus {
  background-color: rgb(255, 237.6020408163, 84.5) !important;
}
.btn-yellow.active {
  background-color: rgb(212, 190.3673469388, 0) !important;
}

.btn-amber {
  background-color: #ffc107 !important;
}
.btn-amber:hover, .btn-amber:focus {
  background-color: rgb(255, 199.375, 32.5) !important;
}
.btn-amber.active {
  background-color: #a07800 !important;
}

.btn-orange {
  background-color: #ff9800 !important;
}
.btn-orange:hover, .btn-orange:focus {
  background-color: rgb(255, 162.3, 25.5) !important;
}
.btn-orange.active {
  background-color: rgb(153, 91.2, 0) !important;
}

.btn-deep-orange {
  background-color: #ff5722 !important;
}
.btn-deep-orange:hover, .btn-deep-orange:focus {
  background-color: rgb(255, 106.3846153846, 59.5) !important;
}
.btn-deep-orange.active {
  background-color: rgb(187, 44.8461538462, 0) !important;
}

.btn-brown {
  background-color: #795548 !important;
}
.btn-brown:hover, .btn-brown:focus {
  background-color: rgb(136.9870466321, 96.2305699482, 81.5129533679) !important;
}
.btn-brown.active {
  background-color: rgb(57.0518134715, 40.0777202073, 33.9481865285) !important;
}

.btn-blue-grey {
  background-color: #607d8b !important;
}
.btn-blue-grey:hover, .btn-blue-grey:focus {
  background-color: rgb(107.4234042553, 138.2127659574, 153.0765957447) !important;
}
.btn-blue-grey.active {
  background-color: rgb(54.3319148936, 70.7446808511, 78.6680851064) !important;
}

.btn-grey {
  background-color: #9e9e9e !important;
}
.btn-grey:hover, .btn-grey:focus {
  background-color: rgb(170.75, 170.75, 170.75) !important;
}
.btn-grey.active {
  background-color: #6b6b6b !important;
}

.btn-mdb {
  background: #45526E;
}
.btn-mdb:hover, .btn-mdb:focus {
  background-color: rgb(78.8296089385, 93.6815642458, 125.6703910615) !important;
}
.btn-mdb.active {
  background-color: rgb(29.6815642458, 35.2737430168, 47.3184357542) !important;
}

.btn-icon {
  display: inline-block;
  padding: 8px;
  border-radius: 50%;
  color: #212121;
}
.btn-icon i {
  display: block;
}
.btn-icon:hover {
  background-color: #f5f5f5;
}
.btn-icon:focus, .btn-icon:active {
  background-color: #eeeeee;
}
.btn-icon.white-text:hover, .btn-icon.show-search-input:hover, .btn-icon.empty-search-input:hover, .n2-search-bar input.btn-icon[type=text]:hover, .navbar.n2-navbar .btn-icon.heading:hover, .n2-navbar.section-header .btn-icon.heading:hover, .navbar.n2-navbar .btn-icon.menu-action:hover, .n2-navbar.section-header .btn-icon.menu-action:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.btn-icon.white-text:focus, .btn-icon.show-search-input:focus, .btn-icon.empty-search-input:focus, .n2-search-bar input.btn-icon[type=text]:focus, .navbar.n2-navbar .btn-icon.heading:focus, .n2-navbar.section-header .btn-icon.heading:focus, .navbar.n2-navbar .btn-icon.menu-action:focus, .n2-navbar.section-header .btn-icon.menu-action:focus, .btn-icon.white-text:active, .btn-icon.show-search-input:active, .btn-icon.empty-search-input:active, .n2-search-bar input.btn-icon[type=text]:active, .navbar.n2-navbar .btn-icon.heading:active, .n2-navbar.section-header .btn-icon.heading:active, .navbar.n2-navbar .btn-icon.menu-action:active, .n2-navbar.section-header .btn-icon.menu-action:active {
  background-color: rgba(255, 255, 255, 0.4);
}

i.btn input[type=submit] {
  text-transform: uppercase;
  font-style: normal !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=month],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
input[type=search],
textarea.md-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  outline: none;
  height: 2.1rem;
  width: 100%;
  font-size: 1rem;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  z-index: 2;
  padding: 1px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all 0.3s;
}
input[type=text]:disabled, input[type=text]:disabled, input[type=text][readonly=readonly],
input[type=password]:disabled,
input[type=password]:disabled,
input[type=password][readonly=readonly],
input[type=email]:disabled,
input[type=email]:disabled,
input[type=email][readonly=readonly],
input[type=month]:disabled,
input[type=month]:disabled,
input[type=month][readonly=readonly],
input[type=url]:disabled,
input[type=url]:disabled,
input[type=url][readonly=readonly],
input[type=time]:disabled,
input[type=time]:disabled,
input[type=time][readonly=readonly],
input[type=date]:disabled,
input[type=date]:disabled,
input[type=date][readonly=readonly],
input[type=datetime-local]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly=readonly],
input[type=tel]:disabled,
input[type=tel]:disabled,
input[type=tel][readonly=readonly],
input[type=number]:disabled,
input[type=number]:disabled,
input[type=number][readonly=readonly],
input[type=search-md]:disabled,
input[type=search-md]:disabled,
input[type=search-md][readonly=readonly],
input[type=search]:disabled,
input[type=search]:disabled,
input[type=search][readonly=readonly],
textarea.md-textarea:disabled,
textarea.md-textarea:disabled,
textarea.md-textarea[readonly=readonly] {
  color: rgba(0, 0, 0, 0.46);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.46);
  background-color: transparent;
}
input[type=text].formatted-readonly,
input[type=password].formatted-readonly,
input[type=email].formatted-readonly,
input[type=month].formatted-readonly,
input[type=url].formatted-readonly,
input[type=time].formatted-readonly,
input[type=date].formatted-readonly,
input[type=datetime-local].formatted-readonly,
input[type=tel].formatted-readonly,
input[type=number].formatted-readonly,
input[type=search-md].formatted-readonly,
input[type=search].formatted-readonly,
textarea.md-textarea.formatted-readonly {
  color: #000;
  border-bottom: none;
  background-color: transparent;
}
input[type=text]:disabled + label, input[type=text][readonly=readonly] + label,
input[type=password]:disabled + label,
input[type=password][readonly=readonly] + label,
input[type=email]:disabled + label,
input[type=email][readonly=readonly] + label,
input[type=month]:disabled + label,
input[type=month][readonly=readonly] + label,
input[type=url]:disabled + label,
input[type=url][readonly=readonly] + label,
input[type=time]:disabled + label,
input[type=time][readonly=readonly] + label,
input[type=date]:disabled + label,
input[type=date][readonly=readonly] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly=readonly] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly=readonly] + label,
input[type=number]:disabled + label,
input[type=number][readonly=readonly] + label,
input[type=search-md]:disabled + label,
input[type=search-md][readonly=readonly] + label,
input[type=search]:disabled + label,
input[type=search][readonly=readonly] + label,
textarea.md-textarea:disabled + label,
textarea.md-textarea[readonly=readonly] + label {
  color: rgba(0, 0, 0, 0.46);
}
input[type=text].formatted-readonly + label,
input[type=password].formatted-readonly + label,
input[type=email].formatted-readonly + label,
input[type=month].formatted-readonly + label,
input[type=url].formatted-readonly + label,
input[type=time].formatted-readonly + label,
input[type=date].formatted-readonly + label,
input[type=datetime-local].formatted-readonly + label,
input[type=tel].formatted-readonly + label,
input[type=number].formatted-readonly + label,
input[type=search-md].formatted-readonly + label,
input[type=search].formatted-readonly + label,
textarea.md-textarea.formatted-readonly + label {
  background-color: transparent;
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=month]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=month]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label {
  color: #2196F3;
}
input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=month].valid,
input[type=month]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search-md].valid,
input[type=search-md]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.md-textarea.valid,
textarea.md-textarea:focus.valid {
  border-bottom: 1px solid #00C851;
  box-shadow: 0 1px 0 0 #00C851;
}
input[type=text].valid + label:after, input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after,
input[type=email].valid + label:after,
input[type=email]:focus.valid + label:after,
input[type=month].valid + label:after,
input[type=month]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search-md].valid + label:after,
input[type=search-md]:focus.valid + label:after,
input[type=search].valid + label:after,
input[type=search]:focus.valid + label:after,
textarea.md-textarea.valid + label:after,
textarea.md-textarea:focus.valid + label:after {
  content: attr(data-success);
  color: #00C851;
  opacity: 1;
}
input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=month].invalid,
input[type=month]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search-md].invalid,
input[type=search-md]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.md-textarea.invalid,
textarea.md-textarea:focus.invalid {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}
input[type=text].invalid + label, input[type=text].invalid.datepicker ~ label, input[type=text].invalid.timepicker ~ label, input[type=text]:focus.invalid + label, input[type=text]:focus.invalid.datepicker ~ label, input[type=text]:focus.invalid.timepicker ~ label,
input[type=password].invalid + label,
input[type=password].invalid.datepicker ~ label,
input[type=password].invalid.timepicker ~ label,
input[type=password]:focus.invalid + label,
input[type=password]:focus.invalid.datepicker ~ label,
input[type=password]:focus.invalid.timepicker ~ label,
input[type=email].invalid + label,
input[type=email].invalid.datepicker ~ label,
input[type=email].invalid.timepicker ~ label,
input[type=email]:focus.invalid + label,
input[type=email]:focus.invalid.datepicker ~ label,
input[type=email]:focus.invalid.timepicker ~ label,
input[type=month].invalid + label,
input[type=month].invalid.datepicker ~ label,
input[type=month].invalid.timepicker ~ label,
input[type=month]:focus.invalid + label,
input[type=month]:focus.invalid.datepicker ~ label,
input[type=month]:focus.invalid.timepicker ~ label,
input[type=url].invalid + label,
input[type=url].invalid.datepicker ~ label,
input[type=url].invalid.timepicker ~ label,
input[type=url]:focus.invalid + label,
input[type=url]:focus.invalid.datepicker ~ label,
input[type=url]:focus.invalid.timepicker ~ label,
input[type=time].invalid + label,
input[type=time].invalid.datepicker ~ label,
input[type=time].invalid.timepicker ~ label,
input[type=time]:focus.invalid + label,
input[type=time]:focus.invalid.datepicker ~ label,
input[type=time]:focus.invalid.timepicker ~ label,
input[type=date].invalid + label,
input[type=date].invalid.datepicker ~ label,
input[type=date].invalid.timepicker ~ label,
input[type=date]:focus.invalid + label,
input[type=date]:focus.invalid.datepicker ~ label,
input[type=date]:focus.invalid.timepicker ~ label,
input[type=datetime-local].invalid + label,
input[type=datetime-local].invalid.datepicker ~ label,
input[type=datetime-local].invalid.timepicker ~ label,
input[type=datetime-local]:focus.invalid + label,
input[type=datetime-local]:focus.invalid.datepicker ~ label,
input[type=datetime-local]:focus.invalid.timepicker ~ label,
input[type=tel].invalid + label,
input[type=tel].invalid.datepicker ~ label,
input[type=tel].invalid.timepicker ~ label,
input[type=tel]:focus.invalid + label,
input[type=tel]:focus.invalid.datepicker ~ label,
input[type=tel]:focus.invalid.timepicker ~ label,
input[type=number].invalid + label,
input[type=number].invalid.datepicker ~ label,
input[type=number].invalid.timepicker ~ label,
input[type=number]:focus.invalid + label,
input[type=number]:focus.invalid.datepicker ~ label,
input[type=number]:focus.invalid.timepicker ~ label,
input[type=search-md].invalid + label,
input[type=search-md].invalid.datepicker ~ label,
input[type=search-md].invalid.timepicker ~ label,
input[type=search-md]:focus.invalid + label,
input[type=search-md]:focus.invalid.datepicker ~ label,
input[type=search-md]:focus.invalid.timepicker ~ label,
input[type=search].invalid + label,
input[type=search].invalid.datepicker ~ label,
input[type=search].invalid.timepicker ~ label,
input[type=search]:focus.invalid + label,
input[type=search]:focus.invalid.datepicker ~ label,
input[type=search]:focus.invalid.timepicker ~ label,
textarea.md-textarea.invalid + label,
textarea.md-textarea.invalid.datepicker ~ label,
textarea.md-textarea.invalid.timepicker ~ label,
textarea.md-textarea:focus.invalid + label,
textarea.md-textarea:focus.invalid.datepicker ~ label,
textarea.md-textarea:focus.invalid.timepicker ~ label {
  color: #F44336 !important;
  width: 100%;
}
input[type=text].invalid + label:after, input[type=text].invalid.datepicker ~ label:after, input[type=text].invalid.timepicker ~ label:after, input[type=text]:focus.invalid + label:after, input[type=text]:focus.invalid.datepicker ~ label:after, input[type=text]:focus.invalid.timepicker ~ label:after,
input[type=password].invalid + label:after,
input[type=password].invalid.datepicker ~ label:after,
input[type=password].invalid.timepicker ~ label:after,
input[type=password]:focus.invalid + label:after,
input[type=password]:focus.invalid.datepicker ~ label:after,
input[type=password]:focus.invalid.timepicker ~ label:after,
input[type=email].invalid + label:after,
input[type=email].invalid.datepicker ~ label:after,
input[type=email].invalid.timepicker ~ label:after,
input[type=email]:focus.invalid + label:after,
input[type=email]:focus.invalid.datepicker ~ label:after,
input[type=email]:focus.invalid.timepicker ~ label:after,
input[type=month].invalid + label:after,
input[type=month].invalid.datepicker ~ label:after,
input[type=month].invalid.timepicker ~ label:after,
input[type=month]:focus.invalid + label:after,
input[type=month]:focus.invalid.datepicker ~ label:after,
input[type=month]:focus.invalid.timepicker ~ label:after,
input[type=url].invalid + label:after,
input[type=url].invalid.datepicker ~ label:after,
input[type=url].invalid.timepicker ~ label:after,
input[type=url]:focus.invalid + label:after,
input[type=url]:focus.invalid.datepicker ~ label:after,
input[type=url]:focus.invalid.timepicker ~ label:after,
input[type=time].invalid + label:after,
input[type=time].invalid.datepicker ~ label:after,
input[type=time].invalid.timepicker ~ label:after,
input[type=time]:focus.invalid + label:after,
input[type=time]:focus.invalid.datepicker ~ label:after,
input[type=time]:focus.invalid.timepicker ~ label:after,
input[type=date].invalid + label:after,
input[type=date].invalid.datepicker ~ label:after,
input[type=date].invalid.timepicker ~ label:after,
input[type=date]:focus.invalid + label:after,
input[type=date]:focus.invalid.datepicker ~ label:after,
input[type=date]:focus.invalid.timepicker ~ label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local].invalid.datepicker ~ label:after,
input[type=datetime-local].invalid.timepicker ~ label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=datetime-local]:focus.invalid.datepicker ~ label:after,
input[type=datetime-local]:focus.invalid.timepicker ~ label:after,
input[type=tel].invalid + label:after,
input[type=tel].invalid.datepicker ~ label:after,
input[type=tel].invalid.timepicker ~ label:after,
input[type=tel]:focus.invalid + label:after,
input[type=tel]:focus.invalid.datepicker ~ label:after,
input[type=tel]:focus.invalid.timepicker ~ label:after,
input[type=number].invalid + label:after,
input[type=number].invalid.datepicker ~ label:after,
input[type=number].invalid.timepicker ~ label:after,
input[type=number]:focus.invalid + label:after,
input[type=number]:focus.invalid.datepicker ~ label:after,
input[type=number]:focus.invalid.timepicker ~ label:after,
input[type=search-md].invalid + label:after,
input[type=search-md].invalid.datepicker ~ label:after,
input[type=search-md].invalid.timepicker ~ label:after,
input[type=search-md]:focus.invalid + label:after,
input[type=search-md]:focus.invalid.datepicker ~ label:after,
input[type=search-md]:focus.invalid.timepicker ~ label:after,
input[type=search].invalid + label:after,
input[type=search].invalid.datepicker ~ label:after,
input[type=search].invalid.timepicker ~ label:after,
input[type=search]:focus.invalid + label:after,
input[type=search]:focus.invalid.datepicker ~ label:after,
input[type=search]:focus.invalid.timepicker ~ label:after,
textarea.md-textarea.invalid + label:after,
textarea.md-textarea.invalid.datepicker ~ label:after,
textarea.md-textarea.invalid.timepicker ~ label:after,
textarea.md-textarea:focus.invalid + label:after,
textarea.md-textarea:focus.invalid.datepicker ~ label:after,
textarea.md-textarea:focus.invalid.timepicker ~ label:after {
  content: attr(data-error);
  color: #F44336 !important;
  opacity: 1;
}
input[type=text].invalid + label.active:after, input[type=text].invalid.datepicker ~ label.active:after, input[type=text].invalid.timepicker ~ label.active:after, input[type=text]:focus.invalid + label.active:after, input[type=text]:focus.invalid.datepicker ~ label.active:after, input[type=text]:focus.invalid.timepicker ~ label.active:after,
input[type=password].invalid + label.active:after,
input[type=password].invalid.datepicker ~ label.active:after,
input[type=password].invalid.timepicker ~ label.active:after,
input[type=password]:focus.invalid + label.active:after,
input[type=password]:focus.invalid.datepicker ~ label.active:after,
input[type=password]:focus.invalid.timepicker ~ label.active:after,
input[type=email].invalid + label.active:after,
input[type=email].invalid.datepicker ~ label.active:after,
input[type=email].invalid.timepicker ~ label.active:after,
input[type=email]:focus.invalid + label.active:after,
input[type=email]:focus.invalid.datepicker ~ label.active:after,
input[type=email]:focus.invalid.timepicker ~ label.active:after,
input[type=month].invalid + label.active:after,
input[type=month].invalid.datepicker ~ label.active:after,
input[type=month].invalid.timepicker ~ label.active:after,
input[type=month]:focus.invalid + label.active:after,
input[type=month]:focus.invalid.datepicker ~ label.active:after,
input[type=month]:focus.invalid.timepicker ~ label.active:after,
input[type=url].invalid + label.active:after,
input[type=url].invalid.datepicker ~ label.active:after,
input[type=url].invalid.timepicker ~ label.active:after,
input[type=url]:focus.invalid + label.active:after,
input[type=url]:focus.invalid.datepicker ~ label.active:after,
input[type=url]:focus.invalid.timepicker ~ label.active:after,
input[type=time].invalid + label.active:after,
input[type=time].invalid.datepicker ~ label.active:after,
input[type=time].invalid.timepicker ~ label.active:after,
input[type=time]:focus.invalid + label.active:after,
input[type=time]:focus.invalid.datepicker ~ label.active:after,
input[type=time]:focus.invalid.timepicker ~ label.active:after,
input[type=date].invalid + label.active:after,
input[type=date].invalid.datepicker ~ label.active:after,
input[type=date].invalid.timepicker ~ label.active:after,
input[type=date]:focus.invalid + label.active:after,
input[type=date]:focus.invalid.datepicker ~ label.active:after,
input[type=date]:focus.invalid.timepicker ~ label.active:after,
input[type=datetime-local].invalid + label.active:after,
input[type=datetime-local].invalid.datepicker ~ label.active:after,
input[type=datetime-local].invalid.timepicker ~ label.active:after,
input[type=datetime-local]:focus.invalid + label.active:after,
input[type=datetime-local]:focus.invalid.datepicker ~ label.active:after,
input[type=datetime-local]:focus.invalid.timepicker ~ label.active:after,
input[type=tel].invalid + label.active:after,
input[type=tel].invalid.datepicker ~ label.active:after,
input[type=tel].invalid.timepicker ~ label.active:after,
input[type=tel]:focus.invalid + label.active:after,
input[type=tel]:focus.invalid.datepicker ~ label.active:after,
input[type=tel]:focus.invalid.timepicker ~ label.active:after,
input[type=number].invalid + label.active:after,
input[type=number].invalid.datepicker ~ label.active:after,
input[type=number].invalid.timepicker ~ label.active:after,
input[type=number]:focus.invalid + label.active:after,
input[type=number]:focus.invalid.datepicker ~ label.active:after,
input[type=number]:focus.invalid.timepicker ~ label.active:after,
input[type=search-md].invalid + label.active:after,
input[type=search-md].invalid.datepicker ~ label.active:after,
input[type=search-md].invalid.timepicker ~ label.active:after,
input[type=search-md]:focus.invalid + label.active:after,
input[type=search-md]:focus.invalid.datepicker ~ label.active:after,
input[type=search-md]:focus.invalid.timepicker ~ label.active:after,
input[type=search].invalid + label.active:after,
input[type=search].invalid.datepicker ~ label.active:after,
input[type=search].invalid.timepicker ~ label.active:after,
input[type=search]:focus.invalid + label.active:after,
input[type=search]:focus.invalid.datepicker ~ label.active:after,
input[type=search]:focus.invalid.timepicker ~ label.active:after,
textarea.md-textarea.invalid + label.active:after,
textarea.md-textarea.invalid.datepicker ~ label.active:after,
textarea.md-textarea.invalid.timepicker ~ label.active:after,
textarea.md-textarea:focus.invalid + label.active:after,
textarea.md-textarea:focus.invalid.datepicker ~ label.active:after,
textarea.md-textarea:focus.invalid.timepicker ~ label.active:after {
  top: 52px;
}
input[type=text].invalid + label + small, input[type=text].invalid.datepicker ~ label + small, input[type=text].invalid.timepicker ~ label + small,
input[type=password].invalid + label + small,
input[type=password].invalid.datepicker ~ label + small,
input[type=password].invalid.timepicker ~ label + small,
input[type=email].invalid + label + small,
input[type=email].invalid.datepicker ~ label + small,
input[type=email].invalid.timepicker ~ label + small,
input[type=month].invalid + label + small,
input[type=month].invalid.datepicker ~ label + small,
input[type=month].invalid.timepicker ~ label + small,
input[type=url].invalid + label + small,
input[type=url].invalid.datepicker ~ label + small,
input[type=url].invalid.timepicker ~ label + small,
input[type=time].invalid + label + small,
input[type=time].invalid.datepicker ~ label + small,
input[type=time].invalid.timepicker ~ label + small,
input[type=date].invalid + label + small,
input[type=date].invalid.datepicker ~ label + small,
input[type=date].invalid.timepicker ~ label + small,
input[type=datetime-local].invalid + label + small,
input[type=datetime-local].invalid.datepicker ~ label + small,
input[type=datetime-local].invalid.timepicker ~ label + small,
input[type=tel].invalid + label + small,
input[type=tel].invalid.datepicker ~ label + small,
input[type=tel].invalid.timepicker ~ label + small,
input[type=number].invalid + label + small,
input[type=number].invalid.datepicker ~ label + small,
input[type=number].invalid.timepicker ~ label + small,
input[type=search-md].invalid + label + small,
input[type=search-md].invalid.datepicker ~ label + small,
input[type=search-md].invalid.timepicker ~ label + small,
input[type=search].invalid + label + small,
input[type=search].invalid.datepicker ~ label + small,
input[type=search].invalid.timepicker ~ label + small,
textarea.md-textarea.invalid + label + small,
textarea.md-textarea.invalid.datepicker ~ label + small,
textarea.md-textarea.invalid.timepicker ~ label + small {
  color: #F44336 !important;
}
input[type=text] + label:after, input[type=text].datepicker ~ label:after, input[type=text].timepicker ~ label:after,
input[type=password] + label:after,
input[type=password].datepicker ~ label:after,
input[type=password].timepicker ~ label:after,
input[type=email] + label:after,
input[type=email].datepicker ~ label:after,
input[type=email].timepicker ~ label:after,
input[type=month] + label:after,
input[type=month].datepicker ~ label:after,
input[type=month].timepicker ~ label:after,
input[type=url] + label:after,
input[type=url].datepicker ~ label:after,
input[type=url].timepicker ~ label:after,
input[type=time] + label:after,
input[type=time].datepicker ~ label:after,
input[type=time].timepicker ~ label:after,
input[type=date] + label:after,
input[type=date].datepicker ~ label:after,
input[type=date].timepicker ~ label:after,
input[type=datetime-local] + label:after,
input[type=datetime-local].datepicker ~ label:after,
input[type=datetime-local].timepicker ~ label:after,
input[type=tel] + label:after,
input[type=tel].datepicker ~ label:after,
input[type=tel].timepicker ~ label:after,
input[type=number] + label:after,
input[type=number].datepicker ~ label:after,
input[type=number].timepicker ~ label:after,
input[type=search-md] + label:after,
input[type=search-md].datepicker ~ label:after,
input[type=search-md].timepicker ~ label:after,
input[type=search] + label:after,
input[type=search].datepicker ~ label:after,
input[type=search].timepicker ~ label:after,
textarea.md-textarea + label:after,
textarea.md-textarea.datepicker ~ label:after,
textarea.md-textarea.timepicker ~ label:after {
  display: block;
  content: "";
  position: absolute;
  top: 30px;
  font-size: 13px;
  opacity: 0;
  transition: all 0.2s ease;
}
input[type=text] + label + small, input[type=text].datepicker ~ label + small, input[type=text].timepicker ~ label + small,
input[type=password] + label + small,
input[type=password].datepicker ~ label + small,
input[type=password].timepicker ~ label + small,
input[type=email] + label + small,
input[type=email].datepicker ~ label + small,
input[type=email].timepicker ~ label + small,
input[type=month] + label + small,
input[type=month].datepicker ~ label + small,
input[type=month].timepicker ~ label + small,
input[type=url] + label + small,
input[type=url].datepicker ~ label + small,
input[type=url].timepicker ~ label + small,
input[type=time] + label + small,
input[type=time].datepicker ~ label + small,
input[type=time].timepicker ~ label + small,
input[type=date] + label + small,
input[type=date].datepicker ~ label + small,
input[type=date].timepicker ~ label + small,
input[type=datetime-local] + label + small,
input[type=datetime-local].datepicker ~ label + small,
input[type=datetime-local].timepicker ~ label + small,
input[type=tel] + label + small,
input[type=tel].datepicker ~ label + small,
input[type=tel].timepicker ~ label + small,
input[type=number] + label + small,
input[type=number].datepicker ~ label + small,
input[type=number].timepicker ~ label + small,
input[type=search-md] + label + small,
input[type=search-md].datepicker ~ label + small,
input[type=search-md].timepicker ~ label + small,
input[type=search] + label + small,
input[type=search].datepicker ~ label + small,
input[type=search].timepicker ~ label + small,
textarea.md-textarea + label + small,
textarea.md-textarea.datepicker ~ label + small,
textarea.md-textarea.timepicker ~ label + small {
  position: absolute;
  margin-top: 1px;
}

.currency-field .currency-field-sign {
  top: 6px;
  left: 15px;
}

textarea.md-textarea + label + small {
  margin-top: 18px;
}

.md-textarea-container.invalid textarea {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}
.md-textarea-container.invalid label {
  color: #F44336 !important;
}
.md-textarea-container.invalid small {
  color: #F44336 !important;
}

input.datepicker.invalid + .picker + label, input.timepicker.invalid + .picker + label {
  color: #F44336 !important;
}
input.datepicker.invalid + .picker + label + small.invalid, input.timepicker.invalid + .picker + label + small.invalid {
  color: #F44336 !important;
}

input[type=radio] + label, input[type=checkbox] + label {
  color: #000000;
}

input[type=password] + label {
  z-index: -1;
}

textarea.md-textarea {
  height: auto;
}
textarea.md-textarea.no-scroll {
  overflow-y: hidden;
}

label {
  font-size: 0.8rem;
  color: black;
}

.form-control {
  padding: 0;
  padding-bottom: 0.6rem;
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  margin-top: 0.2rem;
  margin-bottom: 1rem;
}
.form-control:focus {
  background: transparent;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}

.modal-content .md-form input {
  position: relative;
}

.md-form {
  position: relative;
  margin-bottom: 40px;
}
.md-form .btn {
  margin-bottom: 1.5rem;
}
.md-form label {
  color: #757575;
  position: absolute;
  top: 0.35rem;
  left: 0;
  font-size: 1rem;
  cursor: text;
  z-index: 1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.md-form label.active, .md-form input[placeholder] + label, .md-form input:not([type=checkbox])[value] + label {
  font-size: 0.8rem;
  width: 100%;
  top: 0.8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}
.md-form .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}
.md-form .prefix.active {
  color: #2196F3;
}
.md-form .prefix ~ input,
.md-form .prefix ~ textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}
.md-form .prefix ~ textarea {
  padding-top: 0.8rem;
}
.md-form .prefix ~ label {
  margin-left: 3rem;
}
@media only screen and (max-width : 992px) {
  .md-form .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}
@media only screen and (max-width : 600px) {
  .md-form .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}
.md-form .input-group {
  border: 1px solid #eee;
}
.md-form .input-group .form-control {
  margin: 0;
}
.md-form .input-group ::-webkit-input-placeholder {
  padding-left: 7px;
  padding-top: 2px;
}
.md-form .input-group :-moz-placeholder {
  /* Firefox 18- */
  padding-left: 7px;
  padding-top: 2px;
}
.md-form .input-group ::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 7px;
  padding-top: 2px;
}
.md-form .input-group :-ms-input-placeholder {
  padding-left: 7px;
  padding-top: 2px;
}

.form-inline fieldset {
  margin-right: 1.5rem;
}

.md-form.md-textarea-container .md-textarea + label {
  position: relative;
  line-height: 1rem;
  top: 0.4rem;
}
.md-form.md-textarea-container .md-textarea + label.active {
  transform: none !important;
}

textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
textarea.md-textarea {
  overflow-y: auto;
  /* prevents scroll bar flash */
  padding: 0.5rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  /* For a reasonably resizable textarea */
}
textarea.md-textarea.resizable {
  resize: both;
  max-width: 100%;
}

.md-form.md-textarea-container {
  display: flex;
  flex-direction: column-reverse;
}
.md-form.md-textarea-container .character-counter {
  position: absolute !important;
  right: 0 !important;
  margin-top: 4px !important;
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
}

.input-dark-bg ::-webkit-input-placeholder {
  color: #fff !important;
  font-weight: 300;
}
.input-dark-bg :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
  font-weight: 300;
}
.input-dark-bg ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
  font-weight: 300;
}
.input-dark-bg :-ms-input-placeholder {
  color: #fff !important;
  font-weight: 300;
}
.input-dark-bg input[type=text] {
  border-bottom: 1px solid #fff;
}
.input-dark-bg .form-control {
  color: #fff;
}

.input-light-bg ::-webkit-input-placeholder {
  color: #1C2331 !important;
  font-weight: 300;
}
.input-light-bg :-moz-placeholder {
  /* Firefox 18- */
  color: #1C2331 !important;
  font-weight: 300;
}
.input-light-bg ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1C2331 !important;
  font-weight: 300;
}
.input-light-bg :-ms-input-placeholder {
  color: #1C2331 !important;
  font-weight: 300;
}
.input-light-bg input[type=text] {
  border-bottom: 1px solid #1C2331;
}
.input-light-bg .form-control {
  color: #1C2331;
}

.form-inline .form-group {
  margin-right: 2rem;
}

i.btn-primary, i.btn-primary--inverted {
  background: #2196F3 !important;
}
i.btn-default {
  background: #2BBBAD !important;
}
i.btn-success {
  background: #00C851 !important;
}
i.btn-info {
  background: #33b5e5 !important;
}
i.btn-warning {
  background: #FF8800 !important;
}
i.btn-danger {
  background: #CC0000 !important;
}

input[type=text].red,
input[type=password].red,
input[type=email].red,
input[type=month].red,
input[type=url].red,
input[type=time].red,
input[type=date].red,
input[type=datetime-local].red,
input[type=tel].red,
input[type=number].red,
input[type=search-md].red,
input[type=search].red,
textarea.md-textarea.red {
  background-color: initial !important;
}
input[type=text].red:focus:not([readonly]),
input[type=password].red:focus:not([readonly]),
input[type=email].red:focus:not([readonly]),
input[type=month].red:focus:not([readonly]),
input[type=url].red:focus:not([readonly]),
input[type=time].red:focus:not([readonly]),
input[type=date].red:focus:not([readonly]),
input[type=datetime-local].red:focus:not([readonly]),
input[type=tel].red:focus:not([readonly]),
input[type=number].red:focus:not([readonly]),
input[type=search-md].red:focus:not([readonly]),
input[type=search].red:focus:not([readonly]),
textarea.md-textarea.red:focus:not([readonly]) {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}
input[type=text].red:focus:not([readonly]) + label,
input[type=password].red:focus:not([readonly]) + label,
input[type=email].red:focus:not([readonly]) + label,
input[type=month].red:focus:not([readonly]) + label,
input[type=url].red:focus:not([readonly]) + label,
input[type=time].red:focus:not([readonly]) + label,
input[type=date].red:focus:not([readonly]) + label,
input[type=datetime-local].red:focus:not([readonly]) + label,
input[type=tel].red:focus:not([readonly]) + label,
input[type=number].red:focus:not([readonly]) + label,
input[type=search-md].red:focus:not([readonly]) + label,
input[type=search].red:focus:not([readonly]) + label,
textarea.md-textarea.red:focus:not([readonly]) + label {
  color: #F44336;
}
input[type=text].red .prefix.active,
input[type=password].red .prefix.active,
input[type=email].red .prefix.active,
input[type=month].red .prefix.active,
input[type=url].red .prefix.active,
input[type=time].red .prefix.active,
input[type=date].red .prefix.active,
input[type=datetime-local].red .prefix.active,
input[type=tel].red .prefix.active,
input[type=number].red .prefix.active,
input[type=search-md].red .prefix.active,
input[type=search].red .prefix.active,
textarea.md-textarea.red .prefix.active {
  color: #F44336;
}

input[type=text].pink,
input[type=password].pink,
input[type=email].pink,
input[type=month].pink,
input[type=url].pink,
input[type=time].pink,
input[type=date].pink,
input[type=datetime-local].pink,
input[type=tel].pink,
input[type=number].pink,
input[type=search-md].pink,
input[type=search].pink,
textarea.md-textarea.pink {
  background-color: initial !important;
}
input[type=text].pink:focus:not([readonly]),
input[type=password].pink:focus:not([readonly]),
input[type=email].pink:focus:not([readonly]),
input[type=month].pink:focus:not([readonly]),
input[type=url].pink:focus:not([readonly]),
input[type=time].pink:focus:not([readonly]),
input[type=date].pink:focus:not([readonly]),
input[type=datetime-local].pink:focus:not([readonly]),
input[type=tel].pink:focus:not([readonly]),
input[type=number].pink:focus:not([readonly]),
input[type=search-md].pink:focus:not([readonly]),
input[type=search].pink:focus:not([readonly]),
textarea.md-textarea.pink:focus:not([readonly]) {
  border-bottom: 1px solid #e91e63;
  box-shadow: 0 1px 0 0 #e91e63;
}
input[type=text].pink:focus:not([readonly]) + label,
input[type=password].pink:focus:not([readonly]) + label,
input[type=email].pink:focus:not([readonly]) + label,
input[type=month].pink:focus:not([readonly]) + label,
input[type=url].pink:focus:not([readonly]) + label,
input[type=time].pink:focus:not([readonly]) + label,
input[type=date].pink:focus:not([readonly]) + label,
input[type=datetime-local].pink:focus:not([readonly]) + label,
input[type=tel].pink:focus:not([readonly]) + label,
input[type=number].pink:focus:not([readonly]) + label,
input[type=search-md].pink:focus:not([readonly]) + label,
input[type=search].pink:focus:not([readonly]) + label,
textarea.md-textarea.pink:focus:not([readonly]) + label {
  color: #e91e63;
}
input[type=text].pink .prefix.active,
input[type=password].pink .prefix.active,
input[type=email].pink .prefix.active,
input[type=month].pink .prefix.active,
input[type=url].pink .prefix.active,
input[type=time].pink .prefix.active,
input[type=date].pink .prefix.active,
input[type=datetime-local].pink .prefix.active,
input[type=tel].pink .prefix.active,
input[type=number].pink .prefix.active,
input[type=search-md].pink .prefix.active,
input[type=search].pink .prefix.active,
textarea.md-textarea.pink .prefix.active {
  color: #e91e63;
}

input[type=text].purple,
input[type=password].purple,
input[type=email].purple,
input[type=month].purple,
input[type=url].purple,
input[type=time].purple,
input[type=date].purple,
input[type=datetime-local].purple,
input[type=tel].purple,
input[type=number].purple,
input[type=search-md].purple,
input[type=search].purple,
textarea.md-textarea.purple {
  background-color: initial !important;
}
input[type=text].purple:focus:not([readonly]),
input[type=password].purple:focus:not([readonly]),
input[type=email].purple:focus:not([readonly]),
input[type=month].purple:focus:not([readonly]),
input[type=url].purple:focus:not([readonly]),
input[type=time].purple:focus:not([readonly]),
input[type=date].purple:focus:not([readonly]),
input[type=datetime-local].purple:focus:not([readonly]),
input[type=tel].purple:focus:not([readonly]),
input[type=number].purple:focus:not([readonly]),
input[type=search-md].purple:focus:not([readonly]),
input[type=search].purple:focus:not([readonly]),
textarea.md-textarea.purple:focus:not([readonly]) {
  border-bottom: 1px solid #9c27b0;
  box-shadow: 0 1px 0 0 #9c27b0;
}
input[type=text].purple:focus:not([readonly]) + label,
input[type=password].purple:focus:not([readonly]) + label,
input[type=email].purple:focus:not([readonly]) + label,
input[type=month].purple:focus:not([readonly]) + label,
input[type=url].purple:focus:not([readonly]) + label,
input[type=time].purple:focus:not([readonly]) + label,
input[type=date].purple:focus:not([readonly]) + label,
input[type=datetime-local].purple:focus:not([readonly]) + label,
input[type=tel].purple:focus:not([readonly]) + label,
input[type=number].purple:focus:not([readonly]) + label,
input[type=search-md].purple:focus:not([readonly]) + label,
input[type=search].purple:focus:not([readonly]) + label,
textarea.md-textarea.purple:focus:not([readonly]) + label {
  color: #9c27b0;
}
input[type=text].purple .prefix.active,
input[type=password].purple .prefix.active,
input[type=email].purple .prefix.active,
input[type=month].purple .prefix.active,
input[type=url].purple .prefix.active,
input[type=time].purple .prefix.active,
input[type=date].purple .prefix.active,
input[type=datetime-local].purple .prefix.active,
input[type=tel].purple .prefix.active,
input[type=number].purple .prefix.active,
input[type=search-md].purple .prefix.active,
input[type=search].purple .prefix.active,
textarea.md-textarea.purple .prefix.active {
  color: #9c27b0;
}

input[type=text].deep-purple,
input[type=password].deep-purple,
input[type=email].deep-purple,
input[type=month].deep-purple,
input[type=url].deep-purple,
input[type=time].deep-purple,
input[type=date].deep-purple,
input[type=datetime-local].deep-purple,
input[type=tel].deep-purple,
input[type=number].deep-purple,
input[type=search-md].deep-purple,
input[type=search].deep-purple,
textarea.md-textarea.deep-purple {
  background-color: initial !important;
}
input[type=text].deep-purple:focus:not([readonly]),
input[type=password].deep-purple:focus:not([readonly]),
input[type=email].deep-purple:focus:not([readonly]),
input[type=month].deep-purple:focus:not([readonly]),
input[type=url].deep-purple:focus:not([readonly]),
input[type=time].deep-purple:focus:not([readonly]),
input[type=date].deep-purple:focus:not([readonly]),
input[type=datetime-local].deep-purple:focus:not([readonly]),
input[type=tel].deep-purple:focus:not([readonly]),
input[type=number].deep-purple:focus:not([readonly]),
input[type=search-md].deep-purple:focus:not([readonly]),
input[type=search].deep-purple:focus:not([readonly]),
textarea.md-textarea.deep-purple:focus:not([readonly]) {
  border-bottom: 1px solid #673ab7;
  box-shadow: 0 1px 0 0 #673ab7;
}
input[type=text].deep-purple:focus:not([readonly]) + label,
input[type=password].deep-purple:focus:not([readonly]) + label,
input[type=email].deep-purple:focus:not([readonly]) + label,
input[type=month].deep-purple:focus:not([readonly]) + label,
input[type=url].deep-purple:focus:not([readonly]) + label,
input[type=time].deep-purple:focus:not([readonly]) + label,
input[type=date].deep-purple:focus:not([readonly]) + label,
input[type=datetime-local].deep-purple:focus:not([readonly]) + label,
input[type=tel].deep-purple:focus:not([readonly]) + label,
input[type=number].deep-purple:focus:not([readonly]) + label,
input[type=search-md].deep-purple:focus:not([readonly]) + label,
input[type=search].deep-purple:focus:not([readonly]) + label,
textarea.md-textarea.deep-purple:focus:not([readonly]) + label {
  color: #673ab7;
}
input[type=text].deep-purple .prefix.active,
input[type=password].deep-purple .prefix.active,
input[type=email].deep-purple .prefix.active,
input[type=month].deep-purple .prefix.active,
input[type=url].deep-purple .prefix.active,
input[type=time].deep-purple .prefix.active,
input[type=date].deep-purple .prefix.active,
input[type=datetime-local].deep-purple .prefix.active,
input[type=tel].deep-purple .prefix.active,
input[type=number].deep-purple .prefix.active,
input[type=search-md].deep-purple .prefix.active,
input[type=search].deep-purple .prefix.active,
textarea.md-textarea.deep-purple .prefix.active {
  color: #673ab7;
}

input[type=text].indigo,
input[type=password].indigo,
input[type=email].indigo,
input[type=month].indigo,
input[type=url].indigo,
input[type=time].indigo,
input[type=date].indigo,
input[type=datetime-local].indigo,
input[type=tel].indigo,
input[type=number].indigo,
input[type=search-md].indigo,
input[type=search].indigo,
textarea.md-textarea.indigo {
  background-color: initial !important;
}
input[type=text].indigo:focus:not([readonly]),
input[type=password].indigo:focus:not([readonly]),
input[type=email].indigo:focus:not([readonly]),
input[type=month].indigo:focus:not([readonly]),
input[type=url].indigo:focus:not([readonly]),
input[type=time].indigo:focus:not([readonly]),
input[type=date].indigo:focus:not([readonly]),
input[type=datetime-local].indigo:focus:not([readonly]),
input[type=tel].indigo:focus:not([readonly]),
input[type=number].indigo:focus:not([readonly]),
input[type=search-md].indigo:focus:not([readonly]),
input[type=search].indigo:focus:not([readonly]),
textarea.md-textarea.indigo:focus:not([readonly]) {
  border-bottom: 1px solid #3f51b5;
  box-shadow: 0 1px 0 0 #3f51b5;
}
input[type=text].indigo:focus:not([readonly]) + label,
input[type=password].indigo:focus:not([readonly]) + label,
input[type=email].indigo:focus:not([readonly]) + label,
input[type=month].indigo:focus:not([readonly]) + label,
input[type=url].indigo:focus:not([readonly]) + label,
input[type=time].indigo:focus:not([readonly]) + label,
input[type=date].indigo:focus:not([readonly]) + label,
input[type=datetime-local].indigo:focus:not([readonly]) + label,
input[type=tel].indigo:focus:not([readonly]) + label,
input[type=number].indigo:focus:not([readonly]) + label,
input[type=search-md].indigo:focus:not([readonly]) + label,
input[type=search].indigo:focus:not([readonly]) + label,
textarea.md-textarea.indigo:focus:not([readonly]) + label {
  color: #3f51b5;
}
input[type=text].indigo .prefix.active,
input[type=password].indigo .prefix.active,
input[type=email].indigo .prefix.active,
input[type=month].indigo .prefix.active,
input[type=url].indigo .prefix.active,
input[type=time].indigo .prefix.active,
input[type=date].indigo .prefix.active,
input[type=datetime-local].indigo .prefix.active,
input[type=tel].indigo .prefix.active,
input[type=number].indigo .prefix.active,
input[type=search-md].indigo .prefix.active,
input[type=search].indigo .prefix.active,
textarea.md-textarea.indigo .prefix.active {
  color: #3f51b5;
}

input[type=text].blue,
input[type=password].blue,
input[type=email].blue,
input[type=month].blue,
input[type=url].blue,
input[type=time].blue,
input[type=date].blue,
input[type=datetime-local].blue,
input[type=tel].blue,
input[type=number].blue,
input[type=search-md].blue,
input[type=search].blue,
textarea.md-textarea.blue {
  background-color: initial !important;
}
input[type=text].blue:focus:not([readonly]),
input[type=password].blue:focus:not([readonly]),
input[type=email].blue:focus:not([readonly]),
input[type=month].blue:focus:not([readonly]),
input[type=url].blue:focus:not([readonly]),
input[type=time].blue:focus:not([readonly]),
input[type=date].blue:focus:not([readonly]),
input[type=datetime-local].blue:focus:not([readonly]),
input[type=tel].blue:focus:not([readonly]),
input[type=number].blue:focus:not([readonly]),
input[type=search-md].blue:focus:not([readonly]),
input[type=search].blue:focus:not([readonly]),
textarea.md-textarea.blue:focus:not([readonly]) {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
input[type=text].blue:focus:not([readonly]) + label,
input[type=password].blue:focus:not([readonly]) + label,
input[type=email].blue:focus:not([readonly]) + label,
input[type=month].blue:focus:not([readonly]) + label,
input[type=url].blue:focus:not([readonly]) + label,
input[type=time].blue:focus:not([readonly]) + label,
input[type=date].blue:focus:not([readonly]) + label,
input[type=datetime-local].blue:focus:not([readonly]) + label,
input[type=tel].blue:focus:not([readonly]) + label,
input[type=number].blue:focus:not([readonly]) + label,
input[type=search-md].blue:focus:not([readonly]) + label,
input[type=search].blue:focus:not([readonly]) + label,
textarea.md-textarea.blue:focus:not([readonly]) + label {
  color: #2196F3;
}
input[type=text].blue .prefix.active,
input[type=password].blue .prefix.active,
input[type=email].blue .prefix.active,
input[type=month].blue .prefix.active,
input[type=url].blue .prefix.active,
input[type=time].blue .prefix.active,
input[type=date].blue .prefix.active,
input[type=datetime-local].blue .prefix.active,
input[type=tel].blue .prefix.active,
input[type=number].blue .prefix.active,
input[type=search-md].blue .prefix.active,
input[type=search].blue .prefix.active,
textarea.md-textarea.blue .prefix.active {
  color: #2196F3;
}

input[type=text].light-blue,
input[type=password].light-blue,
input[type=email].light-blue,
input[type=month].light-blue,
input[type=url].light-blue,
input[type=time].light-blue,
input[type=date].light-blue,
input[type=datetime-local].light-blue,
input[type=tel].light-blue,
input[type=number].light-blue,
input[type=search-md].light-blue,
input[type=search].light-blue,
textarea.md-textarea.light-blue {
  background-color: initial !important;
}
input[type=text].light-blue:focus:not([readonly]),
input[type=password].light-blue:focus:not([readonly]),
input[type=email].light-blue:focus:not([readonly]),
input[type=month].light-blue:focus:not([readonly]),
input[type=url].light-blue:focus:not([readonly]),
input[type=time].light-blue:focus:not([readonly]),
input[type=date].light-blue:focus:not([readonly]),
input[type=datetime-local].light-blue:focus:not([readonly]),
input[type=tel].light-blue:focus:not([readonly]),
input[type=number].light-blue:focus:not([readonly]),
input[type=search-md].light-blue:focus:not([readonly]),
input[type=search].light-blue:focus:not([readonly]),
textarea.md-textarea.light-blue:focus:not([readonly]) {
  border-bottom: 1px solid #03a9f4;
  box-shadow: 0 1px 0 0 #03a9f4;
}
input[type=text].light-blue:focus:not([readonly]) + label,
input[type=password].light-blue:focus:not([readonly]) + label,
input[type=email].light-blue:focus:not([readonly]) + label,
input[type=month].light-blue:focus:not([readonly]) + label,
input[type=url].light-blue:focus:not([readonly]) + label,
input[type=time].light-blue:focus:not([readonly]) + label,
input[type=date].light-blue:focus:not([readonly]) + label,
input[type=datetime-local].light-blue:focus:not([readonly]) + label,
input[type=tel].light-blue:focus:not([readonly]) + label,
input[type=number].light-blue:focus:not([readonly]) + label,
input[type=search-md].light-blue:focus:not([readonly]) + label,
input[type=search].light-blue:focus:not([readonly]) + label,
textarea.md-textarea.light-blue:focus:not([readonly]) + label {
  color: #03a9f4;
}
input[type=text].light-blue .prefix.active,
input[type=password].light-blue .prefix.active,
input[type=email].light-blue .prefix.active,
input[type=month].light-blue .prefix.active,
input[type=url].light-blue .prefix.active,
input[type=time].light-blue .prefix.active,
input[type=date].light-blue .prefix.active,
input[type=datetime-local].light-blue .prefix.active,
input[type=tel].light-blue .prefix.active,
input[type=number].light-blue .prefix.active,
input[type=search-md].light-blue .prefix.active,
input[type=search].light-blue .prefix.active,
textarea.md-textarea.light-blue .prefix.active {
  color: #03a9f4;
}

input[type=text].cyan,
input[type=password].cyan,
input[type=email].cyan,
input[type=month].cyan,
input[type=url].cyan,
input[type=time].cyan,
input[type=date].cyan,
input[type=datetime-local].cyan,
input[type=tel].cyan,
input[type=number].cyan,
input[type=search-md].cyan,
input[type=search].cyan,
textarea.md-textarea.cyan {
  background-color: initial !important;
}
input[type=text].cyan:focus:not([readonly]),
input[type=password].cyan:focus:not([readonly]),
input[type=email].cyan:focus:not([readonly]),
input[type=month].cyan:focus:not([readonly]),
input[type=url].cyan:focus:not([readonly]),
input[type=time].cyan:focus:not([readonly]),
input[type=date].cyan:focus:not([readonly]),
input[type=datetime-local].cyan:focus:not([readonly]),
input[type=tel].cyan:focus:not([readonly]),
input[type=number].cyan:focus:not([readonly]),
input[type=search-md].cyan:focus:not([readonly]),
input[type=search].cyan:focus:not([readonly]),
textarea.md-textarea.cyan:focus:not([readonly]) {
  border-bottom: 1px solid #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4;
}
input[type=text].cyan:focus:not([readonly]) + label,
input[type=password].cyan:focus:not([readonly]) + label,
input[type=email].cyan:focus:not([readonly]) + label,
input[type=month].cyan:focus:not([readonly]) + label,
input[type=url].cyan:focus:not([readonly]) + label,
input[type=time].cyan:focus:not([readonly]) + label,
input[type=date].cyan:focus:not([readonly]) + label,
input[type=datetime-local].cyan:focus:not([readonly]) + label,
input[type=tel].cyan:focus:not([readonly]) + label,
input[type=number].cyan:focus:not([readonly]) + label,
input[type=search-md].cyan:focus:not([readonly]) + label,
input[type=search].cyan:focus:not([readonly]) + label,
textarea.md-textarea.cyan:focus:not([readonly]) + label {
  color: #00bcd4;
}
input[type=text].cyan .prefix.active,
input[type=password].cyan .prefix.active,
input[type=email].cyan .prefix.active,
input[type=month].cyan .prefix.active,
input[type=url].cyan .prefix.active,
input[type=time].cyan .prefix.active,
input[type=date].cyan .prefix.active,
input[type=datetime-local].cyan .prefix.active,
input[type=tel].cyan .prefix.active,
input[type=number].cyan .prefix.active,
input[type=search-md].cyan .prefix.active,
input[type=search].cyan .prefix.active,
textarea.md-textarea.cyan .prefix.active {
  color: #00bcd4;
}

input[type=text].teal,
input[type=password].teal,
input[type=email].teal,
input[type=month].teal,
input[type=url].teal,
input[type=time].teal,
input[type=date].teal,
input[type=datetime-local].teal,
input[type=tel].teal,
input[type=number].teal,
input[type=search-md].teal,
input[type=search].teal,
textarea.md-textarea.teal {
  background-color: initial !important;
}
input[type=text].teal:focus:not([readonly]),
input[type=password].teal:focus:not([readonly]),
input[type=email].teal:focus:not([readonly]),
input[type=month].teal:focus:not([readonly]),
input[type=url].teal:focus:not([readonly]),
input[type=time].teal:focus:not([readonly]),
input[type=date].teal:focus:not([readonly]),
input[type=datetime-local].teal:focus:not([readonly]),
input[type=tel].teal:focus:not([readonly]),
input[type=number].teal:focus:not([readonly]),
input[type=search-md].teal:focus:not([readonly]),
input[type=search].teal:focus:not([readonly]),
textarea.md-textarea.teal:focus:not([readonly]) {
  border-bottom: 1px solid #009688;
  box-shadow: 0 1px 0 0 #009688;
}
input[type=text].teal:focus:not([readonly]) + label,
input[type=password].teal:focus:not([readonly]) + label,
input[type=email].teal:focus:not([readonly]) + label,
input[type=month].teal:focus:not([readonly]) + label,
input[type=url].teal:focus:not([readonly]) + label,
input[type=time].teal:focus:not([readonly]) + label,
input[type=date].teal:focus:not([readonly]) + label,
input[type=datetime-local].teal:focus:not([readonly]) + label,
input[type=tel].teal:focus:not([readonly]) + label,
input[type=number].teal:focus:not([readonly]) + label,
input[type=search-md].teal:focus:not([readonly]) + label,
input[type=search].teal:focus:not([readonly]) + label,
textarea.md-textarea.teal:focus:not([readonly]) + label {
  color: #009688;
}
input[type=text].teal .prefix.active,
input[type=password].teal .prefix.active,
input[type=email].teal .prefix.active,
input[type=month].teal .prefix.active,
input[type=url].teal .prefix.active,
input[type=time].teal .prefix.active,
input[type=date].teal .prefix.active,
input[type=datetime-local].teal .prefix.active,
input[type=tel].teal .prefix.active,
input[type=number].teal .prefix.active,
input[type=search-md].teal .prefix.active,
input[type=search].teal .prefix.active,
textarea.md-textarea.teal .prefix.active {
  color: #009688;
}

input[type=text].green,
input[type=password].green,
input[type=email].green,
input[type=month].green,
input[type=url].green,
input[type=time].green,
input[type=date].green,
input[type=datetime-local].green,
input[type=tel].green,
input[type=number].green,
input[type=search-md].green,
input[type=search].green,
textarea.md-textarea.green {
  background-color: initial !important;
}
input[type=text].green:focus:not([readonly]),
input[type=password].green:focus:not([readonly]),
input[type=email].green:focus:not([readonly]),
input[type=month].green:focus:not([readonly]),
input[type=url].green:focus:not([readonly]),
input[type=time].green:focus:not([readonly]),
input[type=date].green:focus:not([readonly]),
input[type=datetime-local].green:focus:not([readonly]),
input[type=tel].green:focus:not([readonly]),
input[type=number].green:focus:not([readonly]),
input[type=search-md].green:focus:not([readonly]),
input[type=search].green:focus:not([readonly]),
textarea.md-textarea.green:focus:not([readonly]) {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}
input[type=text].green:focus:not([readonly]) + label,
input[type=password].green:focus:not([readonly]) + label,
input[type=email].green:focus:not([readonly]) + label,
input[type=month].green:focus:not([readonly]) + label,
input[type=url].green:focus:not([readonly]) + label,
input[type=time].green:focus:not([readonly]) + label,
input[type=date].green:focus:not([readonly]) + label,
input[type=datetime-local].green:focus:not([readonly]) + label,
input[type=tel].green:focus:not([readonly]) + label,
input[type=number].green:focus:not([readonly]) + label,
input[type=search-md].green:focus:not([readonly]) + label,
input[type=search].green:focus:not([readonly]) + label,
textarea.md-textarea.green:focus:not([readonly]) + label {
  color: #4CAF50;
}
input[type=text].green .prefix.active,
input[type=password].green .prefix.active,
input[type=email].green .prefix.active,
input[type=month].green .prefix.active,
input[type=url].green .prefix.active,
input[type=time].green .prefix.active,
input[type=date].green .prefix.active,
input[type=datetime-local].green .prefix.active,
input[type=tel].green .prefix.active,
input[type=number].green .prefix.active,
input[type=search-md].green .prefix.active,
input[type=search].green .prefix.active,
textarea.md-textarea.green .prefix.active {
  color: #4CAF50;
}

input[type=text].light-green,
input[type=password].light-green,
input[type=email].light-green,
input[type=month].light-green,
input[type=url].light-green,
input[type=time].light-green,
input[type=date].light-green,
input[type=datetime-local].light-green,
input[type=tel].light-green,
input[type=number].light-green,
input[type=search-md].light-green,
input[type=search].light-green,
textarea.md-textarea.light-green {
  background-color: initial !important;
}
input[type=text].light-green:focus:not([readonly]),
input[type=password].light-green:focus:not([readonly]),
input[type=email].light-green:focus:not([readonly]),
input[type=month].light-green:focus:not([readonly]),
input[type=url].light-green:focus:not([readonly]),
input[type=time].light-green:focus:not([readonly]),
input[type=date].light-green:focus:not([readonly]),
input[type=datetime-local].light-green:focus:not([readonly]),
input[type=tel].light-green:focus:not([readonly]),
input[type=number].light-green:focus:not([readonly]),
input[type=search-md].light-green:focus:not([readonly]),
input[type=search].light-green:focus:not([readonly]),
textarea.md-textarea.light-green:focus:not([readonly]) {
  border-bottom: 1px solid #8bc34a;
  box-shadow: 0 1px 0 0 #8bc34a;
}
input[type=text].light-green:focus:not([readonly]) + label,
input[type=password].light-green:focus:not([readonly]) + label,
input[type=email].light-green:focus:not([readonly]) + label,
input[type=month].light-green:focus:not([readonly]) + label,
input[type=url].light-green:focus:not([readonly]) + label,
input[type=time].light-green:focus:not([readonly]) + label,
input[type=date].light-green:focus:not([readonly]) + label,
input[type=datetime-local].light-green:focus:not([readonly]) + label,
input[type=tel].light-green:focus:not([readonly]) + label,
input[type=number].light-green:focus:not([readonly]) + label,
input[type=search-md].light-green:focus:not([readonly]) + label,
input[type=search].light-green:focus:not([readonly]) + label,
textarea.md-textarea.light-green:focus:not([readonly]) + label {
  color: #8bc34a;
}
input[type=text].light-green .prefix.active,
input[type=password].light-green .prefix.active,
input[type=email].light-green .prefix.active,
input[type=month].light-green .prefix.active,
input[type=url].light-green .prefix.active,
input[type=time].light-green .prefix.active,
input[type=date].light-green .prefix.active,
input[type=datetime-local].light-green .prefix.active,
input[type=tel].light-green .prefix.active,
input[type=number].light-green .prefix.active,
input[type=search-md].light-green .prefix.active,
input[type=search].light-green .prefix.active,
textarea.md-textarea.light-green .prefix.active {
  color: #8bc34a;
}

input[type=text].lime,
input[type=password].lime,
input[type=email].lime,
input[type=month].lime,
input[type=url].lime,
input[type=time].lime,
input[type=date].lime,
input[type=datetime-local].lime,
input[type=tel].lime,
input[type=number].lime,
input[type=search-md].lime,
input[type=search].lime,
textarea.md-textarea.lime {
  background-color: initial !important;
}
input[type=text].lime:focus:not([readonly]),
input[type=password].lime:focus:not([readonly]),
input[type=email].lime:focus:not([readonly]),
input[type=month].lime:focus:not([readonly]),
input[type=url].lime:focus:not([readonly]),
input[type=time].lime:focus:not([readonly]),
input[type=date].lime:focus:not([readonly]),
input[type=datetime-local].lime:focus:not([readonly]),
input[type=tel].lime:focus:not([readonly]),
input[type=number].lime:focus:not([readonly]),
input[type=search-md].lime:focus:not([readonly]),
input[type=search].lime:focus:not([readonly]),
textarea.md-textarea.lime:focus:not([readonly]) {
  border-bottom: 1px solid #cddc39;
  box-shadow: 0 1px 0 0 #cddc39;
}
input[type=text].lime:focus:not([readonly]) + label,
input[type=password].lime:focus:not([readonly]) + label,
input[type=email].lime:focus:not([readonly]) + label,
input[type=month].lime:focus:not([readonly]) + label,
input[type=url].lime:focus:not([readonly]) + label,
input[type=time].lime:focus:not([readonly]) + label,
input[type=date].lime:focus:not([readonly]) + label,
input[type=datetime-local].lime:focus:not([readonly]) + label,
input[type=tel].lime:focus:not([readonly]) + label,
input[type=number].lime:focus:not([readonly]) + label,
input[type=search-md].lime:focus:not([readonly]) + label,
input[type=search].lime:focus:not([readonly]) + label,
textarea.md-textarea.lime:focus:not([readonly]) + label {
  color: #cddc39;
}
input[type=text].lime .prefix.active,
input[type=password].lime .prefix.active,
input[type=email].lime .prefix.active,
input[type=month].lime .prefix.active,
input[type=url].lime .prefix.active,
input[type=time].lime .prefix.active,
input[type=date].lime .prefix.active,
input[type=datetime-local].lime .prefix.active,
input[type=tel].lime .prefix.active,
input[type=number].lime .prefix.active,
input[type=search-md].lime .prefix.active,
input[type=search].lime .prefix.active,
textarea.md-textarea.lime .prefix.active {
  color: #cddc39;
}

input[type=text].yellow,
input[type=password].yellow,
input[type=email].yellow,
input[type=month].yellow,
input[type=url].yellow,
input[type=time].yellow,
input[type=date].yellow,
input[type=datetime-local].yellow,
input[type=tel].yellow,
input[type=number].yellow,
input[type=search-md].yellow,
input[type=search].yellow,
textarea.md-textarea.yellow {
  background-color: initial !important;
}
input[type=text].yellow:focus:not([readonly]),
input[type=password].yellow:focus:not([readonly]),
input[type=email].yellow:focus:not([readonly]),
input[type=month].yellow:focus:not([readonly]),
input[type=url].yellow:focus:not([readonly]),
input[type=time].yellow:focus:not([readonly]),
input[type=date].yellow:focus:not([readonly]),
input[type=datetime-local].yellow:focus:not([readonly]),
input[type=tel].yellow:focus:not([readonly]),
input[type=number].yellow:focus:not([readonly]),
input[type=search-md].yellow:focus:not([readonly]),
input[type=search].yellow:focus:not([readonly]),
textarea.md-textarea.yellow:focus:not([readonly]) {
  border-bottom: 1px solid #ffeb3b;
  box-shadow: 0 1px 0 0 #ffeb3b;
}
input[type=text].yellow:focus:not([readonly]) + label,
input[type=password].yellow:focus:not([readonly]) + label,
input[type=email].yellow:focus:not([readonly]) + label,
input[type=month].yellow:focus:not([readonly]) + label,
input[type=url].yellow:focus:not([readonly]) + label,
input[type=time].yellow:focus:not([readonly]) + label,
input[type=date].yellow:focus:not([readonly]) + label,
input[type=datetime-local].yellow:focus:not([readonly]) + label,
input[type=tel].yellow:focus:not([readonly]) + label,
input[type=number].yellow:focus:not([readonly]) + label,
input[type=search-md].yellow:focus:not([readonly]) + label,
input[type=search].yellow:focus:not([readonly]) + label,
textarea.md-textarea.yellow:focus:not([readonly]) + label {
  color: #ffeb3b;
}
input[type=text].yellow .prefix.active,
input[type=password].yellow .prefix.active,
input[type=email].yellow .prefix.active,
input[type=month].yellow .prefix.active,
input[type=url].yellow .prefix.active,
input[type=time].yellow .prefix.active,
input[type=date].yellow .prefix.active,
input[type=datetime-local].yellow .prefix.active,
input[type=tel].yellow .prefix.active,
input[type=number].yellow .prefix.active,
input[type=search-md].yellow .prefix.active,
input[type=search].yellow .prefix.active,
textarea.md-textarea.yellow .prefix.active {
  color: #ffeb3b;
}

input[type=text].amber,
input[type=password].amber,
input[type=email].amber,
input[type=month].amber,
input[type=url].amber,
input[type=time].amber,
input[type=date].amber,
input[type=datetime-local].amber,
input[type=tel].amber,
input[type=number].amber,
input[type=search-md].amber,
input[type=search].amber,
textarea.md-textarea.amber {
  background-color: initial !important;
}
input[type=text].amber:focus:not([readonly]),
input[type=password].amber:focus:not([readonly]),
input[type=email].amber:focus:not([readonly]),
input[type=month].amber:focus:not([readonly]),
input[type=url].amber:focus:not([readonly]),
input[type=time].amber:focus:not([readonly]),
input[type=date].amber:focus:not([readonly]),
input[type=datetime-local].amber:focus:not([readonly]),
input[type=tel].amber:focus:not([readonly]),
input[type=number].amber:focus:not([readonly]),
input[type=search-md].amber:focus:not([readonly]),
input[type=search].amber:focus:not([readonly]),
textarea.md-textarea.amber:focus:not([readonly]) {
  border-bottom: 1px solid #ffc107;
  box-shadow: 0 1px 0 0 #ffc107;
}
input[type=text].amber:focus:not([readonly]) + label,
input[type=password].amber:focus:not([readonly]) + label,
input[type=email].amber:focus:not([readonly]) + label,
input[type=month].amber:focus:not([readonly]) + label,
input[type=url].amber:focus:not([readonly]) + label,
input[type=time].amber:focus:not([readonly]) + label,
input[type=date].amber:focus:not([readonly]) + label,
input[type=datetime-local].amber:focus:not([readonly]) + label,
input[type=tel].amber:focus:not([readonly]) + label,
input[type=number].amber:focus:not([readonly]) + label,
input[type=search-md].amber:focus:not([readonly]) + label,
input[type=search].amber:focus:not([readonly]) + label,
textarea.md-textarea.amber:focus:not([readonly]) + label {
  color: #ffc107;
}
input[type=text].amber .prefix.active,
input[type=password].amber .prefix.active,
input[type=email].amber .prefix.active,
input[type=month].amber .prefix.active,
input[type=url].amber .prefix.active,
input[type=time].amber .prefix.active,
input[type=date].amber .prefix.active,
input[type=datetime-local].amber .prefix.active,
input[type=tel].amber .prefix.active,
input[type=number].amber .prefix.active,
input[type=search-md].amber .prefix.active,
input[type=search].amber .prefix.active,
textarea.md-textarea.amber .prefix.active {
  color: #ffc107;
}

input[type=text].orange,
input[type=password].orange,
input[type=email].orange,
input[type=month].orange,
input[type=url].orange,
input[type=time].orange,
input[type=date].orange,
input[type=datetime-local].orange,
input[type=tel].orange,
input[type=number].orange,
input[type=search-md].orange,
input[type=search].orange,
textarea.md-textarea.orange {
  background-color: initial !important;
}
input[type=text].orange:focus:not([readonly]),
input[type=password].orange:focus:not([readonly]),
input[type=email].orange:focus:not([readonly]),
input[type=month].orange:focus:not([readonly]),
input[type=url].orange:focus:not([readonly]),
input[type=time].orange:focus:not([readonly]),
input[type=date].orange:focus:not([readonly]),
input[type=datetime-local].orange:focus:not([readonly]),
input[type=tel].orange:focus:not([readonly]),
input[type=number].orange:focus:not([readonly]),
input[type=search-md].orange:focus:not([readonly]),
input[type=search].orange:focus:not([readonly]),
textarea.md-textarea.orange:focus:not([readonly]) {
  border-bottom: 1px solid #ff9800;
  box-shadow: 0 1px 0 0 #ff9800;
}
input[type=text].orange:focus:not([readonly]) + label,
input[type=password].orange:focus:not([readonly]) + label,
input[type=email].orange:focus:not([readonly]) + label,
input[type=month].orange:focus:not([readonly]) + label,
input[type=url].orange:focus:not([readonly]) + label,
input[type=time].orange:focus:not([readonly]) + label,
input[type=date].orange:focus:not([readonly]) + label,
input[type=datetime-local].orange:focus:not([readonly]) + label,
input[type=tel].orange:focus:not([readonly]) + label,
input[type=number].orange:focus:not([readonly]) + label,
input[type=search-md].orange:focus:not([readonly]) + label,
input[type=search].orange:focus:not([readonly]) + label,
textarea.md-textarea.orange:focus:not([readonly]) + label {
  color: #ff9800;
}
input[type=text].orange .prefix.active,
input[type=password].orange .prefix.active,
input[type=email].orange .prefix.active,
input[type=month].orange .prefix.active,
input[type=url].orange .prefix.active,
input[type=time].orange .prefix.active,
input[type=date].orange .prefix.active,
input[type=datetime-local].orange .prefix.active,
input[type=tel].orange .prefix.active,
input[type=number].orange .prefix.active,
input[type=search-md].orange .prefix.active,
input[type=search].orange .prefix.active,
textarea.md-textarea.orange .prefix.active {
  color: #ff9800;
}

input[type=text].deep-orange,
input[type=password].deep-orange,
input[type=email].deep-orange,
input[type=month].deep-orange,
input[type=url].deep-orange,
input[type=time].deep-orange,
input[type=date].deep-orange,
input[type=datetime-local].deep-orange,
input[type=tel].deep-orange,
input[type=number].deep-orange,
input[type=search-md].deep-orange,
input[type=search].deep-orange,
textarea.md-textarea.deep-orange {
  background-color: initial !important;
}
input[type=text].deep-orange:focus:not([readonly]),
input[type=password].deep-orange:focus:not([readonly]),
input[type=email].deep-orange:focus:not([readonly]),
input[type=month].deep-orange:focus:not([readonly]),
input[type=url].deep-orange:focus:not([readonly]),
input[type=time].deep-orange:focus:not([readonly]),
input[type=date].deep-orange:focus:not([readonly]),
input[type=datetime-local].deep-orange:focus:not([readonly]),
input[type=tel].deep-orange:focus:not([readonly]),
input[type=number].deep-orange:focus:not([readonly]),
input[type=search-md].deep-orange:focus:not([readonly]),
input[type=search].deep-orange:focus:not([readonly]),
textarea.md-textarea.deep-orange:focus:not([readonly]) {
  border-bottom: 1px solid #ff5722;
  box-shadow: 0 1px 0 0 #ff5722;
}
input[type=text].deep-orange:focus:not([readonly]) + label,
input[type=password].deep-orange:focus:not([readonly]) + label,
input[type=email].deep-orange:focus:not([readonly]) + label,
input[type=month].deep-orange:focus:not([readonly]) + label,
input[type=url].deep-orange:focus:not([readonly]) + label,
input[type=time].deep-orange:focus:not([readonly]) + label,
input[type=date].deep-orange:focus:not([readonly]) + label,
input[type=datetime-local].deep-orange:focus:not([readonly]) + label,
input[type=tel].deep-orange:focus:not([readonly]) + label,
input[type=number].deep-orange:focus:not([readonly]) + label,
input[type=search-md].deep-orange:focus:not([readonly]) + label,
input[type=search].deep-orange:focus:not([readonly]) + label,
textarea.md-textarea.deep-orange:focus:not([readonly]) + label {
  color: #ff5722;
}
input[type=text].deep-orange .prefix.active,
input[type=password].deep-orange .prefix.active,
input[type=email].deep-orange .prefix.active,
input[type=month].deep-orange .prefix.active,
input[type=url].deep-orange .prefix.active,
input[type=time].deep-orange .prefix.active,
input[type=date].deep-orange .prefix.active,
input[type=datetime-local].deep-orange .prefix.active,
input[type=tel].deep-orange .prefix.active,
input[type=number].deep-orange .prefix.active,
input[type=search-md].deep-orange .prefix.active,
input[type=search].deep-orange .prefix.active,
textarea.md-textarea.deep-orange .prefix.active {
  color: #ff5722;
}

input[type=text].brown,
input[type=password].brown,
input[type=email].brown,
input[type=month].brown,
input[type=url].brown,
input[type=time].brown,
input[type=date].brown,
input[type=datetime-local].brown,
input[type=tel].brown,
input[type=number].brown,
input[type=search-md].brown,
input[type=search].brown,
textarea.md-textarea.brown {
  background-color: initial !important;
}
input[type=text].brown:focus:not([readonly]),
input[type=password].brown:focus:not([readonly]),
input[type=email].brown:focus:not([readonly]),
input[type=month].brown:focus:not([readonly]),
input[type=url].brown:focus:not([readonly]),
input[type=time].brown:focus:not([readonly]),
input[type=date].brown:focus:not([readonly]),
input[type=datetime-local].brown:focus:not([readonly]),
input[type=tel].brown:focus:not([readonly]),
input[type=number].brown:focus:not([readonly]),
input[type=search-md].brown:focus:not([readonly]),
input[type=search].brown:focus:not([readonly]),
textarea.md-textarea.brown:focus:not([readonly]) {
  border-bottom: 1px solid #795548;
  box-shadow: 0 1px 0 0 #795548;
}
input[type=text].brown:focus:not([readonly]) + label,
input[type=password].brown:focus:not([readonly]) + label,
input[type=email].brown:focus:not([readonly]) + label,
input[type=month].brown:focus:not([readonly]) + label,
input[type=url].brown:focus:not([readonly]) + label,
input[type=time].brown:focus:not([readonly]) + label,
input[type=date].brown:focus:not([readonly]) + label,
input[type=datetime-local].brown:focus:not([readonly]) + label,
input[type=tel].brown:focus:not([readonly]) + label,
input[type=number].brown:focus:not([readonly]) + label,
input[type=search-md].brown:focus:not([readonly]) + label,
input[type=search].brown:focus:not([readonly]) + label,
textarea.md-textarea.brown:focus:not([readonly]) + label {
  color: #795548;
}
input[type=text].brown .prefix.active,
input[type=password].brown .prefix.active,
input[type=email].brown .prefix.active,
input[type=month].brown .prefix.active,
input[type=url].brown .prefix.active,
input[type=time].brown .prefix.active,
input[type=date].brown .prefix.active,
input[type=datetime-local].brown .prefix.active,
input[type=tel].brown .prefix.active,
input[type=number].brown .prefix.active,
input[type=search-md].brown .prefix.active,
input[type=search].brown .prefix.active,
textarea.md-textarea.brown .prefix.active {
  color: #795548;
}

input[type=text].blue-grey,
input[type=password].blue-grey,
input[type=email].blue-grey,
input[type=month].blue-grey,
input[type=url].blue-grey,
input[type=time].blue-grey,
input[type=date].blue-grey,
input[type=datetime-local].blue-grey,
input[type=tel].blue-grey,
input[type=number].blue-grey,
input[type=search-md].blue-grey,
input[type=search].blue-grey,
textarea.md-textarea.blue-grey {
  background-color: initial !important;
}
input[type=text].blue-grey:focus:not([readonly]),
input[type=password].blue-grey:focus:not([readonly]),
input[type=email].blue-grey:focus:not([readonly]),
input[type=month].blue-grey:focus:not([readonly]),
input[type=url].blue-grey:focus:not([readonly]),
input[type=time].blue-grey:focus:not([readonly]),
input[type=date].blue-grey:focus:not([readonly]),
input[type=datetime-local].blue-grey:focus:not([readonly]),
input[type=tel].blue-grey:focus:not([readonly]),
input[type=number].blue-grey:focus:not([readonly]),
input[type=search-md].blue-grey:focus:not([readonly]),
input[type=search].blue-grey:focus:not([readonly]),
textarea.md-textarea.blue-grey:focus:not([readonly]) {
  border-bottom: 1px solid #607d8b;
  box-shadow: 0 1px 0 0 #607d8b;
}
input[type=text].blue-grey:focus:not([readonly]) + label,
input[type=password].blue-grey:focus:not([readonly]) + label,
input[type=email].blue-grey:focus:not([readonly]) + label,
input[type=month].blue-grey:focus:not([readonly]) + label,
input[type=url].blue-grey:focus:not([readonly]) + label,
input[type=time].blue-grey:focus:not([readonly]) + label,
input[type=date].blue-grey:focus:not([readonly]) + label,
input[type=datetime-local].blue-grey:focus:not([readonly]) + label,
input[type=tel].blue-grey:focus:not([readonly]) + label,
input[type=number].blue-grey:focus:not([readonly]) + label,
input[type=search-md].blue-grey:focus:not([readonly]) + label,
input[type=search].blue-grey:focus:not([readonly]) + label,
textarea.md-textarea.blue-grey:focus:not([readonly]) + label {
  color: #607d8b;
}
input[type=text].blue-grey .prefix.active,
input[type=password].blue-grey .prefix.active,
input[type=email].blue-grey .prefix.active,
input[type=month].blue-grey .prefix.active,
input[type=url].blue-grey .prefix.active,
input[type=time].blue-grey .prefix.active,
input[type=date].blue-grey .prefix.active,
input[type=datetime-local].blue-grey .prefix.active,
input[type=tel].blue-grey .prefix.active,
input[type=number].blue-grey .prefix.active,
input[type=search-md].blue-grey .prefix.active,
input[type=search].blue-grey .prefix.active,
textarea.md-textarea.blue-grey .prefix.active {
  color: #607d8b;
}

input[type=text].grey,
input[type=password].grey,
input[type=email].grey,
input[type=month].grey,
input[type=url].grey,
input[type=time].grey,
input[type=date].grey,
input[type=datetime-local].grey,
input[type=tel].grey,
input[type=number].grey,
input[type=search-md].grey,
input[type=search].grey,
textarea.md-textarea.grey {
  background-color: initial !important;
}
input[type=text].grey:focus:not([readonly]),
input[type=password].grey:focus:not([readonly]),
input[type=email].grey:focus:not([readonly]),
input[type=month].grey:focus:not([readonly]),
input[type=url].grey:focus:not([readonly]),
input[type=time].grey:focus:not([readonly]),
input[type=date].grey:focus:not([readonly]),
input[type=datetime-local].grey:focus:not([readonly]),
input[type=tel].grey:focus:not([readonly]),
input[type=number].grey:focus:not([readonly]),
input[type=search-md].grey:focus:not([readonly]),
input[type=search].grey:focus:not([readonly]),
textarea.md-textarea.grey:focus:not([readonly]) {
  border-bottom: 1px solid #9e9e9e;
  box-shadow: 0 1px 0 0 #9e9e9e;
}
input[type=text].grey:focus:not([readonly]) + label,
input[type=password].grey:focus:not([readonly]) + label,
input[type=email].grey:focus:not([readonly]) + label,
input[type=month].grey:focus:not([readonly]) + label,
input[type=url].grey:focus:not([readonly]) + label,
input[type=time].grey:focus:not([readonly]) + label,
input[type=date].grey:focus:not([readonly]) + label,
input[type=datetime-local].grey:focus:not([readonly]) + label,
input[type=tel].grey:focus:not([readonly]) + label,
input[type=number].grey:focus:not([readonly]) + label,
input[type=search-md].grey:focus:not([readonly]) + label,
input[type=search].grey:focus:not([readonly]) + label,
textarea.md-textarea.grey:focus:not([readonly]) + label {
  color: #9e9e9e;
}
input[type=text].grey .prefix.active,
input[type=password].grey .prefix.active,
input[type=email].grey .prefix.active,
input[type=month].grey .prefix.active,
input[type=url].grey .prefix.active,
input[type=time].grey .prefix.active,
input[type=date].grey .prefix.active,
input[type=datetime-local].grey .prefix.active,
input[type=tel].grey .prefix.active,
input[type=number].grey .prefix.active,
input[type=search-md].grey .prefix.active,
input[type=search].grey .prefix.active,
textarea.md-textarea.grey .prefix.active {
  color: #9e9e9e;
}

.card, .month-card {
  border: 0;
}
.card .n2-card-header, .month-card .n2-card-header {
  display: flex;
  align-items: center;
  min-height: 72px;
  justify-content: space-between;
  padding: 0 24px;
}
.card .n2-card-header.collapsed .collapse-icon, .month-card .n2-card-header.collapsed .collapse-icon {
  transform: rotate(-180deg);
  transition: transform 300ms ease-in-out;
}
.card .n2-card-header .collapse-icon, .month-card .n2-card-header .collapse-icon {
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
.card .n2-card-footer, .month-card .n2-card-footer {
  display: flex;
  flex-direction: row-reverse;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.card .card-title a, .month-card .card-title a {
  color: #424242;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.card .card-title a:hover, .month-card .card-title a:hover {
  color: #616161;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.card .separator, .month-card .separator {
  border-top: 1px solid #e0e0e0;
}
.card img, .month-card img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card .card-footer, .month-card .card-footer {
  padding-bottom: 0;
}
.card .list-group, .month-card .list-group {
  box-shadow: none !important;
}
.card [data-toggle=collapse]:not(.collapsed) .rotate-icon, .month-card [data-toggle=collapse]:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.card [data-toggle=collapse] .rotate-icon, .month-card [data-toggle=collapse] .rotate-icon {
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

.jumbotron {
  background-color: #fff;
  padding: 2rem;
}
.jumbotron.m-1, .cascading-media .jumbotron, .jumbotron.m-2, .jumbotron.m-3 {
  z-index: 50;
  position: relative;
  margin-left: 3%;
  margin-right: 3%;
}
.jumbotron.m-1, .cascading-media .jumbotron {
  margin-top: -20px;
}
.jumbotron.m-2 {
  margin-top: -30px;
}
.jumbotron.m-3 {
  margin-top: -40px;
}

.list-group-item, .list-group-borderless .list-group-item-header-row {
  width: 100%;
}

.edge-header {
  display: block;
  height: 278px;
  background-color: #ccc;
}

.free-bird {
  margin-top: -100px;
}

.navbar.n2-navbar, .n2-navbar.section-header {
  display: flex;
  box-shadow: none !important;
  height: 64px;
  border-radius: 0px;
  flex-wrap: nowrap;
}
.navbar.n2-navbar .menu-action, .n2-navbar.section-header .menu-action {
  margin: 0px 36px 0px 12px;
  cursor: pointer;
  height: 24px;
}
.navbar.n2-navbar .heading, .n2-navbar.section-header .heading {
  font-weight: 400;
  font-size: 22px;
}
.navbar.n2-navbar .avatar, .n2-navbar.section-header .avatar {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  margin-left: 16px;
}
.navbar.n2-navbar .avatar.circle, .n2-navbar.section-header .avatar.circle {
  border-radius: 50%;
  object-fit: cover;
}
.navbar.n2-navbar img.avatar, .n2-navbar.section-header img.avatar {
  object-fit: cover;
}
.navbar.n2-navbar .classic-tabs .nav-link, .n2-navbar.section-header .classic-tabs .nav-link {
  border-radius: 0px;
}
.navbar.n2-navbar .classic-tabs li a.active, .n2-navbar.section-header .classic-tabs li a.active {
  border-bottom: 3px solid #18ffff;
}
.navbar form, .section-header form {
  float: right;
  padding: 4px 16px;
}
.navbar form input, .section-header form input {
  margin: 0;
  height: 1rem;
  margin-right: 5px;
  margin-left: 8px;
  margin-bottom: 1px;
  box-shadow: none !important;
}
.navbar .navbar-nav .nav-item, .section-header .navbar-nav .nav-item {
  margin-left: 0;
}
.navbar .navbar-nav .nav-item a, .section-header .navbar-nav .nav-item a {
  padding-right: 8px;
  padding-left: 8px;
  font-weight: 300;
}
.navbar .navbar-toggler, .section-header .navbar-toggler {
  float: right;
  background: none;
  border-width: 0;
}
.navbar .navbar-toggler:focus, .section-header .navbar-toggler:focus {
  background-color: inherit;
}
.navbar .breadcrumb, .section-header .breadcrumb {
  margin: 0;
  background-color: inherit;
  font-weight: 300;
}
.navbar .nav-flex-icons, .section-header .nav-flex-icons {
  float: right;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .navbar.mobile-nofixed, .mobile-nofixed.section-header {
    position: relative;
  }
}
.navbar.navbar-dark .navbar-brand, .navbar-dark.section-header .navbar-brand {
  color: #fff;
}
.navbar.navbar-dark .navbar-brand:hover, .navbar-dark.section-header .navbar-brand:hover {
  color: #fff;
}
.navbar.navbar-dark .breadcrumb a, .navbar-dark.section-header .breadcrumb a,
.navbar.navbar-dark .navbar-nav .nav-item a,
.navbar-dark.section-header .navbar-nav .nav-item a {
  color: #fff;
  transition: 0.35s;
}
.navbar.navbar-dark .breadcrumb a:hover, .navbar-dark.section-header .breadcrumb a:hover,
.navbar.navbar-dark .navbar-nav .nav-item a:hover,
.navbar-dark.section-header .navbar-nav .nav-item a:hover {
  transition: 0.35s;
  color: rgba(255, 255, 255, 0.75);
}
.navbar.navbar-dark .breadcrumb.active, .navbar-dark.section-header .breadcrumb.active,
.navbar.navbar-dark .navbar-nav .nav-item.active,
.navbar-dark.section-header .navbar-nav .nav-item.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar.navbar-dark .breadcrumb .dropdown-menu a, .navbar-dark.section-header .breadcrumb .dropdown-menu a,
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a,
.navbar-dark.section-header .navbar-nav .nav-item .dropdown-menu a {
  color: #212121;
  padding: 10px;
}
.navbar.navbar-dark .navbar-toggler, .navbar-dark.section-header .navbar-toggler {
  color: #fff;
}
.navbar.navbar-dark .nav-link, .navbar-dark.section-header .nav-link {
  color: #fff;
}
.navbar.navbar-light .breadcrumb a, .navbar-light.section-header .breadcrumb a,
.navbar.navbar-light .nav-item a,
.navbar-light.section-header .nav-item a {
  color: #212121;
  transition: 0.35s;
}
.navbar.navbar-light .breadcrumb a:hover, .navbar-light.section-header .breadcrumb a:hover,
.navbar.navbar-light .nav-item a:hover,
.navbar-light.section-header .nav-item a:hover {
  transition: 0.35s;
  color: #212121;
}
.navbar.navbar-light .breadcrumb.active, .navbar-light.section-header .breadcrumb.active,
.navbar.navbar-light .nav-item.active,
.navbar-light.section-header .nav-item.active {
  background-color: rgba(158, 158, 158, 0.2);
}
.navbar.navbar-light .breadcrumb .dropdown-menu a, .navbar-light.section-header .breadcrumb .dropdown-menu a,
.navbar.navbar-light .nav-item .dropdown-menu a,
.navbar-light.section-header .nav-item .dropdown-menu a {
  color: #000;
  padding: 10px;
}
.navbar.navbar-light .navbar-toggler, .navbar-light.section-header .navbar-toggler {
  color: #000;
}
@media (max-width: 544px) {
  .navbar .navbar-toggleable-xs .navbar-brand, .section-header .navbar-toggleable-xs .navbar-brand {
    float: none;
    margin-left: 8px;
  }
  .navbar .navbar-toggleable-xs ul, .section-header .navbar-toggleable-xs ul {
    float: none;
  }
  .navbar .navbar-toggleable-xs ul li, .section-header .navbar-toggleable-xs ul li {
    float: none;
  }
  .navbar .navbar-toggleable-xs form, .section-header .navbar-toggleable-xs form {
    float: left;
  }
  .navbar .navbar-toggleable-xs .nav-item, .section-header .navbar-toggleable-xs .nav-item {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .navbar .navbar-toggleable-sm .navbar-brand, .section-header .navbar-toggleable-sm .navbar-brand {
    float: none;
  }
  .navbar .navbar-toggleable-sm ul, .section-header .navbar-toggleable-sm ul {
    float: none;
  }
  .navbar .navbar-toggleable-sm ul li, .section-header .navbar-toggleable-sm ul li {
    float: none;
  }
  .navbar .navbar-toggleable-sm form, .section-header .navbar-toggleable-sm form {
    float: left;
    padding-left: 4px;
  }
  .navbar .navbar-toggleable-sm .nav-item, .section-header .navbar-toggleable-sm .nav-item {
    margin-left: 0;
  }
}

.navbar-dark form ::-webkit-input-placeholder {
  color: #fff !important;
  font-weight: 300;
}
.navbar-dark form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
  font-weight: 300;
}
.navbar-dark form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
  font-weight: 300;
}
.navbar-dark form :-ms-input-placeholder {
  color: #fff !important;
  font-weight: 300;
}
.navbar-dark form input[type=text] {
  border-bottom: 1px solid #fff;
}
.navbar-dark form .form-control {
  color: #fff;
}

.navbar-light form ::-webkit-input-placeholder {
  color: #1C2331 !important;
  font-weight: 300;
}
.navbar-light form :-moz-placeholder {
  /* Firefox 18- */
  color: #1C2331 !important;
  font-weight: 300;
}
.navbar-light form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1C2331 !important;
  font-weight: 300;
}
.navbar-light form :-ms-input-placeholder {
  color: #1C2331 !important;
  font-weight: 300;
}
.navbar-light form input[type=text] {
  border-bottom: 1px solid #1C2331;
}
.navbar-light form .form-control {
  color: #1C2331;
}

.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
}
.bottom-nav .classic-tabs a.active {
  border: none;
  color: #fff !important;
}

/* MDB HOVER EFFECTS */
.view {
  overflow: hidden;
  position: relative;
  cursor: default;
}
.view .mask,
.view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img, .view video {
  display: block;
  position: relative;
}

.full-bg-img {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.overlay:hover .mask {
  opacity: 1;
}
.overlay img, .overlay video {
  transition: all 0.2s linear;
}
.overlay .mask {
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.hm-blue-light .mask,
.hm-blue-light .full-bg-img {
  background-color: rgba(3, 169, 244, 0.3);
}

.hm-red-light .mask,
.hm-red-light .full-bg-img {
  background-color: rgba(244, 67, 54, 0.3);
}

.hm-pink-light .mask,
.hm-pink-light .full-bg-img {
  background-color: rgba(233, 30, 99, 0.3);
}

.hm-purple-light .mask,
.hm-purple-light .full-bg-img {
  background-color: rgba(156, 39, 176, 0.3);
}

.hm-indigo-light .mask,
.hm-indigo-light .full-bg-img {
  background-color: rgba(63, 81, 181, 0.3);
}

.hm-cyan-light .mask,
.hm-cyan-light .full-bg-img {
  background-color: rgba(0, 188, 212, 0.3);
}

.hm-teal-light .mask,
.hm-teal-light .full-bg-img {
  background-color: rgba(0, 150, 136, 0.3);
}

.hm-green-light .mask,
.hm-green-light .full-bg-img {
  background-color: rgba(76, 175, 80, 0.3);
}

.hm-lime-light .mask,
.hm-lime-light .full-bg-img {
  background-color: rgba(205, 220, 57, 0.3);
}

.hm-yellow-light .mask,
.hm-yellow-light .full-bg-img {
  background-color: rgba(255, 235, 59, 0.3);
}

.hm-orange-light .mask,
.hm-orange-light .full-bg-img {
  background-color: rgba(255, 152, 0, 0.3);
}

.hm-brown-light .mask,
.hm-brown-light .full-bg-img {
  background-color: rgba(121, 85, 72, 0.3);
}

.hm-grey-light .mask,
.hm-grey-light .full-bg-img {
  background-color: rgba(158, 158, 158, 0.3);
}

.hm-bluegrey-light .mask,
.hm-bluegrey-light .full-bg-img {
  background-color: rgba(96, 125, 139, 0.3);
}

.hm-black-light .mask,
.hm-black-light .full-bg-img {
  background-color: rgba(0, 0, 0, 0.3);
}

.hm-stylish-light .mask,
.hm-stylish-light .full-bg-img {
  background-color: rgba(62, 69, 81, 0.3);
}

.hm-white-light .mask,
.hm-white-light .full-bg-img {
  background-color: rgba(255, 255, 255, 0.3);
}

.hm-blue-strong .mask,
.hm-blue-strong .full-bg-img {
  background-color: rgba(3, 169, 244, 0.7);
}

.hm-red-strong .mask,
.hm-red-strong .full-bg-img {
  background-color: rgba(244, 67, 54, 0.7);
}

.hm-pink-strong .mask,
.hm-pink-strong .full-bg-img {
  background-color: rgba(233, 30, 99, 0.7);
}

.hm-purple-strong .mask,
.hm-purple-strong .full-bg-img {
  background-color: rgba(156, 39, 176, 0.7);
}

.hm-indigo-strong .mask,
.hm-indigo-strong .full-bg-img {
  background-color: rgba(63, 81, 181, 0.7);
}

.hm-cyan-strong .mask,
.hm-cyan-strong .full-bg-img {
  background-color: rgba(0, 188, 212, 0.7);
}

.hm-teal-strong .mask,
.hm-teal-strong .full-bg-img {
  background-color: rgba(0, 150, 136, 0.7);
}

.hm-green-strong .mask,
.hm-green-strong .full-bg-img {
  background-color: rgba(76, 175, 80, 0.7);
}

.hm-lime-strong .mask,
.hm-lime-strong .full-bg-img {
  background-color: rgba(205, 220, 57, 0.7);
}

.hm-yellow-strong .mask,
.hm-yellow-strong .full-bg-img {
  background-color: rgba(255, 235, 59, 0.7);
}

.hm-orange-strong .mask,
.hm-orange-strong .full-bg-img {
  background-color: rgba(255, 152, 0, 0.7);
}

.hm-brown-strong .mask,
.hm-brown-strong .full-bg-img {
  background-color: rgba(121, 85, 72, 0.7);
}

.hm-grey-strong .mask,
.hm-grey-strong .full-bg-img {
  background-color: rgba(158, 158, 158, 0.7);
}

.hm-bluegrey-strong .mask,
.hm-bluegrey-strong .full-bg-img {
  background-color: rgba(96, 125, 139, 0.7);
}

.hm-black-strong .mask,
.hm-black-strong .full-bg-img {
  background-color: rgba(0, 0, 0, 0.7);
}

.hm-stylish-strong .mask,
.hm-stylish-strong .full-bg-img {
  background-color: rgba(62, 69, 81, 0.7);
}

.hm-white-strong .mask,
.hm-white-strong .full-bg-img {
  background-color: rgba(255, 255, 255, 0.7);
}

.hm-blue-slight .mask,
.hm-blue-slight .full-bg-img {
  background-color: rgba(3, 169, 244, 0.1);
}

.hm-red-slight .mask,
.hm-red-slight .full-bg-img {
  background-color: rgba(244, 67, 54, 0.1);
}

.hm-pink-slight .mask,
.hm-pink-slight .full-bg-img {
  background-color: rgba(233, 30, 99, 0.1);
}

.hm-purple-slight .mask,
.hm-purple-slight .full-bg-img {
  background-color: rgba(156, 39, 176, 0.1);
}

.hm-indigo-slight .mask,
.hm-indigo-slight .full-bg-img {
  background-color: rgba(63, 81, 181, 0.1);
}

.hm-cyan-slight .mask,
.hm-cyan-slight .full-bg-img {
  background-color: rgba(0, 188, 212, 0.1);
}

.hm-teal-slight .mask,
.hm-teal-slight .full-bg-img {
  background-color: rgba(0, 150, 136, 0.1);
}

.hm-green-slight .mask,
.hm-green-slight .full-bg-img {
  background-color: rgba(76, 175, 80, 0.1);
}

.hm-lime-slight .mask,
.hm-lime-slight .full-bg-img {
  background-color: rgba(205, 220, 57, 0.1);
}

.hm-yellow-slight .mask,
.hm-yellow-slight .full-bg-img {
  background-color: rgba(255, 235, 59, 0.1);
}

.hm-orange-slight .mask,
.hm-orange-slight .full-bg-img {
  background-color: rgba(255, 152, 0, 0.1);
}

.hm-brown-slight .mask,
.hm-brown-slight .full-bg-img {
  background-color: rgba(121, 85, 72, 0.1);
}

.hm-grey-slight .mask,
.hm-grey-slight .full-bg-img {
  background-color: rgba(158, 158, 158, 0.1);
}

.hm-bluegrey-slight .mask,
.hm-bluegrey-slight .full-bg-img {
  background-color: rgba(96, 125, 139, 0.1);
}

.hm-black-slight .mask,
.hm-black-slight .full-bg-img {
  background-color: rgba(0, 0, 0, 0.1);
}

.hm-stylish-slight .mask,
.hm-stylish-slight .full-bg-img {
  background-color: rgba(62, 69, 81, 0.1);
}

.hm-white-slight .mask,
.hm-white-slight .full-bg-img {
  background-color: rgba(255, 255, 255, 0.1);
}

.hm-zoom img {
  transition: all 0.2s linear;
}

.hm-zoom:hover img {
  transform: scale(1.1);
}

.hm-zoom:hover .mask {
  opacity: 1;
}

.img-overlay {
  position: relative;
}
.img-overlay:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.17);
  transition: background 0.4s;
}
.img-overlay:hover:after {
  background: rgba(0, 0, 0, 0.35);
}
.img-overlay.light:after {
  background: rgba(255, 255, 255, 0.17);
}
.img-overlay.light:hover:after {
  background: rgba(255, 255, 255, 0.35);
}
.img-overlay.blue:after {
  background: rgba(0, 145, 234, 0.17);
}
.img-overlay.blue:hover:after {
  background: rgba(0, 145, 234, 0.35);
}
.img-overlay.green:after {
  background: rgba(76, 175, 80, 0.17);
}
.img-overlay.green:hover:after {
  background: rgba(76, 175, 80, 0.35);
}
.img-overlay.red:after {
  background: rgba(213, 0, 0, 0.17);
}
.img-overlay.red:hover:after {
  background: rgba(213, 0, 0, 0.35);
}

footer.page-footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #3E4551;
  color: #fff;
}
footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}
footer.page-footer a {
  color: #fff;
}
footer.page-footer .title {
  text-transform: uppercase;
}
footer.page-footer .call-to-action {
  text-align: center;
  padding-top: 1.3rem;
  padding-bottom: 0.5rem;
}
footer.page-footer .call-to-action ul li {
  display: inline-block;
  padding-right: 10px;
}
footer.page-footer .social-section {
  text-align: center;
}
footer.page-footer .social-section ul li {
  display: inline-block;
}

/* Instagram photos */
ul.instagram-photos li {
  display: inline-block;
  max-width: 100px;
  margin: 4px;
}
ul.instagram-photos li img {
  margin: 0;
}

.n2-carousel-indicators {
  z-index: 0;
  bottom: -36px;
}
.n2-carousel-indicators li {
  background-color: #e0e0e0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  max-width: 8px;
  margin-right: 4px;
  margin-left: 4px;
}
.n2-carousel-indicators .active {
  background-color: #424242 !important;
}

.n2-carousel-indicators.light li {
  background-color: rgba(255, 255, 255, 0.2);
}
.n2-carousel-indicators.light .active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.carousel-control-prev {
  left: -48px;
  width: 48px;
}

.carousel-control-next {
  right: -48px;
  width: 48px;
}

.carousel-control:hover {
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  transition-duration: 400ms;
}

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

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .carousel-item.next,
  .carousel-fade .carousel-inner > .carousel-item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .carousel-item.prev,
  .carousel-fade .carousel-inner > .carousel-item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .carousel-item.next.left,
  .carousel-fade .carousel-inner > .carousel-item.prev.right,
  .carousel-fade .carousel-inner > .carousel-item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.tooltip {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}
.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  content: none;
}
.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  content: none;
}
.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  content: none;
}
.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  content: none;
}

.nav-tabs {
  border: 0;
  padding: 0.7rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: -20px;
  z-index: 2;
  position: relative;
}
.nav-tabs .nav-item + .nav-item {
  margin-left: 0;
}
.nav-tabs .nav-link {
  border: 0;
  color: #fff;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.md-pills li {
  padding: 10px;
}
.md-pills .nav-link {
  color: #666;
  text-align: center;
}
.md-pills .nav-item .nav-link {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.md-pills .nav-item .nav-link:hover {
  background-color: rgba(158, 158, 158, 0.3);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.md-pills .nav-item .nav-link.active {
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.md-pills.pills-primary .nav-item .nav-link.active {
  background-color: #2196F3;
}
.md-pills.pills-danger .nav-item .nav-link.active {
  background-color: #CC0000;
}
.md-pills.pills-default .nav-item .nav-link.active {
  background-color: #2BBBAD;
}
.md-pills.pills-secondary .nav-item .nav-link.active {
  background-color: #26a69a;
}
.md-pills.pills-success .nav-item .nav-link.active {
  background-color: #00C851;
}
.md-pills.pills-info .nav-item .nav-link.active {
  background-color: #33b5e5;
}
.md-pills.pills-warning .nav-item .nav-link.active {
  background-color: #FF8800;
}
.md-pills.pills-ins .nav-item .nav-link.active {
  background-color: #3F729B;
}

.tab-content {
  padding: 1rem;
  padding-top: 2rem;
  z-index: 1;
}
.tab-content.vertical {
  padding-top: 0;
}

.tabs-5 li {
  width: 20%;
  margin-left: 0;
}

.tabs-4 li {
  width: 25%;
}

.tabs-3 li {
  width: 33.3%;
}

.tabs-2 li {
  width: 50%;
}

.tabs-5,
.tabs-4,
.tabs-3,
.tabs-2 {
  text-align: center;
}

.tabs-wrapper {
  overflow-x: hidden;
  width: 100%;
  display: none;
}
@media (min-width: 62em) {
  .tabs-wrapper:not(.bottom-nav) {
    margin-left: 56px;
  }
}

.tab-scroll-button {
  min-width: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  height: 100%;
  margin: 0;
  max-width: 71px;
  box-shadow: none !important;
  background: none;
}
.tab-scroll-button.invisible {
  pointer-events: none;
  visibility: hidden;
}

.classic-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  flex-wrap: nowrap;
}
@media (min-width: 62rem) {
  .classic-tabs {
    overflow-x: hidden;
  }
}
.classic-tabs li {
  -webkit-box-flex: 1 0 30%;
  -moz-box-flex: 1 0 30%;
  -webkit-flex: 1 0 30%;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
}
@media (min-width: 62em) {
  .classic-tabs li {
    flex: inherit;
  }
}
.classic-tabs li a {
  display: block;
  padding: 20px 24px;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  border-radius: 0;
}
.classic-tabs li a:hover {
  background: transparent;
}
.classic-tabs li a.active {
  border-bottom: 3px solid #ffeb3b;
  color: #fff;
  font-weight: 500;
}
.classic-tabs.tabs-grey {
  background-color: #546e7a;
}
.classic-tabs.tabs-grey li a.active {
  border-color: #fff;
}
.classic-tabs.tabs-cyan {
  background-color: #00bcd4;
}
.classic-tabs.tabs-cyan li a.active {
  border-color: #ffeb3b;
}
.classic-tabs.tabs-pink {
  background-color: #ec407a;
}
.classic-tabs.tabs-pink li a.active {
  border-color: #673ab7;
}
.classic-tabs.tabs-orange {
  background-color: #ffa000;
}
.classic-tabs.tabs-orange li a.active {
  border-color: #e53935;
}
.classic-tabs.tabs-green {
  background-color: #7cb342;
}
.classic-tabs.tabs-green li a.active {
  border-color: #1565c0;
}
.classic-tabs.tabs-deep-purple {
  background-color: #673AB7;
  margin-top: -1px;
}
.classic-tabs.tabs-deep-purple li a.active {
  border-color: #B39DDB !important;
}
.classic-tabs.tabs-white-cyan {
  background-color: #fff;
}
.classic-tabs.tabs-white-cyan a {
  color: #bdbdbd !important;
}
.classic-tabs.tabs-white-cyan li a.active {
  border-color: #00bcd4;
  color: #212121 !important;
}
.classic-tabs.tabs-primary {
  background-color: #2196F3;
}
.classic-tabs.tabs-primary li a.active {
  border-color: #fff;
}

.pong-bar {
  margin-bottom: 0;
  bottom: 0;
  position: absolute;
  height: 2px;
  background-color: #18ffff;
  left: 0;
  width: 0;
}

.tabs--slider li a {
  position: relative;
  border-bottom: 0 !important;
}

.bottom-nav ul li {
  flex: inherit !important;
}

.table a {
  margin-left: 1rem;
}
.table fieldset {
  margin-bottom: 0;
}
.table fieldset label {
  height: 8px;
}

.product-table img {
  max-height: 150px;
  min-width: 50px;
}
.product-table td {
  vertical-align: middle;
}

.inline-ul-img li {
  display: inline;
}
.inline-ul-img li img {
  max-width: 100px;
  margin: 8px;
}

.streak {
  display: block;
  position: relative;
  overflow: hidden;
  background: #e5e5e5;
  height: 250px;
}
.streak.streak-lg {
  height: 400px;
}
.streak.streak-photo {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.streak.no-flex {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  height: auto;
}
.streak .flex-center ul, .streak .card-overlay ul {
  margin-bottom: 0;
}
.streak .flex-center ul li:last-child, .streak .card-overlay ul li:last-child {
  margin-bottom: 0;
}
.streak .flex-center ul li h1, .streak .card-overlay ul li h1, .streak .flex-center ul li h2, .streak .card-overlay ul li h2, .streak .flex-center ul li h3, .streak .card-overlay ul li h3, .streak .flex-center ul li h4, .streak .card-overlay ul li h4, .streak .flex-center ul li .dropdown-button.in-header, .streak .card-overlay ul li .dropdown-button.in-header, .streak .flex-center ul li h5, .streak .card-overlay ul li h5 {
  margin-bottom: 0;
}

.boxed-gallery .col-md-6, .boxed-gallery .col-md-3 {
  padding: 0.36rem 0.5rem;
}
@media (min-width: 768px) {
  .boxed-gallery.right-aligned .col-md-6, .boxed-gallery.right-aligned .col-md-3 {
    float: right;
  }
}

.counter {
  position: absolute;
  margin-left: -23px;
  margin-top: -1px;
  background-color: red;
  color: #fff;
  padding: 1px 7px;
  font-size: 11px;
  z-index: 2;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border-radius: 10rem;
}

.social-counters .btn {
  margin-left: 9px;
}

/* Buttons */
.btn-fb {
  background-color: #3B5998;
}
.btn-fb:hover, .btn-fb:focus {
  background-color: rgb(66.1303317536, 99.7559241706, 170.3696682464);
}

.btn-gplus {
  background-color: #DD4B39;
}
.btn-gplus:hover, .btn-gplus:focus {
  background-color: rgb(224.7370689655, 94.7844827586, 78.7629310345);
}

.btn-tw {
  background-color: #55ACEE;
}
.btn-tw:hover, .btn-tw:focus {
  background-color: rgb(108.1818181818, 183.3181818182, 240.3181818182);
}

.btn-li {
  background-color: #0082CA;
}
.btn-li:hover, .btn-li:focus {
  background-color: rgb(0, 146.4108910891, 227.5);
}

.yt-bg {
  background-color: #CD201F;
}
.yt-bg:hover, .yt-bg:focus {
  background-color: rgb(222.3580508475, 40.1949152542, 39.1419491525);
}

.ins-bg {
  background-color: #3F729B;
}
.ins-bg:hover, .ins-bg:focus {
  background-color: rgb(70.369266055, 127.3348623853, 173.130733945);
}

.btn-pin {
  background-color: #C61118;
}
.btn-pin:hover, .btn-pin:focus {
  background-color: rgb(221.4837209302, 19.0162790698, 26.8465116279);
}

.btn-ins {
  background-color: #3F729B;
}
.btn-ins:hover, .btn-ins:focus {
  background-color: rgb(70.369266055, 127.3348623853, 173.130733945);
}

.btn-yt {
  background-color: #CD201F;
}
.btn-yt:hover, .btn-yt:focus {
  background-color: rgb(222.3580508475, 40.1949152542, 39.1419491525);
}

.btn-vk {
  background-color: #4C75A3;
}
.btn-vk:hover, .btn-vk:focus {
  background-color: rgb(87.5669456067, 129.6820083682, 176.9330543933);
}

.btn-git {
  background-color: #4183C4;
}
.btn-git:hover, .btn-git:focus {
  background-color: rgb(84.4578313253, 143.6987951807, 202.0421686747);
}

.btn-comm {
  background-color: #30CFC0;
}
.btn-comm:hover, .btn-comm:focus {
  background-color: rgb(68.7, 211.8, 198.3);
}

.btn-email {
  background-color: #4B515D;
}
.btn-email:hover, .btn-email:focus {
  background-color: rgb(86.3839285714, 93.2946428571, 107.1160714286);
}

.btn-dribbble {
  background-color: #C32361;
}
.btn-dribbble:hover, .btn-dribbble:focus {
  background-color: rgb(216.2717391304, 39.2282608696, 107.8326086957);
}

.btn-so {
  background-color: #f69c55;
}
.btn-so:hover, .btn-so:focus {
  background-color: rgb(247.282122905, 170.1033519553, 109.217877095);
}

.btn-slack {
  background-color: #56b68b;
}
.btn-slack:hover, .btn-slack:focus {
  background-color: rgb(103.8078512397, 189.6921487603, 151.2231404959);
}

/* Icons */
.icons-sm {
  padding: 0.5rem;
  margin: 0.5rem;
  font-size: 1.5rem;
}

.fb-ic {
  color: #3B5998 !important;
}
.fb-ic:hover, .fb-ic:focus {
  color: #3B5998;
}

.gplus-ic {
  color: #DD4B39 !important;
}
.gplus-ic:hover, .gplus-ic:focus {
  color: #DD4B39;
}

.tw-ic {
  color: #55ACEE !important;
}
.tw-ic:hover, .tw-ic:focus {
  color: #55ACEE;
}

.li-ic {
  color: #0082CA !important;
}
.li-ic:hover, .li-ic:focus {
  color: #0082CA;
}

.yt-ic {
  color: #CD201F !important;
}
.yt-ic:hover, .yt-ic:focus {
  color: #CD201F;
}

.dribbble-ic {
  color: #C32361 !important;
}
.dribbble-ic:hover, .dribbble-ic:focus {
  color: #C32361;
}

.ins-ic {
  color: #3F729B !important;
}
.ins-ic:hover, .ins-ic:focus {
  color: #3F729B;
}

.pin-ic {
  color: #C61118 !important;
}
.pin-ic:hover, .pin-ic:focus {
  color: #C61118;
}

.vk-ic {
  color: #4C75A3 !important;
}
.vk-ic:hover, .vk-ic:focus {
  color: #4C75A3;
}

.git-ic {
  color: #4183C4 !important;
}
.git-ic:hover, .git-ic:focus {
  color: #4183C4;
}

.email-ic {
  color: #4B515D !important;
}
.email-ic:hover, .email-ic:focus {
  color: #4B515D;
}

.comm-ic {
  color: #30CFC0 !important;
}
.comm-ic:hover, .comm-ic:focus {
  color: #30CFC0;
}

.drib-ic {
  color: #C32361 !important;
}
.drib-ic:hover, .drib-ic:focus {
  color: #C32361;
}

.so-ic {
  color: #f69c55 !important;
}
.so-ic:hover, .so-ic:focus {
  color: #f69c55;
}

.slack-ic {
  color: #56b68b !important;
}
.slack-ic:hover, .slack-ic:focus {
  color: #56b68b;
}

/* Social list */
.social-list {
  width: auto;
  padding: 1rem;
}
.social-list li {
  margin-top: 15px;
}
.social-list .fa {
  margin-right: 20px;
  font-size: 20px;
}
.social-list .fa-facebook {
  margin-right: 26px;
}
.social-list a {
  font-size: 20px;
}

.personal-sm {
  margin-bottom: 10px;
}
.personal-sm a {
  padding: 5px;
}
.personal-sm a:first-of-type {
  padding-left: 0;
}
.personal-sm a .fa {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.personal-sm a:hover .fa {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

@media only screen and (max-width: 500px) {
  .personal-sm a {
    padding: 2px;
  }
}
.sidenav-hamburger {
  cursor: pointer;
}

.side-nav {
  position: fixed;
  width: 240px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 999;
  backface-visibility: hidden;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%);
  color: #fff;
  overflow-x: hidden;
}
.side-nav .side-nav-group.btn-flat:focus, .side-nav .segmented-controls .side-nav-group.segmented-control:focus, .segmented-controls .side-nav .side-nav-group.segmented-control:focus, .side-nav .side-nav-group.btn-stroked:focus {
  background: #fff;
}
.side-nav .side-nav-group.btn-flat:hover, .side-nav .segmented-controls .side-nav-group.segmented-control:hover, .segmented-controls .side-nav .side-nav-group.segmented-control:hover, .side-nav .side-nav-group.btn-stroked:hover {
  background: #fafafa;
}
.side-nav .side-nav-group.collapsed .collapse-icon {
  transform: rotate(-180deg);
  transition: transform 300ms ease-in-out;
}
.side-nav .side-nav-group .collapse-icon {
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
.side-nav .side-nav-group li {
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fafafa;
}
.side-nav .side-nav-group li:hover {
  background: #eee;
}
.side-nav .side-nav-group li a {
  padding: 0 0 0 48px;
  color: #616161;
  width: 100%;
}
.side-nav .side-nav-group li a:hover {
  background: #eee;
}
.side-nav .side-nav-group span.title {
  text-transform: none;
  font-weight: 400;
}
.side-nav.large {
  width: 300px;
}
.side-nav ul li.separator {
  border-bottom: 1px solid #e0e0e0;
}
.side-nav ul li a:hover {
  background-color: #fafafa;
}
.side-nav a:not(.unstyled) {
  color: #616161;
}
.side-nav.right-aligned {
  right: 0;
  transform: translateX(105%);
  left: auto;
  transform: translateX(100%);
}
.side-nav .collapsible {
  margin: 0;
}
.side-nav .collapsible > li {
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.side-nav .collapsible a {
  margin-bottom: 5px;
  color: #fff;
  font-weight: 300;
  font-size: 0.9rem;
  height: 45px;
  line-height: 45px;
}
.side-nav .collapsible a.active {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: none;
  color: black;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-color: rgba(0, 0, 0, 0.125);
}
.side-nav .collapsible a:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.side-nav .collapsible .fa {
  font-size: 1.2rem;
  margin-right: 13px;
}
.side-nav .collapsible-body a {
  padding-left: 30px;
  height: 45px;
  line-height: 45px;
}
.side-nav a:not(.unstyled) {
  display: block;
  font-size: 1rem;
  height: 56px;
  line-height: 56px;
  padding-left: 24px;
}
.side-nav .logo-wrapper {
  height: 140px;
}
.side-nav .logo-wrapper a {
  height: 140px;
  width: 240px;
  padding: 0;
}
.side-nav .about {
  padding: 1rem;
  border-bottom: 1px solid rgba(153, 153, 153, 0.29804);
}
.side-nav .about p {
  margin-bottom: 0;
  text-align: center;
}
.side-nav .social {
  padding: 0;
  text-align: center;
  border-bottom: 1px solid rgba(153, 153, 153, 0.29804);
}
.side-nav .social li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.side-nav .social a {
  padding: 0;
  margin: 0;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.side-nav .search-form {
  padding: 0;
}
.side-nav .search-form ::-webkit-input-placeholder {
  color: #fff !important;
}
.side-nav .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}
.side-nav .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}
.side-nav .search-form :-ms-input-placeholder {
  color: #fff !important;
}
.side-nav .search-form input[type=text] {
  border-bottom: 1px solid #fff;
  font-weight: 300;
  padding-left: 30px;
}
.side-nav .search-form .form-control {
  color: #fff;
}
.side-nav .sn-avatar-wrapper {
  padding-left: 33%;
  padding-right: 33%;
  padding-top: 10%;
}
.side-nav .sn-avatar-wrapper img {
  margin: 0;
  padding: 0;
  max-width: 90px;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  border-radius: 5rem;
}
@media only screen and (max-height: 910px) {
  .side-nav .sn-avatar-wrapper {
    padding-left: 40%;
    padding-right: 40%;
    padding-top: 3%;
  }
  .side-nav .sn-avatar-wrapper img {
    max-width: 50px;
  }
}
.side-nav .sn-ad-avatar-wrapper {
  height: auto;
  margin-bottom: 0;
}
.side-nav .sn-ad-avatar-wrapper img {
  max-width: 60px;
  padding: 20px 10px;
  float: left;
}
.side-nav .sn-ad-avatar-wrapper p {
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
}
.side-nav .user-box {
  padding: 20px 10px 0 10px;
}
.side-nav .user-box img {
  margin: 0 auto 10px auto;
  max-width: 80px;
}
.side-nav .fa-angle-down.rotate-icon {
  position: absolute;
  right: 0;
  top: 13px;
}
.side-nav .sidenav-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 240px;
  width: 100%;
  z-index: -1;
  background-attachment: fixed;
}
.side-nav .sidenav-bg:after {
  width: 100%;
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.light-side-nav .logo-wrapper {
  height: 80px;
}
.light-side-nav .logo-wrapper a {
  height: 80px;
}
.light-side-nav .logo-wrapper img {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 7%;
  padding-bottom: 7%;
}
.light-side-nav p {
  color: #1C2331;
}
.light-side-nav .collapsible a {
  color: #1C2331;
}
.light-side-nav .social {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.light-side-nav .navbar-form {
  margin: 10px;
}

.dark-side-nav {
  background-color: #212121;
}
.dark-side-nav .logo-wrapper {
  background: url("http://mdbootstrap.com/images/regular/nature/img%20(17).jpg") no-repeat center center;
  background-size: cover;
}
.dark-side-nav li {
  background-color: #212121;
}
.dark-side-nav li:hover, .dark-side-nav li.active {
  background-color: #2E2E2E;
}
.dark-side-nav p {
  color: #fff;
}
.dark-side-nav .collapsible a {
  color: #fff;
  margin: 0;
}
.dark-side-nav .collapsible a:active {
  background-color: #2E2E2E;
}
.dark-side-nav .collapsible a.active {
  background-color: #2E2E2E;
}
.dark-side-nav .collapsible > li {
  padding: 0;
}
.dark-side-nav .social {
  border-top: 1px solid #4B515D;
  border-bottom: 1px solid #4B515D;
}
.dark-side-nav .social a {
  color: #fff;
}

.colorful-side-nav {
  background-color: #00695c;
}
.colorful-side-nav .logo-wrapper {
  background: url("http://mdbootstrap.com/images/regular/nature/img%20(23).jpg") no-repeat center center;
  background-size: cover;
}
.colorful-side-nav li {
  background-color: #00695c;
}
.colorful-side-nav li:hover, .colorful-side-nav li.active {
  background-color: rgb(0, 130.5, 114.3428571429);
}
.colorful-side-nav p {
  color: #fff;
}
.colorful-side-nav .collapsible a {
  margin: 0;
  color: #fff;
}
.colorful-side-nav .collapsible a:active {
  background-color: rgb(0, 130.5, 114.3428571429);
}
.colorful-side-nav .collapsible a.active {
  background-color: rgb(0, 130.5, 114.3428571429);
}
.colorful-side-nav .collapsible > li {
  padding: 0;
}
.colorful-side-nav .social {
  border-top: 1px solid #26a69a;
  border-bottom: 1px solid #26a69a;
}
.colorful-side-nav .social a {
  color: #fff;
}

.stylish-side-nav {
  background-color: #3E4551;
}
.stylish-side-nav .logo-wrapper {
  background: url("http://mdbootstrap.com/images/regular/nature/img%20(26).jpg") no-repeat center center;
  background-size: cover;
}
.stylish-side-nav li {
  background-color: #3E4551;
}
.stylish-side-nav li:hover, .stylish-side-nav li.active {
  background-color: #4B515D;
}
.stylish-side-nav p {
  color: #fff;
}
.stylish-side-nav .collapsible a {
  margin: 0;
  color: #fff;
}
.stylish-side-nav .collapsible a:active {
  background-color: #4B515D;
}
.stylish-side-nav .collapsible a.active {
  background-color: #4B515D;
}
.stylish-side-nav .collapsible > li {
  padding: 0;
}
.stylish-side-nav .social {
  border-top: 1px solid #4B515D;
  border-bottom: 1px solid #4B515D;
}
.stylish-side-nav .social a {
  color: #fff;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed;
}
.side-nav.fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width : 1440px) {
  .side-nav.fixed {
    transform: translateX(-105%);
  }
  .side-nav.fixed.right-aligned {
    transform: translateX(105%);
  }
}
#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity;
}

.side-nav .double-navbar .bc-min {
  padding: 5px 10px;
}
.side-nav .double-navbar .bc-min .button-collapse {
  padding-left: 0px;
}

.light-side-nav .search-form ::-webkit-input-placeholder {
  color: #1C2331 !important;
}
.light-side-nav .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #1C2331 !important;
}
.light-side-nav .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1C2331 !important;
}
.light-side-nav .search-form :-ms-input-placeholder {
  color: #1C2331 !important;
}
.light-side-nav .search-form input[type=text] {
  border-bottom: 1px solid #1C2331;
}
.light-side-nav .search-form .form-control {
  color: #1C2331;
}

.persistent-side-nav {
  display: flex;
  flex-direction: column;
}
.persistent-side-nav.hide-nav {
  display: none !important;
}
.persistent-side-nav.show-nav {
  display: flex !important;
}
.persistent-side-nav .navigation-item, .persistent-side-nav .subnavigation-item {
  background: #f5f5f5;
  color: #212121 !important;
  font-weight: 400;
  border: none;
  padding: 0 16px;
  height: 56px;
  width: 240px;
  text-align: left;
  margin: 0;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.persistent-side-nav .navigation-item:hover, .persistent-side-nav .subnavigation-item:hover {
  background: #e0e0e0;
}
.persistent-side-nav .navigation-item.active, .persistent-side-nav .active.subnavigation-item {
  background: #e0e0e0;
}
.persistent-side-nav .navigation-item a, .persistent-side-nav .subnavigation-item a {
  color: inherit;
}
.persistent-side-nav .subnavigation-item {
  padding: 0 32px;
}
.persistent-side-nav .expansion-wrapper {
  display: inline-block;
}
.persistent-side-nav .rotate-icon {
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
.persistent-side-nav .rotate-icon.open {
  transform: rotate(180deg);
  transition: transform 300ms ease-in-out;
}
.persistent-side-nav .expansion:active {
  background: #F5F5F5;
}
.persistent-side-nav ul.expansion-content {
  display: none;
  margin: 0 !important;
  padding: 0 !important;
}

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

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-align: center;
  margin: 0 auto;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  text-transform: uppercase;
  color: #ffeb3b;
  font-weight: 500;
}

/*Additional properties for button version
 * *iOS requires the button element instead of an anchor tag.
 * *If you want the anchor version, it requires `href="#"`. */
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center.bottom-nav-present {
  bottom: 69px;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides */
  display: flex;
  flex-direction: column;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
}

#toast-container > .toast-info {
  background: #323232;
  display: flex;
}
#toast-container > .toast-info .toast-action {
  text-transform: uppercase;
  color: #ffeb3b;
  font-weight: 500;
}

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  margin: auto;
  max-width: 945px;
  min-width: 300px;
  width: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
}

/*Responsive Design */
@media all and (max-width: 240px) {
  #toast-container {
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
  }
  #toast-container .col, #toast-container .n2-search-bar {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #toast-container > div {
    margin: 0;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container {
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
  }
  #toast-container .col, #toast-container .n2-search-bar {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #toast-container > div {
    margin: 0;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
.nav-pills .nav-item a {
  color: #666;
}
.nav-pills .nav-item .active {
  background-color: transparent;
  color: #2196F3;
  border-left: 2px solid #2196F3;
  font-weight: 500;
}
.nav-pills .nav-item .active:hover, .nav-pills .nav-item .active:active, .nav-pills .nav-item .active:focus {
  background-color: transparent;
  color: #2196F3;
  font-weight: 500;
}
.nav-pills .nav-item:hover {
  background-color: transparent;
  color: #2196F3;
  font-weight: 500;
  border-left: 1px solid #2196F3;
}

.nav-pills .nav-item + .nav-item {
  margin-left: 0;
}

@media only screen and (max-width: 991px) {
  .sticky,
  .sticky-placeholder {
    display: none;
  }
}
#scrollspy {
  width: 120px;
}

@media only screen and (max-width: 992px) {
  .col-md-4 .sticky, .two-column-form__sidebar .sticky, .col-lg-4 .sticky, .col-xl-4 .sticky {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) {
  .col-md-4 .sticky .col-lg-4 .sticky, .two-column-form__sidebar .sticky .col-lg-4 .sticky, .col-xl-4 .sticky {
    width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .col-md-4 .sticky, .two-column-form__sidebar .sticky {
    width: 300px;
  }
}
@media only screen and (min-width: 1400px) {
  .col-md-4 .sticky, .two-column-form__sidebar .sticky {
    width: 350px;
  }
}
.dotted-scrollspy {
  display: block;
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.55);
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  -o-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.dotted-scrollspy li {
  display: block;
  padding: 0 16px;
}
.dotted-scrollspy li:first-child {
  padding-top: 10px;
}
.dotted-scrollspy li:last-child {
  padding-bottom: 10px;
}
.dotted-scrollspy li a span {
  display: block;
  background-color: rgba(255, 255, 255, 0.54);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.dotted-scrollspy li a.active span {
  background: #fff;
}

.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.5;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

.parallax {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 300px;
  perspective: 300px;
  -webkit-perspective-origin-x: 100%;
  perspective-origin-x: 100%;
  padding: 0;
  margin: 0;
}

.parallax-section {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: auto;
}

.parallax-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin-x: 100%;
  transform-origin-x: 100%;
}

.parallax-layer-front {
  -webkit-transform: translateZ(90px) scale(0.7);
  transform: translateZ(90px) scale(0.7);
  z-index: 1;
}

.parallax-layer-base {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 4;
}

.parallax-layer-back {
  -webkit-transform: translateZ(-200px) scale(2);
  transform: translateZ(-200px) scale(2);
  z-index: 3;
  margin-left: -10px;
}

.parallax-layer-deep {
  -webkit-transform: translateZ(-600px) scale(3);
  transform: translateZ(-600px) scale(3);
  z-index: 2;
}

.stepper > li > a {
  padding: 24px;
  text-align: center;
}
.stepper > li > a .circle {
  background-color: #bdbdbd;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 8px;
}
.stepper > li > a .header {
  color: #bdbdbd;
  display: inline-block;
}
.stepper > li.active > a .circle, .stepper > li.completed > a .circle {
  background-color: #2196F3;
}
.stepper > li.completed .circle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.stepper > li.completed .circle i {
  font-size: 20px;
}

.stepper-horizontal {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.stepper-horizontal > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.stepper-horizontal > li > a {
  display: flex;
  flex-direction: row;
}
.stepper-horizontal > li:not(:last-child):after {
  content: "";
  position: relative;
  flex: 1;
  margin: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.stepper-horizontal > li:not(:first-child):before {
  content: "";
  position: relative;
  flex: 1;
  margin: 0 0rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.stepper-vertical {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stepper-vertical > li {
  display: flex;
  align-items: center;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.stepper-vertical > li > a {
  align-self: flex-start;
  display: flex;
  position: relative;
}
.stepper-vertical > li > a .circle {
  order: 1;
}
.stepper-vertical > li > a .header {
  flex-flow: column nowrap;
  order: 2;
}
.stepper-vertical > li .step-content {
  display: block;
  margin-top: 0;
  margin-left: 50px;
  padding: 15px;
}
.stepper-vertical > li .step-content p {
  font-size: 0.875rem;
}
.stepper-vertical > li:not(:last-child):after {
  content: " ";
  position: absolute;
  width: 1px;
  height: calc(100% - 40px);
  left: 35px;
  top: 55px;
  background-color: rgba(0, 0, 0, 0.1);
}

.progress {
  box-shadow: none;
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
  background-color: #eee;
}
.progress .progress-bar {
  box-shadow: none;
  height: 4px;
  border-radius: 0;
  background-color: rgb(10.2307692308, 109.9807692308, 189.2692307692);
}
.progress .progress-bar-animated {
  -webkit-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
}
.progress .indeterminate {
  background-color: #90caf9;
}
.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  -moz-animation-delay: 1.15s;
  -ms-animation-delay: 1.15s;
  -o-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/*********************
 * *  CIRCLE
 * ********************** */
/* *  @license
 * *  Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 * *  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 * *  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 * *  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 * *  Code distributed by Google as part of the polymer project is also
 * *  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */
/************************* */
/* STYLES FOR THE SPINNER */
/************************* */
/* * Constants:
 * *      STROKEWIDTH = 3px
 * *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 * *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 * *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 * *                                should rotate each time, 216 gives us a
 * *                                5 pointed star shape (it's 360/5 * 3).
 * *                                For a 7 pointed star, we might do
 * *                                360/7 * 3 = 154.286)
 * *      CONTAINERWIDTH = 28px
 * *      SHRINK_TIME = 400ms */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}
.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}
.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

.spinner-white,
.spinner-white-only {
  border-color: #ffffff;
}

/**
 * * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 * *
 * * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * * animation-delay and instead set custom keyframes for each color (as redundant as it
 * * seems).
 * *
 * * We write out each animation in full (instead of separating animation-name,
 * * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * * specific properties properly, treats them as -webkit-animation, and overrides the
 * * other animation rules. See https://github.com/Polymer/platform/issues/53. */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-white-only,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only,
.active .spinner-layer.spinner-primary-color-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#mdb-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  /* change if the mask should have another color then white */
  z-index: 9998;
  /* makes sure it stays on top */
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .scrolling-navbar {
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .scrolling-navbar .navbar-nav > li {
    transition-duration: 1s;
  }
  .top-nav-collapse {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.scrolling-navbar,
.double-nav {
  z-index: 100;
}

.double-nav {
  color: #fff;
}
.double-nav a {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}
.double-nav .dropdown .dropdown-menu a {
  padding: 1rem;
  color: #616161;
}
.double-nav .breadcrumb-dn {
  float: left;
}
.double-nav .breadcrumb-dn p {
  margin: 0;
  padding-top: 0;
  padding-left: 1rem;
  font-weight: 300;
}
.double-nav .button-collapse {
  position: absolute;
  top: 1px;
  left: 10px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 1440px) {
  .double-nav .button-collapse {
    display: none;
  }
}
@media only screen and (max-width: 993px) {
  .double-nav .breadcrumb-dn {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .double-nav .nav-icons li a {
    font-size: 0.7rem;
    margin-right: 3px;
  }
  .double-nav .nav-icons li a .fa {
    font-size: 1.3rem;
  }
}
.double-nav .nav-counter {
  position: absolute;
  margin-left: -10px;
  margin-top: -5px;
  background-color: red;
  color: #fff;
  padding: 1px 5px;
  font-size: 10px;
  z-index: 222;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border-radius: 10rem;
}
.double-nav .nav-icons {
  padding: 0;
  margin: 0;
  text-align: right;
}
.double-nav .nav-icons li {
  display: inline-block;
  text-align: center;
}
.double-nav .nav-icons li a {
  color: #fff;
  font-size: 0.7rem;
  margin-right: 3px;
}
.double-nav .nav-icons li a .fa {
  font-size: 1.3rem;
}

.navbar .nav-item .nav-link .fa, .section-header .nav-item .nav-link .fa {
  padding-left: 3px;
  padding-right: 3px;
}
.navbar .nav-item.avatar, .section-header .nav-item.avatar {
  padding: 0;
}
.navbar .nav-item.avatar.active, .section-header .nav-item.avatar.active {
  background-color: transparent !important;
}
.navbar .nav-item.avatar .dropdown-toggle, .section-header .nav-item.avatar .dropdown-toggle {
  padding: 0;
}
.navbar .nav-item.avatar .dropdown-toggle img, .section-header .nav-item.avatar .dropdown-toggle img {
  height: 35px;
}
.navbar .nav-item.avatar .dropdown-toggle:after, .section-header .nav-item.avatar .dropdown-toggle:after {
  display: none;
}

@media only screen and (max-width: 992px) {
  .double-nav {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .double-nav .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .navbar .navbar-desktop, .section-header .navbar-desktop {
    display: none;
  }
}
@media (min-width: 1440px) {
  .navbar .button-collapse, .section-header .button-collapse {
    display: none;
  }
}
@media (max-width: 1440px) {
  .navbar .button-collapse, .section-header .button-collapse {
    display: block;
    position: relative;
    font-size: 1.4rem;
    margin-right: 10px;
    margin-left: 10px;
  }
}

.header-breadcrumb {
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
  font-size: 15px;
}
.header-breadcrumb .breadcrumb-item.active {
  color: #fff;
}
.header-breadcrumb .breadcrumb-item:before {
  color: #fff;
}

input.block-selection[type=radio][type=radio]:not(:checked) + label.block-selection-label, input.block-selection[type=checkbox][type=radio]:not(:checked) + label.block-selection-label {
  color: #9e9e9e;
}
input.block-selection[type=radio] + label.block-selection-label, input.block-selection[type=checkbox] + label.block-selection-label {
  font-size: 15px;
  border: 2px solid #f5f5f5;
  color: #424242;
}
input.block-selection[type=radio]:checked + label.block-selection-label, input.block-selection[type=checkbox]:checked + label.block-selection-label {
  border: 2px solid #2196F3;
}

/* Remove default Radio Buttons */
input[type=radio]:not(:checked):not(.browser-default),
input[type=radio]:checked:not(.browser-default) {
  position: absolute;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

input[type=radio]:not(:checked):not(.browser-default) + label,
input[type=radio]:checked:not(.browser-default) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  font-size: 1rem;
  margin-right: 24px;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

input[type=radio]:not(.browser-default) + label:before,
input[type=radio]:not(.browser-default) + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -moz-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  -ms-transition: 0.28s ease;
  transition: 0.28s ease;
}

/* Unchecked styles */
input[type=radio]:not(:checked):not(.browser-default) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
}

input[type=radio]:not(:checked):not(.browser-default) + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
input[type=radio]:checked:not(.browser-default) + label:before {
  border-radius: 50%;
  border: 2px solid transparent;
}

input[type=radio]:checked:not(.browser-default) + label:after {
  border-radius: 50%;
  border: 2px solid #2196F3;
  background-color: #2196F3;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
input[type=radio].with-gap:checked:not(.browser-default) + label:before {
  border-radius: 50%;
  border: 2px solid #2196F3;
}

input[type=radio].with-gap:checked:not(.browser-default) + label:after {
  border-radius: 50%;
  border: 2px solid #2196F3;
  background-color: #2196F3;
  z-index: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

/* Disabled Radio With gap */
input[type=radio].with-gap:disabled:checked:not(.browser-default) + label:before {
  border: 2px solid rgba(0, 0, 0, 0.46);
}

input[type=radio].with-gap:disabled:checked:not(.browser-default) + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.46);
}

/* Disabled style */
input[type=radio]:disabled:not(:checked):not(.browser-default) + label:before,
input[type=radio]:disabled:checked:not(.browser-default) + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.46);
}

input[type=radio]:disabled:not(.browser-default) + label {
  color: rgba(0, 0, 0, 0.46);
}

input[type=radio]:disabled:not(:checked):not(.browser-default) + label:before {
  border-color: rgba(0, 0, 0, 0.46);
}

input[type=radio]:disabled:checked:not(.browser-default) + label:after {
  background-color: rgba(0, 0, 0, 0.46);
  border-color: #bdbdbd;
}

/***************
 * *   Checkboxes
 * *************** */
/* Remove default checkbox*/
[type=checkbox]:not(:checked):not(.browser-default),
[type=checkbox]:checked:not(.browser-default) {
  position: absolute;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

[type=checkbox]:not(.browser-default) {
  /* checkbox aspect*/
}
[type=checkbox]:not(.browser-default):after {
  content: none !important;
}
[type=checkbox]:not(.browser-default) + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers*/
  -moz-user-select: none;
  /* mozilla browsers*/
  -khtml-user-select: none;
  /* webkit (konqueror) browsers*/
  -ms-user-select: none;
  /* IE10+*/
}
[type=checkbox]:not(.browser-default) + label:after {
  border-radius: 2px;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
}
[type=checkbox]:not(.browser-default) + label:before {
  top: 3px;
  left: 1px;
  width: 8px;
  height: 13px;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
[type=checkbox]:not(.browser-default) + label:before,
[type=checkbox]:not(.browser-default) + label:after {
  content: "";
  position: absolute;
  /* .1s delay is for check animation*/
  transition: border 0.25s, background-color 0.25s;
  z-index: 1;
}
[type=checkbox]:not(.browser-default):not(:checked) + label:before {
  border: 3px solid transparent;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}
[type=checkbox]:not(.browser-default):not(:checked) + label:after {
  background-color: transparent;
  border: 2px solid #5a5a5a;
  z-index: 0;
}
[type=checkbox]:not(.browser-default):not(:checked):disabled + label:before {
  border: 2px solid rgba(0, 0, 0, 0.46);
}

[type=checkbox]:checked:not(.browser-default) + label:before {
  top: 3px;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-backface-visibility: hidden;
}
[type=checkbox]:checked:not(.browser-default) + label:after {
  top: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid #2196F3;
  background-color: #2196F3;
  z-index: 0;
}
[type=checkbox]:checked:not(.browser-default):disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.46);
  border-bottom: 2px solid rgba(0, 0, 0, 0.46);
  background-color: transparent;
}
[type=checkbox]:checked:not(.browser-default):disabled + label:after {
  background-color: #BBDEFB;
  border-color: #BBDEFB;
}

[type=checkbox]:not(:checked):not(.browser-default):disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}
[type=checkbox]:not(:checked):not(.browser-default):disabled:not(:checked) + label:after {
  border-color: #bdbdbd;
}

/* Indeterminate checkbox*/
[type=checkbox]:indeterminate:not(.browser-default) + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #2196F3;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
[type=checkbox]:indeterminate:not(.browser-default):disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.46);
  background-color: transparent;
}

.md-table [type=checkbox]:not(.browser-default):not(:checked) + label:before {
  left: 5px;
  top: 0px;
}
.md-table [type=checkbox]:not(.browser-default):not(:checked) + label:after {
  top: -6px;
}
.md-table [type=checkbox]:not(.browser-default):checked + label:before {
  top: -6px;
}
.md-table [type=checkbox]:not(.browser-default):checked + label:after {
  top: -6px;
}

[type=checkbox].filled-in-danger:not(.browser-default) + label:after {
  border-radius: 2px;
}
[type=checkbox].filled-in-danger:not(.browser-default) + label:before,
[type=checkbox].filled-in-danger:not(.browser-default) + label:after {
  content: "";
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
[type=checkbox].filled-in-danger:not(.browser-default):not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}
[type=checkbox].filled-in-danger:not(.browser-default):not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}
[type=checkbox].filled-in-danger:not(.browser-default):checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
[type=checkbox].filled-in-danger:not(.browser-default):checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  background-color: red;
  z-index: 0;
}

/***************
 * *  Select Field
 * *************** */
.n2-select ul {
  width: 100% !important;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}
.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  padding: 1px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ced4da;
  outline: none;
  height: 2.1rem;
  line-height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.select-wrapper .select-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.select-wrapper span.select-caret {
  color: initial;
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 18px;
}
.select-wrapper span.select-caret.disabled {
  color: rgba(0, 0, 0, 0.46);
}
.select-wrapper + label {
  position: absolute;
  top: -14px;
  font-size: 0.8rem;
  color: #757575;
}

.n2-select.invalid input {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}
.n2-select.invalid + label.invalid {
  color: #F44336 !important;
}
.n2-select.invalid + label.invalid + small.invalid {
  color: #F44336 !important;
}
.n2-select.invalid + small.invalid {
  color: #F44336 !important;
}
.n2-select + label + small {
  position: absolute;
  margin-top: -13px;
}
.n2-select + small {
  position: absolute;
  margin-top: -13px;
}

.selectize.invalid .selectize-input {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}
.selectize.invalid + label.invalid {
  color: #F44336 !important;
}
.selectize.invalid + label.invalid + small.invalid {
  color: #F44336 !important;
}
.selectize.invalid + small.invalid {
  color: #F44336 !important;
}
.selectize + label + small {
  position: absolute;
  top: 32px;
}
.selectize + small {
  position: absolute;
  top: 32px;
}

select {
  display: none;
}

select.browser-default {
  display: block;
}

select:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent !important;
  cursor: context-menu;
}

.select-dropdown li {
  white-space: normal !important;
}
.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}
.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}
.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}
.select-dropdown li.optgroup ~ li:not(.optgroup) {
  padding-left: 1rem;
}

.multiple-select-dropdown li [type=checkbox] + label {
  height: 10px;
}

select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/***************
 * *     Switch
 * *************** */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.switch label {
  width: auto !important;
  cursor: pointer;
  margin-bottom: 0.5rem !important;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #BBDEFB;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #2196F3;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #bdbdbd;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #f5f5f5;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px;
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #bdbdbd;
}

/*********************
 * *      File Input
 * ********************** */
.file-field {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.file-field .btn {
  margin-bottom: 6px;
}
.file-field .file-path-wrapper {
  position: relative;
  margin-left: 8px;
  flex: 1;
}
.file-field .file-path-wrapper label {
  cursor: pointer;
}
.file-field .file-path-wrapper.invalid input {
  border-bottom: 1px solid #F44336 !important;
  box-shadow: 0 1px 0 0 #F44336 !important;
}
.file-field .file-path-wrapper.invalid input + small {
  color: #F44336 !important;
}
.file-field input.file-path {
  width: 100%;
  cursor: pointer;
}
.file-field span {
  cursor: pointer;
}
.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

.btn-file {
  padding-top: 1px;
}

/***************
 * *      Range
 * *************** */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0px;
  padding: 0;
}

input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #2196F3;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #2196F3;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #2196F3;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range] {
  /* fix for FF unable to apply focus style bug */
  border: 1px solid white;
  /*required for proper track sizing in FF */
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #2196F3;
  margin-top: -5px;
}

/*hide the outline behind the border */
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
  background: #ccc;
}

input[type=range]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks */
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #2196F3;
}

input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

input[type=range]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks */
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #2196F3;
}

input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

.input-group .input-group-addon {
  background-color: #e0e0e0;
}
.input-group .input-group-addon [type=checkbox] + label {
  padding-left: 18px;
  height: 13px;
}
.input-group .input-group-addon [type=radio] + label {
  padding-left: 24px;
  height: 13px;
}
.input-group .input-group-addon ::-webkit-input-placeholder {
  padding-left: 7px;
  padding-top: 2px;
}
.input-group .input-group-addon :-moz-placeholder {
  /* Firefox 18- */
  padding-left: 7px;
  padding-top: 2px;
}
.input-group .input-group-addon ::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 7px;
  padding-top: 2px;
}
.input-group .input-group-addon :-ms-input-placeholder {
  padding-left: 7px;
  padding-top: 2px;
}
.input-group span {
  z-index: 10;
}
.input-group .form-control {
  margin-top: 3px;
}

.radio-collection-wrapper, .checkbox-collection-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.radio-collection-wrapper > label, .checkbox-collection-wrapper > label {
  padding-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  top: 0px;
}
.radio-collection-wrapper + small, .checkbox-collection-wrapper + small {
  position: absolute;
  top: 32px;
}
.radio-collection-wrapper.invalid:before, .checkbox-collection-wrapper.invalid:before {
  content: " ";
  position: absolute;
  top: -4px;
  width: calc(100% + 16px);
  height: calc(100% + 8px);
  left: -8px;
  border: #F44336 2px solid;
}
.radio-collection-wrapper.invalid + small.invalid, .checkbox-collection-wrapper.invalid + small.invalid {
  color: #F44336 !important;
  margin-top: 0px;
  top: unset;
  bottom: -22px;
}

.mdb-autocomplete {
  margin-bottom: 1px;
}

.mdb-autocomplete-clear {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0.85rem;
  background: transparent;
  border: none;
}
.mdb-autocomplete-clear svg {
  fill: #a6a6a6;
}

.mdb-autocomplete-wrap {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
  max-height: 210px;
  overflow-y: auto;
}
.mdb-autocomplete-wrap li {
  cursor: pointer;
  padding: 12px 15px;
  font-size: 0.875rem;
}
.mdb-autocomplete-wrap li:hover {
  background: rgb(238, 238, 238);
}

[type=checkbox].red:checked + label:after {
  border: 2px solid #F44336;
  background-color: #F44336;
}
[type=checkbox].red:checked.active {
  color: #F44336;
}

[type=radio].with-gap:checked.red + label:before {
  border: 2px solid #F44336;
}

[type=radio].with-gap:checked.red + label:after {
  border: 2px solid #F44336;
  background-color: #F44336;
}

[type=radio]:checked.red + label:after {
  border: 2px solid #F44336;
  background-color: #F44336;
}

.switch label input[type=checkbox]:checked.red + .lever {
  background-color: #FFCDD2;
}

.switch label input[type=checkbox]:checked.red + .lever:after {
  background-color: #F44336;
}

input[type=range].red + .thumb {
  background-color: #F44336;
}

input[type=range].red::-webkit-slider-thumb {
  background-color: #F44336;
}

input[type=range].red::-moz-range-thumb {
  background: #F44336;
}

input[type=range].red::-ms-thumb {
  background: #F44336;
}

.select-wrapper.red {
  background-color: initial !important;
}
.select-wrapper.red [type=checkbox]:checked + label:before {
  border-right: 2px solid #F44336;
  border-bottom: 2px solid #F44336;
}

[type=checkbox].pink:checked + label:after {
  border: 2px solid #e91e63;
  background-color: #e91e63;
}
[type=checkbox].pink:checked.active {
  color: #e91e63;
}

[type=radio].with-gap:checked.pink + label:before {
  border: 2px solid #e91e63;
}

[type=radio].with-gap:checked.pink + label:after {
  border: 2px solid #e91e63;
  background-color: #e91e63;
}

[type=radio]:checked.pink + label:after {
  border: 2px solid #e91e63;
  background-color: #e91e63;
}

.switch label input[type=checkbox]:checked.pink + .lever {
  background-color: #f8bbd0;
}

.switch label input[type=checkbox]:checked.pink + .lever:after {
  background-color: #e91e63;
}

input[type=range].pink + .thumb {
  background-color: #e91e63;
}

input[type=range].pink::-webkit-slider-thumb {
  background-color: #e91e63;
}

input[type=range].pink::-moz-range-thumb {
  background: #e91e63;
}

input[type=range].pink::-ms-thumb {
  background: #e91e63;
}

.select-wrapper.pink {
  background-color: initial !important;
}
.select-wrapper.pink [type=checkbox]:checked + label:before {
  border-right: 2px solid #e91e63;
  border-bottom: 2px solid #e91e63;
}

[type=checkbox].purple:checked + label:after {
  border: 2px solid #9c27b0;
  background-color: #9c27b0;
}
[type=checkbox].purple:checked.active {
  color: #9c27b0;
}

[type=radio].with-gap:checked.purple + label:before {
  border: 2px solid #9c27b0;
}

[type=radio].with-gap:checked.purple + label:after {
  border: 2px solid #9c27b0;
  background-color: #9c27b0;
}

[type=radio]:checked.purple + label:after {
  border: 2px solid #9c27b0;
  background-color: #9c27b0;
}

.switch label input[type=checkbox]:checked.purple + .lever {
  background-color: #e1bee7;
}

.switch label input[type=checkbox]:checked.purple + .lever:after {
  background-color: #9c27b0;
}

input[type=range].purple + .thumb {
  background-color: #9c27b0;
}

input[type=range].purple::-webkit-slider-thumb {
  background-color: #9c27b0;
}

input[type=range].purple::-moz-range-thumb {
  background: #9c27b0;
}

input[type=range].purple::-ms-thumb {
  background: #9c27b0;
}

.select-wrapper.purple {
  background-color: initial !important;
}
.select-wrapper.purple [type=checkbox]:checked + label:before {
  border-right: 2px solid #9c27b0;
  border-bottom: 2px solid #9c27b0;
}

[type=checkbox].deep-purple:checked + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7;
}
[type=checkbox].deep-purple:checked.active {
  color: #673ab7;
}

[type=radio].with-gap:checked.deep-purple + label:before {
  border: 2px solid #673ab7;
}

[type=radio].with-gap:checked.deep-purple + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7;
}

[type=radio]:checked.deep-purple + label:after {
  border: 2px solid #673ab7;
  background-color: #673ab7;
}

.switch label input[type=checkbox]:checked.deep-purple + .lever {
  background-color: #d1c4e9;
}

.switch label input[type=checkbox]:checked.deep-purple + .lever:after {
  background-color: #673ab7;
}

input[type=range].deep-purple + .thumb {
  background-color: #673ab7;
}

input[type=range].deep-purple::-webkit-slider-thumb {
  background-color: #673ab7;
}

input[type=range].deep-purple::-moz-range-thumb {
  background: #673ab7;
}

input[type=range].deep-purple::-ms-thumb {
  background: #673ab7;
}

.select-wrapper.deep-purple {
  background-color: initial !important;
}
.select-wrapper.deep-purple [type=checkbox]:checked + label:before {
  border-right: 2px solid #673ab7;
  border-bottom: 2px solid #673ab7;
}

[type=checkbox].indigo:checked + label:after {
  border: 2px solid #3f51b5;
  background-color: #3f51b5;
}
[type=checkbox].indigo:checked.active {
  color: #3f51b5;
}

[type=radio].with-gap:checked.indigo + label:before {
  border: 2px solid #3f51b5;
}

[type=radio].with-gap:checked.indigo + label:after {
  border: 2px solid #3f51b5;
  background-color: #3f51b5;
}

[type=radio]:checked.indigo + label:after {
  border: 2px solid #3f51b5;
  background-color: #3f51b5;
}

.switch label input[type=checkbox]:checked.indigo + .lever {
  background-color: #c5cae9;
}

.switch label input[type=checkbox]:checked.indigo + .lever:after {
  background-color: #3f51b5;
}

input[type=range].indigo + .thumb {
  background-color: #3f51b5;
}

input[type=range].indigo::-webkit-slider-thumb {
  background-color: #3f51b5;
}

input[type=range].indigo::-moz-range-thumb {
  background: #3f51b5;
}

input[type=range].indigo::-ms-thumb {
  background: #3f51b5;
}

.select-wrapper.indigo {
  background-color: initial !important;
}
.select-wrapper.indigo [type=checkbox]:checked + label:before {
  border-right: 2px solid #3f51b5;
  border-bottom: 2px solid #3f51b5;
}

[type=checkbox].blue:checked + label:after {
  border: 2px solid #2196F3;
  background-color: #2196F3;
}
[type=checkbox].blue:checked.active {
  color: #2196F3;
}

[type=radio].with-gap:checked.blue + label:before {
  border: 2px solid #2196F3;
}

[type=radio].with-gap:checked.blue + label:after {
  border: 2px solid #2196F3;
  background-color: #2196F3;
}

[type=radio]:checked.blue + label:after {
  border: 2px solid #2196F3;
  background-color: #2196F3;
}

.switch label input[type=checkbox]:checked.blue + .lever {
  background-color: #BBDEFB;
}

.switch label input[type=checkbox]:checked.blue + .lever:after {
  background-color: #2196F3;
}

input[type=range].blue + .thumb {
  background-color: #2196F3;
}

input[type=range].blue::-webkit-slider-thumb {
  background-color: #2196F3;
}

input[type=range].blue::-moz-range-thumb {
  background: #2196F3;
}

input[type=range].blue::-ms-thumb {
  background: #2196F3;
}

.select-wrapper.blue {
  background-color: initial !important;
}
.select-wrapper.blue [type=checkbox]:checked + label:before {
  border-right: 2px solid #2196F3;
  border-bottom: 2px solid #2196F3;
}

[type=checkbox].light-blue:checked + label:after {
  border: 2px solid #03a9f4;
  background-color: #03a9f4;
}
[type=checkbox].light-blue:checked.active {
  color: #03a9f4;
}

[type=radio].with-gap:checked.light-blue + label:before {
  border: 2px solid #03a9f4;
}

[type=radio].with-gap:checked.light-blue + label:after {
  border: 2px solid #03a9f4;
  background-color: #03a9f4;
}

[type=radio]:checked.light-blue + label:after {
  border: 2px solid #03a9f4;
  background-color: #03a9f4;
}

.switch label input[type=checkbox]:checked.light-blue + .lever {
  background-color: #b3e5fc;
}

.switch label input[type=checkbox]:checked.light-blue + .lever:after {
  background-color: #03a9f4;
}

input[type=range].light-blue + .thumb {
  background-color: #03a9f4;
}

input[type=range].light-blue::-webkit-slider-thumb {
  background-color: #03a9f4;
}

input[type=range].light-blue::-moz-range-thumb {
  background: #03a9f4;
}

input[type=range].light-blue::-ms-thumb {
  background: #03a9f4;
}

.select-wrapper.light-blue {
  background-color: initial !important;
}
.select-wrapper.light-blue [type=checkbox]:checked + label:before {
  border-right: 2px solid #03a9f4;
  border-bottom: 2px solid #03a9f4;
}

[type=checkbox].cyan:checked + label:after {
  border: 2px solid #00bcd4;
  background-color: #00bcd4;
}
[type=checkbox].cyan:checked.active {
  color: #00bcd4;
}

[type=radio].with-gap:checked.cyan + label:before {
  border: 2px solid #00bcd4;
}

[type=radio].with-gap:checked.cyan + label:after {
  border: 2px solid #00bcd4;
  background-color: #00bcd4;
}

[type=radio]:checked.cyan + label:after {
  border: 2px solid #00bcd4;
  background-color: #00bcd4;
}

.switch label input[type=checkbox]:checked.cyan + .lever {
  background-color: #b2ebf2;
}

.switch label input[type=checkbox]:checked.cyan + .lever:after {
  background-color: #00bcd4;
}

input[type=range].cyan + .thumb {
  background-color: #00bcd4;
}

input[type=range].cyan::-webkit-slider-thumb {
  background-color: #00bcd4;
}

input[type=range].cyan::-moz-range-thumb {
  background: #00bcd4;
}

input[type=range].cyan::-ms-thumb {
  background: #00bcd4;
}

.select-wrapper.cyan {
  background-color: initial !important;
}
.select-wrapper.cyan [type=checkbox]:checked + label:before {
  border-right: 2px solid #00bcd4;
  border-bottom: 2px solid #00bcd4;
}

[type=checkbox].teal:checked + label:after {
  border: 2px solid #009688;
  background-color: #009688;
}
[type=checkbox].teal:checked.active {
  color: #009688;
}

[type=radio].with-gap:checked.teal + label:before {
  border: 2px solid #009688;
}

[type=radio].with-gap:checked.teal + label:after {
  border: 2px solid #009688;
  background-color: #009688;
}

[type=radio]:checked.teal + label:after {
  border: 2px solid #009688;
  background-color: #009688;
}

.switch label input[type=checkbox]:checked.teal + .lever {
  background-color: #b2dfdb;
}

.switch label input[type=checkbox]:checked.teal + .lever:after {
  background-color: #009688;
}

input[type=range].teal + .thumb {
  background-color: #009688;
}

input[type=range].teal::-webkit-slider-thumb {
  background-color: #009688;
}

input[type=range].teal::-moz-range-thumb {
  background: #009688;
}

input[type=range].teal::-ms-thumb {
  background: #009688;
}

.select-wrapper.teal {
  background-color: initial !important;
}
.select-wrapper.teal [type=checkbox]:checked + label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688;
}

[type=checkbox].green:checked + label:after {
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
}
[type=checkbox].green:checked.active {
  color: #4CAF50;
}

[type=radio].with-gap:checked.green + label:before {
  border: 2px solid #4CAF50;
}

[type=radio].with-gap:checked.green + label:after {
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
}

[type=radio]:checked.green + label:after {
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
}

.switch label input[type=checkbox]:checked.green + .lever {
  background-color: #C8E6C9;
}

.switch label input[type=checkbox]:checked.green + .lever:after {
  background-color: #4CAF50;
}

input[type=range].green + .thumb {
  background-color: #4CAF50;
}

input[type=range].green::-webkit-slider-thumb {
  background-color: #4CAF50;
}

input[type=range].green::-moz-range-thumb {
  background: #4CAF50;
}

input[type=range].green::-ms-thumb {
  background: #4CAF50;
}

.select-wrapper.green {
  background-color: initial !important;
}
.select-wrapper.green [type=checkbox]:checked + label:before {
  border-right: 2px solid #4CAF50;
  border-bottom: 2px solid #4CAF50;
}

[type=checkbox].light-green:checked + label:after {
  border: 2px solid #8bc34a;
  background-color: #8bc34a;
}
[type=checkbox].light-green:checked.active {
  color: #8bc34a;
}

[type=radio].with-gap:checked.light-green + label:before {
  border: 2px solid #8bc34a;
}

[type=radio].with-gap:checked.light-green + label:after {
  border: 2px solid #8bc34a;
  background-color: #8bc34a;
}

[type=radio]:checked.light-green + label:after {
  border: 2px solid #8bc34a;
  background-color: #8bc34a;
}

.switch label input[type=checkbox]:checked.light-green + .lever {
  background-color: #dcedc8;
}

.switch label input[type=checkbox]:checked.light-green + .lever:after {
  background-color: #8bc34a;
}

input[type=range].light-green + .thumb {
  background-color: #8bc34a;
}

input[type=range].light-green::-webkit-slider-thumb {
  background-color: #8bc34a;
}

input[type=range].light-green::-moz-range-thumb {
  background: #8bc34a;
}

input[type=range].light-green::-ms-thumb {
  background: #8bc34a;
}

.select-wrapper.light-green {
  background-color: initial !important;
}
.select-wrapper.light-green [type=checkbox]:checked + label:before {
  border-right: 2px solid #8bc34a;
  border-bottom: 2px solid #8bc34a;
}

[type=checkbox].lime:checked + label:after {
  border: 2px solid #cddc39;
  background-color: #cddc39;
}
[type=checkbox].lime:checked.active {
  color: #cddc39;
}

[type=radio].with-gap:checked.lime + label:before {
  border: 2px solid #cddc39;
}

[type=radio].with-gap:checked.lime + label:after {
  border: 2px solid #cddc39;
  background-color: #cddc39;
}

[type=radio]:checked.lime + label:after {
  border: 2px solid #cddc39;
  background-color: #cddc39;
}

.switch label input[type=checkbox]:checked.lime + .lever {
  background-color: #f0f4c3;
}

.switch label input[type=checkbox]:checked.lime + .lever:after {
  background-color: #cddc39;
}

input[type=range].lime + .thumb {
  background-color: #cddc39;
}

input[type=range].lime::-webkit-slider-thumb {
  background-color: #cddc39;
}

input[type=range].lime::-moz-range-thumb {
  background: #cddc39;
}

input[type=range].lime::-ms-thumb {
  background: #cddc39;
}

.select-wrapper.lime {
  background-color: initial !important;
}
.select-wrapper.lime [type=checkbox]:checked + label:before {
  border-right: 2px solid #cddc39;
  border-bottom: 2px solid #cddc39;
}

[type=checkbox].yellow:checked + label:after {
  border: 2px solid #ffeb3b;
  background-color: #ffeb3b;
}
[type=checkbox].yellow:checked.active {
  color: #ffeb3b;
}

[type=radio].with-gap:checked.yellow + label:before {
  border: 2px solid #ffeb3b;
}

[type=radio].with-gap:checked.yellow + label:after {
  border: 2px solid #ffeb3b;
  background-color: #ffeb3b;
}

[type=radio]:checked.yellow + label:after {
  border: 2px solid #ffeb3b;
  background-color: #ffeb3b;
}

.switch label input[type=checkbox]:checked.yellow + .lever {
  background-color: #fff9c4;
}

.switch label input[type=checkbox]:checked.yellow + .lever:after {
  background-color: #ffeb3b;
}

input[type=range].yellow + .thumb {
  background-color: #ffeb3b;
}

input[type=range].yellow::-webkit-slider-thumb {
  background-color: #ffeb3b;
}

input[type=range].yellow::-moz-range-thumb {
  background: #ffeb3b;
}

input[type=range].yellow::-ms-thumb {
  background: #ffeb3b;
}

.select-wrapper.yellow {
  background-color: initial !important;
}
.select-wrapper.yellow [type=checkbox]:checked + label:before {
  border-right: 2px solid #ffeb3b;
  border-bottom: 2px solid #ffeb3b;
}

[type=checkbox].amber:checked + label:after {
  border: 2px solid #ffc107;
  background-color: #ffc107;
}
[type=checkbox].amber:checked.active {
  color: #ffc107;
}

[type=radio].with-gap:checked.amber + label:before {
  border: 2px solid #ffc107;
}

[type=radio].with-gap:checked.amber + label:after {
  border: 2px solid #ffc107;
  background-color: #ffc107;
}

[type=radio]:checked.amber + label:after {
  border: 2px solid #ffc107;
  background-color: #ffc107;
}

.switch label input[type=checkbox]:checked.amber + .lever {
  background-color: #ffecb3;
}

.switch label input[type=checkbox]:checked.amber + .lever:after {
  background-color: #ffc107;
}

input[type=range].amber + .thumb {
  background-color: #ffc107;
}

input[type=range].amber::-webkit-slider-thumb {
  background-color: #ffc107;
}

input[type=range].amber::-moz-range-thumb {
  background: #ffc107;
}

input[type=range].amber::-ms-thumb {
  background: #ffc107;
}

.select-wrapper.amber {
  background-color: initial !important;
}
.select-wrapper.amber [type=checkbox]:checked + label:before {
  border-right: 2px solid #ffc107;
  border-bottom: 2px solid #ffc107;
}

[type=checkbox].orange:checked + label:after {
  border: 2px solid #ff9800;
  background-color: #ff9800;
}
[type=checkbox].orange:checked.active {
  color: #ff9800;
}

[type=radio].with-gap:checked.orange + label:before {
  border: 2px solid #ff9800;
}

[type=radio].with-gap:checked.orange + label:after {
  border: 2px solid #ff9800;
  background-color: #ff9800;
}

[type=radio]:checked.orange + label:after {
  border: 2px solid #ff9800;
  background-color: #ff9800;
}

.switch label input[type=checkbox]:checked.orange + .lever {
  background-color: #ffe0b2;
}

.switch label input[type=checkbox]:checked.orange + .lever:after {
  background-color: #ff9800;
}

input[type=range].orange + .thumb {
  background-color: #ff9800;
}

input[type=range].orange::-webkit-slider-thumb {
  background-color: #ff9800;
}

input[type=range].orange::-moz-range-thumb {
  background: #ff9800;
}

input[type=range].orange::-ms-thumb {
  background: #ff9800;
}

.select-wrapper.orange {
  background-color: initial !important;
}
.select-wrapper.orange [type=checkbox]:checked + label:before {
  border-right: 2px solid #ff9800;
  border-bottom: 2px solid #ff9800;
}

[type=checkbox].deep-orange:checked + label:after {
  border: 2px solid #ff5722;
  background-color: #ff5722;
}
[type=checkbox].deep-orange:checked.active {
  color: #ff5722;
}

[type=radio].with-gap:checked.deep-orange + label:before {
  border: 2px solid #ff5722;
}

[type=radio].with-gap:checked.deep-orange + label:after {
  border: 2px solid #ff5722;
  background-color: #ff5722;
}

[type=radio]:checked.deep-orange + label:after {
  border: 2px solid #ff5722;
  background-color: #ff5722;
}

.switch label input[type=checkbox]:checked.deep-orange + .lever {
  background-color: #ffccbc;
}

.switch label input[type=checkbox]:checked.deep-orange + .lever:after {
  background-color: #ff5722;
}

input[type=range].deep-orange + .thumb {
  background-color: #ff5722;
}

input[type=range].deep-orange::-webkit-slider-thumb {
  background-color: #ff5722;
}

input[type=range].deep-orange::-moz-range-thumb {
  background: #ff5722;
}

input[type=range].deep-orange::-ms-thumb {
  background: #ff5722;
}

.select-wrapper.deep-orange {
  background-color: initial !important;
}
.select-wrapper.deep-orange [type=checkbox]:checked + label:before {
  border-right: 2px solid #ff5722;
  border-bottom: 2px solid #ff5722;
}

[type=checkbox].brown:checked + label:after {
  border: 2px solid #795548;
  background-color: #795548;
}
[type=checkbox].brown:checked.active {
  color: #795548;
}

[type=radio].with-gap:checked.brown + label:before {
  border: 2px solid #795548;
}

[type=radio].with-gap:checked.brown + label:after {
  border: 2px solid #795548;
  background-color: #795548;
}

[type=radio]:checked.brown + label:after {
  border: 2px solid #795548;
  background-color: #795548;
}

.switch label input[type=checkbox]:checked.brown + .lever {
  background-color: #d7ccc8;
}

.switch label input[type=checkbox]:checked.brown + .lever:after {
  background-color: #795548;
}

input[type=range].brown + .thumb {
  background-color: #795548;
}

input[type=range].brown::-webkit-slider-thumb {
  background-color: #795548;
}

input[type=range].brown::-moz-range-thumb {
  background: #795548;
}

input[type=range].brown::-ms-thumb {
  background: #795548;
}

.select-wrapper.brown {
  background-color: initial !important;
}
.select-wrapper.brown [type=checkbox]:checked + label:before {
  border-right: 2px solid #795548;
  border-bottom: 2px solid #795548;
}

[type=checkbox].blue-grey:checked + label:after {
  border: 2px solid #607d8b;
  background-color: #607d8b;
}
[type=checkbox].blue-grey:checked.active {
  color: #607d8b;
}

[type=radio].with-gap:checked.blue-grey + label:before {
  border: 2px solid #607d8b;
}

[type=radio].with-gap:checked.blue-grey + label:after {
  border: 2px solid #607d8b;
  background-color: #607d8b;
}

[type=radio]:checked.blue-grey + label:after {
  border: 2px solid #607d8b;
  background-color: #607d8b;
}

.switch label input[type=checkbox]:checked.blue-grey + .lever {
  background-color: #cfd8dc;
}

.switch label input[type=checkbox]:checked.blue-grey + .lever:after {
  background-color: #607d8b;
}

input[type=range].blue-grey + .thumb {
  background-color: #607d8b;
}

input[type=range].blue-grey::-webkit-slider-thumb {
  background-color: #607d8b;
}

input[type=range].blue-grey::-moz-range-thumb {
  background: #607d8b;
}

input[type=range].blue-grey::-ms-thumb {
  background: #607d8b;
}

.select-wrapper.blue-grey {
  background-color: initial !important;
}
.select-wrapper.blue-grey [type=checkbox]:checked + label:before {
  border-right: 2px solid #607d8b;
  border-bottom: 2px solid #607d8b;
}

[type=checkbox].grey:checked + label:after {
  border: 2px solid #9e9e9e;
  background-color: #9e9e9e;
}
[type=checkbox].grey:checked.active {
  color: #9e9e9e;
}

[type=radio].with-gap:checked.grey + label:before {
  border: 2px solid #9e9e9e;
}

[type=radio].with-gap:checked.grey + label:after {
  border: 2px solid #9e9e9e;
  background-color: #9e9e9e;
}

[type=radio]:checked.grey + label:after {
  border: 2px solid #9e9e9e;
  background-color: #9e9e9e;
}

.switch label input[type=checkbox]:checked.grey + .lever {
  background-color: #f5f5f5;
}

.switch label input[type=checkbox]:checked.grey + .lever:after {
  background-color: #9e9e9e;
}

input[type=range].grey + .thumb {
  background-color: #9e9e9e;
}

input[type=range].grey::-webkit-slider-thumb {
  background-color: #9e9e9e;
}

input[type=range].grey::-moz-range-thumb {
  background: #9e9e9e;
}

input[type=range].grey::-ms-thumb {
  background: #9e9e9e;
}

.select-wrapper.grey {
  background-color: initial !important;
}
.select-wrapper.grey [type=checkbox]:checked + label:before {
  border-right: 2px solid #9e9e9e;
  border-bottom: 2px solid #9e9e9e;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* *	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* *	Background is added as a separate element.
 * *	As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/* *	stretched thumbnail or div placeholder element (see below)
 * *	style is added to avoid flickering in webkit/blink when layers overlap */
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/* *	div element that matches size of large image
 * *	large image loads on top of it */
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/* *	Error message appears when image is not loaded
 * *	(JS option errorMsg controls markup) */
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* *
 * *	Contents:
 * *
 * *	1. Buttons
 * *	2. Share modal and links
 * *	3. Index indicator ("1 of X" counter)
 * *	4. Caption
 * *	5. Loading indicator
 * *	6. Additional styles (root element, top bar, idle state, hidden state, etc.) */
/* *
 * *	1. Buttons */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/* *	Arrow buttons hit area
 * *	(icon is added to :before pseudo-element) */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

/* *
 * *	2. Share modal/popup and links */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/* *
 * *	3. Index indicator ("1 of X" counter) */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/* *
 * *	4. Caption */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/* *
 * *	5. Loading indicator (preloader)
 * *
 * *	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  /* background: url(/images/lightbox/preloader.gif) 0 0 no-repeat*/
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* * 			The idea of animating inner circle is based on Polymer ("material") loading indicator
  * * 			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/* *
 * *	6. Additional styles */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/* *	pswp__ui--hidden class is added when controls are hidden
 * *	e.g. when user taps to toggle visibility of controls */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.mdb-lightbox figure {
  margin: 0;
  float: left;
}
.mdb-lightbox figure .img-fluid, .mdb-lightbox figure .section img, .section .mdb-lightbox figure img,
.mdb-lightbox figure .section .view,
.section .mdb-lightbox figure .view, .mdb-lightbox figure .card img, .mdb-lightbox figure .month-card img, .card .mdb-lightbox figure img, .month-card .mdb-lightbox figure img, .mdb-lightbox figure .side-nav .logo-wrapper img, .side-nav .logo-wrapper .mdb-lightbox figure img {
  display: inline;
}
.mdb-lightbox figure img {
  cursor: zoom-in;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.mdb-lightbox figure img:hover {
  opacity: 0.8;
}
.mdb-lightbox.no-margin .col-xs-1,
.mdb-lightbox.no-margin .col-xs-2,
.mdb-lightbox.no-margin .col-xs-3,
.mdb-lightbox.no-margin .col-xs-4,
.mdb-lightbox.no-margin .col-xs-5,
.mdb-lightbox.no-margin .col-xs-6,
.mdb-lightbox.no-margin .col-xs-7,
.mdb-lightbox.no-margin .col-xs-8,
.mdb-lightbox.no-margin .col-xs-9,
.mdb-lightbox.no-margin .col-xs-10,
.mdb-lightbox.no-margin .col-xs-11,
.mdb-lightbox.no-margin .col-xs-12,
.mdb-lightbox.no-margin .navbar-secondary,
.mdb-lightbox.no-margin .section-header,
.mdb-lightbox.no-margin .section-content,
.mdb-lightbox.no-margin .col-sm-1,
.mdb-lightbox.no-margin .col-sm-2,
.mdb-lightbox.no-margin .col-sm-3,
.mdb-lightbox.no-margin .col-sm-4,
.mdb-lightbox.no-margin .col-sm-5,
.mdb-lightbox.no-margin .col-sm-6,
.mdb-lightbox.no-margin .col-sm-7,
.mdb-lightbox.no-margin .col-sm-8,
.mdb-lightbox.no-margin .col-sm-9,
.mdb-lightbox.no-margin .col-sm-10,
.mdb-lightbox.no-margin .col-sm-11,
.mdb-lightbox.no-margin .col-sm-12,
.mdb-lightbox.no-margin .col-md-1,
.mdb-lightbox.no-margin .col-md-2,
.mdb-lightbox.no-margin .col-md-3,
.mdb-lightbox.no-margin .col-md-4,
.mdb-lightbox.no-margin .two-column-form__sidebar,
.mdb-lightbox.no-margin .col-md-5,
.mdb-lightbox.no-margin .col-md-6,
.mdb-lightbox.no-margin .col-md-7,
.mdb-lightbox.no-margin .col-md-8,
.mdb-lightbox.no-margin .two-column-form__main,
.mdb-lightbox.no-margin .col-md-9,
.mdb-lightbox.no-margin .col-md-10,
.mdb-lightbox.no-margin .col-md-11,
.mdb-lightbox.no-margin .col-md-12,
.mdb-lightbox.no-margin .col-lg-1,
.mdb-lightbox.no-margin .col-lg-2,
.mdb-lightbox.no-margin .col-lg-3,
.mdb-lightbox.no-margin .col-lg-4,
.mdb-lightbox.no-margin .col-lg-5,
.mdb-lightbox.no-margin .col-lg-6,
.mdb-lightbox.no-margin .col-lg-7,
.mdb-lightbox.no-margin .col-lg-8,
.mdb-lightbox.no-margin .col-lg-9,
.mdb-lightbox.no-margin .col-lg-10,
.mdb-lightbox.no-margin .col-lg-11,
.mdb-lightbox.no-margin .col-lg-12,
.mdb-lightbox.no-margin .col-xl-1,
.mdb-lightbox.no-margin .col-xl-2,
.mdb-lightbox.no-margin .col-xl-3,
.mdb-lightbox.no-margin .col-xl-4,
.mdb-lightbox.no-margin .col-xl-5,
.mdb-lightbox.no-margin .col-xl-6,
.mdb-lightbox.no-margin .col-xl-7,
.mdb-lightbox.no-margin .col-xl-8,
.mdb-lightbox.no-margin .col-xl-9,
.mdb-lightbox.no-margin .col-xl-10,
.mdb-lightbox.no-margin .col-xl-11,
.mdb-lightbox.no-margin .col-xl-12 {
  padding: 0;
}
.mdb-lightbox .col-xs-1,
.mdb-lightbox .col-xs-2,
.mdb-lightbox .col-xs-3,
.mdb-lightbox .col-xs-4,
.mdb-lightbox .col-xs-5,
.mdb-lightbox .col-xs-6,
.mdb-lightbox .col-xs-7,
.mdb-lightbox .col-xs-8,
.mdb-lightbox .col-xs-9,
.mdb-lightbox .col-xs-10,
.mdb-lightbox .col-xs-11,
.mdb-lightbox .col-xs-12,
.mdb-lightbox .navbar-secondary,
.mdb-lightbox .section-header,
.mdb-lightbox .section-content,
.mdb-lightbox .col-sm-1,
.mdb-lightbox .col-sm-2,
.mdb-lightbox .col-sm-3,
.mdb-lightbox .col-sm-4,
.mdb-lightbox .col-sm-5,
.mdb-lightbox .col-sm-6,
.mdb-lightbox .col-sm-7,
.mdb-lightbox .col-sm-8,
.mdb-lightbox .col-sm-9,
.mdb-lightbox .col-sm-10,
.mdb-lightbox .col-sm-11,
.mdb-lightbox .col-sm-12,
.mdb-lightbox .col-md-1,
.mdb-lightbox .col-md-2,
.mdb-lightbox .col-md-3,
.mdb-lightbox .col-md-4,
.mdb-lightbox .two-column-form__sidebar,
.mdb-lightbox .col-md-5,
.mdb-lightbox .col-md-6,
.mdb-lightbox .col-md-7,
.mdb-lightbox .col-md-8,
.mdb-lightbox .two-column-form__main,
.mdb-lightbox .col-md-9,
.mdb-lightbox .col-md-10,
.mdb-lightbox .col-md-11,
.mdb-lightbox .col-md-12,
.mdb-lightbox .col-lg-1,
.mdb-lightbox .col-lg-2,
.mdb-lightbox .col-lg-3,
.mdb-lightbox .col-lg-4,
.mdb-lightbox .col-lg-5,
.mdb-lightbox .col-lg-6,
.mdb-lightbox .col-lg-7,
.mdb-lightbox .col-lg-8,
.mdb-lightbox .col-lg-9,
.mdb-lightbox .col-lg-10,
.mdb-lightbox .col-lg-11,
.mdb-lightbox .col-lg-12,
.mdb-lightbox .col-xl-1,
.mdb-lightbox .col-xl-2,
.mdb-lightbox .col-xl-3,
.mdb-lightbox .col-xl-4,
.mdb-lightbox .col-xl-5,
.mdb-lightbox .col-xl-6,
.mdb-lightbox .col-xl-7,
.mdb-lightbox .col-xl-8,
.mdb-lightbox .col-xl-9,
.mdb-lightbox .col-xl-10,
.mdb-lightbox .col-xl-11,
.mdb-lightbox .col-xl-12 {
  padding: 0.5rem;
}

/*********************
 * * Modals
 * ********************** */
.modal-content {
  border: none;
  border-radius: 0;
}

.modal-ext .modal-content .modal-header {
  text-align: center;
}
.modal-ext .modal-content .options {
  float: left;
}
.modal-ext .modal-content .modal-body .text-xs-center fieldset {
  margin-top: 20px;
}
.modal-ext .modal-content .call {
  margin-top: 1rem;
}
.modal-ext .modal-content .modal-body {
  padding: 2rem 2rem 1rem 2rem;
}

.modal-content .close {
  position: absolute;
  right: 15px;
}

.modal-cart li p {
  margin: 5px;
  font-weight: 400;
}
.modal-cart li p .badge {
  margin-left: 10px;
  margin-top: 3px;
  font-weight: 400;
  position: absolute;
}
.modal-cart li p .quantity {
  font-size: 16px;
  margin-right: 7px;
  font-weight: 300;
}
.modal-cart .cartPageLink {
  margin-left: 10px;
}
.modal-cart .cartPageLink a {
  text-decoration: underline;
  color: #666;
}
.modal-cart .total {
  float: right;
  font-weight: 400;
}

.cf-phone {
  margin-left: 7px;
}

.side-modal {
  position: fixed;
  width: 400px;
  height: 100%;
  width: 100%;
  z-index: 9999;
}
.side-modal .modal-dialog {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 400px;
  margin: 10px;
}
@media (max-width: 760px) {
  .side-modal .modal-dialog {
    display: none;
  }
}
.side-modal .modal-header {
  padding: 1rem;
}
.side-modal .modal-header .heading {
  margin: 0;
  padding: 0;
}
.side-modal .modal-content {
  border: none;
}

.side-modal.fade:not(.in) .modal-dialog {
  -webkit-transform: translate3d(25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}

.transparent-bd {
  opacity: 0 !important;
}

a.dropdown-button:hover {
  color: #424242;
}

.dropdown-button {
  color: #424242;
  position: relative;
}
.dropdown-button.with-chevron {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  border-bottom: solid 1px #e0e0e0;
}
.dropdown-button.with-chevron:hover, .dropdown-button.with-chevron:focus {
  color: #212121 !important;
}
.dropdown-button.with-chevron:before {
  content: "▾";
  position: absolute;
  right: 0;
}
.dropdown-button.in-header {
  cursor: pointer;
  color: #424242;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 28px;
}
.dropdown-button.in-header:before {
  content: "▾";
  position: absolute;
  right: 0;
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 990;
  will-change: width, height;
}
.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
  text-transform: none;
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected, .dropdown-content li.active.selected {
  background-color: #fafafa;
}
.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}
.dropdown-content li > a, .dropdown-content li > span {
  color: #212121;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

.input-field.col .dropdown-content [type=checkbox] + label, .input-field.n2-search-bar .dropdown-content [type=checkbox] + label {
  top: 1px;
  left: 0;
  height: 18px;
}

.dropdown-content-right {
  right: 15px !important;
  left: auto !important;
  width: 180px;
}

.dropdown-content-top-0 {
  top: 0 !important;
}

.dropdown-content-auto {
  display: inline-block;
  right: auto !important;
  left: -15px !important;
}

.min-chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.min-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}

.percent:after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #eceff1;
  margin-bottom: 1rem;
  margin-right: 1rem;
  transition: all 300ms ease-in-out;
}
.chip.actionable:hover {
  filter: invert(10%) opacity(90%) brightness(103%);
}
.chip img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
  padding-left: 8px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.chips {
  border: none;
  border-bottom: 1px solid #ced4da;
  box-shadow: none;
  margin-bottom: 30px;
  min-height: 45px;
  outline: none;
  padding-bottom: 1rem;
  transition: all 0.3s;
}
.chips.focus {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
.chips:hover {
  cursor: text;
}
.chips .tag.selected {
  border-bottom: 1px solid #2196F3;
  color: #fff;
}
.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  margin-right: 20px;
  line-height: 32px;
  outline: 0;
  padding: 0 !important;
  width: 120px !important;
}
.chips .input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

/*********************
 * *Additional button styles
 * **********************/
.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #26a69a;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
  vertical-align: middle;
  margin: 10px;
}
.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 37px;
}
.btn-floating:before {
  border-radius: 0;
}
.btn-floating.btn-large {
  width: 55.5px;
  height: 55.5px;
}
.btn-floating.btn-large i {
  line-height: 55.5px;
}
.btn-floating.btn-small, .card .card-share .social-reveal .btn-floating, .month-card .card-share .social-reveal .btn-floating {
  height: 47px;
  width: 47px;
  line-height: 0;
}
.btn-floating.btn-small .fa, .card .card-share .social-reveal .btn-floating .fa, .month-card .card-share .social-reveal .btn-floating .fa,
.btn-floating.btn-small .material-icons,
.card .card-share .social-reveal .btn-floating .material-icons,
.month-card .card-share .social-reveal .btn-floating .material-icons {
  font-size: 18px;
  margin-top: 5px;
}

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

.btn-fab {
  margin: 0;
  padding: 15px;
  font-size: 26px;
  width: 56px;
  height: 56px;
}
.btn-fab,
.btn-fab .ripple-wrapper {
  border-radius: 100%;
}
.btn-fab.btn-mini {
  width: 40px;
  height: 40px;
  padding: 13px;
  font-size: 15px;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998;
}
.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
}
.fixed-action-btn ul li {
  margin-bottom: 15px;
}
.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.btn-flat, .segmented-controls .segmented-control, .btn-stroked {
  display: inline-block;
  border-radius: 2px;
  background-color: transparent;
  position: relative;
  padding: 8px 16px;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  outline: none !important;
  color: #2196F3;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  margin: 6px;
  line-height: 17.5px;
}
.btn-flat.with-icon:hover, .segmented-controls .with-icon.segmented-control:hover, .with-icon.btn-stroked:hover, .btn-flat.with-icon:focus, .segmented-controls .with-icon.segmented-control:focus, .with-icon.btn-stroked:focus {
  background-color: transparent;
}
.btn-flat:hover, .segmented-controls .segmented-control:hover, .btn-stroked:hover {
  background-color: #f5f5f5;
}
.btn-flat:focus, .segmented-controls .segmented-control:focus, .btn-stroked:focus {
  background-color: #eeeeee;
}
.btn-flat.disabled, .segmented-controls .disabled.segmented-control, .disabled.btn-stroked, .btn-flat:disabled, .segmented-controls .segmented-control:disabled, .btn-stroked:disabled {
  color: #BBDEFB;
  cursor: no-drop;
}
.btn-flat.disabled:hover, .segmented-controls .disabled.segmented-control:hover, .disabled.btn-stroked:hover, .btn-flat.disabled:focus, .segmented-controls .disabled.segmented-control:focus, .disabled.btn-stroked:focus, .btn-flat:disabled:hover, .segmented-controls .segmented-control:disabled:hover, .btn-stroked:disabled:hover, .btn-flat:disabled:focus, .segmented-controls .segmented-control:disabled:focus, .btn-stroked:disabled:focus {
  background-color: transparent;
}

.btn-rounded, .segmented-controls .segmented-control:last-of-type, .segmented-controls .segmented-control:first-of-type {
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  -o-border-radius: 10em;
  border-radius: 10em;
}

.nav-pills.md-pills .nav-item .active {
  border: none;
  background-color: #2196F3;
  color: #fff;
}
.nav-pills.md-pills .nav-item:hover {
  background-color: red;
  color: #2196F3;
  font-weight: 500;
  border-left: none;
}

.btn-stroked {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
}

/********************
 * *Segmented controls*
 * ********************/
.segmented-controls {
  display: flex;
  background: transparent !important;
  --component-color: #2196F3;
}
.segmented-controls.red {
  --component-color: #F44336;
}
.segmented-controls.pink {
  --component-color: #e91e63;
}
.segmented-controls.purple {
  --component-color: #9c27b0;
}
.segmented-controls.deep-purple {
  --component-color: #673ab7;
}
.segmented-controls.indigo {
  --component-color: #3f51b5;
}
.segmented-controls.blue {
  --component-color: #2196F3;
}
.segmented-controls.light-blue {
  --component-color: #03a9f4;
}
.segmented-controls.cyan {
  --component-color: #00bcd4;
}
.segmented-controls.teal {
  --component-color: #009688;
}
.segmented-controls.green {
  --component-color: #4CAF50;
}
.segmented-controls.light-green {
  --component-color: #8bc34a;
}
.segmented-controls.lime {
  --component-color: #cddc39;
}
.segmented-controls.yellow {
  --component-color: #ffeb3b;
}
.segmented-controls.amber {
  --component-color: #ffc107;
}
.segmented-controls.orange {
  --component-color: #ff9800;
}
.segmented-controls.deep-orange {
  --component-color: #ff5722;
}
.segmented-controls.brown {
  --component-color: #795548;
}
.segmented-controls.blue-grey {
  --component-color: #607d8b;
}
.segmented-controls.grey {
  --component-color: #9e9e9e;
}
.segmented-controls.shades {
  --component-color: ;
}
.segmented-controls .segmented-control {
  margin: 0;
  border-style: solid;
  border-radius: 0;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 0px;
  border-right-width: 2px;
  border-color: var(--component-color);
}
.segmented-controls .segmented-control.active {
  color: white;
  background-color: var(--component-color);
}
.segmented-controls .segmented-control:not(.active) {
  color: var(--component-color);
}
.segmented-controls .segmented-control:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left-width: 2px;
}
.segmented-controls .segmented-control:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card .card-data, .month-card .card-data {
  background-color: #3E4551;
  color: #fff;
  text-align: center;
  height: auto;
  padding: 10px;
}
.card .card-data ul, .month-card .card-data ul {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.card .card-data ul li, .month-card .card-data ul li {
  display: inline;
}
.card .card-data ul li .fa-clock-o, .month-card .card-data ul li .fa-clock-o {
  margin-left: 10px;
}
.card .card-data ul a, .month-card .card-data ul a {
  color: #fff;
}
.card .card-data ul a .fa, .month-card .card-data ul a .fa {
  margin-left: 5px;
  margin-right: 3px;
}
.card .rating, .month-card .rating {
  color: #ffa000;
}
.card .btn-action, .month-card .btn-action {
  margin: -23px 20px;
  margin-left: auto;
  background-color: #4B515D;
  height: 47px;
  width: 47px;
  line-height: 0;
}
.card .btn-action .fa, .month-card .btn-action .fa,
.card .btn-action .material-icons,
.month-card .btn-action .material-icons {
  font-size: 18px;
  margin-top: 5px;
}
.card .card-review, .month-card .card-review {
  margin-top: -1px;
  background-color: #000;
  color: #fff;
  padding: 50px 20px 20px 20px;
}
.card .card-review ul, .month-card .card-review ul {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.card .card-review ul li, .month-card .card-review ul li {
  display: inline;
}
.card .card-review ul a, .month-card .card-review ul a {
  color: #fff;
}
.card .card-review ul a .fa, .month-card .card-review ul a .fa {
  margin-left: 5px;
  margin-right: 3px;
}
.card .activator, .month-card .activator {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  margin-right: 10px;
  font-size: 1.2rem;
  color: #000;
}
.card .link-text, .month-card .link-text {
  text-align: right;
  color: #000;
}
.card .link-text i, .month-card .link-text i {
  margin-left: 4px;
}
.card.card-dark .activator, .card-dark.month-card .activator {
  color: #fff;
}
.card.card-dark .card-body, .card-dark.month-card .card-body, .card.card-dark .card-block, .card-dark.month-card .card-block {
  background-color: #2E2E2E;
  color: #fff;
}
.card.card-dark .card-body hr, .card-dark.month-card .card-body hr, .card.card-dark .card-block hr, .card-dark.month-card .card-block hr {
  background-color: #666;
}
.card.card-dark .card-body a, .card-dark.month-card .card-body a, .card.card-dark .card-block a, .card-dark.month-card .card-block a {
  color: #fff;
}
.card .card-reveal, .month-card .card-reveal {
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  top: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  padding: 1rem;
}
.card .card-reveal .card-title, .month-card .card-reveal .card-title {
  cursor: pointer;
}
.card .card-reveal .card-title i, .month-card .card-reveal .card-title i {
  color: #9e9e9e;
  position: absolute;
  right: 10px;
}
.card .card-reveal .content, .month-card .card-reveal .content {
  position: relative;
}
.card .card-reveal .content h4, .month-card .card-reveal .content h4, .card .card-reveal .content .dropdown-button.in-header, .month-card .card-reveal .content .dropdown-button.in-header {
  margin-top: 20px;
  margin-bottom: 15px;
}
.card .card-reveal .content h5, .month-card .card-reveal .content h5 {
  margin-top: 30px;
}
.card .card-share, .month-card .card-share {
  position: relative;
}
.card .card-share .social-reveal, .month-card .card-share .social-reveal {
  position: absolute;
  top: -28px;
  right: 30px;
  visibility: hidden;
  width: auto;
  transform: translateZ(0);
  transform: translateX(0px);
  transition: transform 0.35s ease;
}
.card .card-share .social-reveal .btn-floating, .month-card .card-share .social-reveal .btn-floating {
  margin: 0.3rem;
}
.card .card-share .social-reveal-active, .month-card .card-share .social-reveal-active {
  z-index: 11;
  visibility: visible;
  /*z-index: 3; */
  transform: translateZ(0);
  transform: translateX(-48px);
  transition: transform 0.35s ease;
}
.card.ovf-hidden, .ovf-hidden.month-card {
  overflow: hidden;
}
.card .card-footer, .month-card .card-footer {
  background-color: transparent;
  padding: 0.75rem 0.5rem 0 0.5rem;
}
.card .card-footer .left, .month-card .card-footer .left {
  float: left;
}
.card .card-footer .left .discount, .month-card .card-footer .left .discount {
  text-decoration: line-through;
  color: #9e9e9e;
  font-size: 1.1rem;
}
.card .card-footer .right, .month-card .card-footer .right {
  float: right;
  display: flex;
}
.card .card-footer .right a, .month-card .card-footer .right a {
  color: #9e9e9e;
  margin-left: 1rem;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.card .card-footer .right a:hover, .month-card .card-footer .right a:hover {
  color: #d50000;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.card .card-footer .right a.active, .month-card .card-footer .right a.active {
  color: #d50000;
}

.card-wrapper {
  margin: 0.5rem 0 1rem 0;
  height: 500px;
  position: relative;
  perspective: 800px;
  /* Front side */
  /* Card with rotate on click */
  /* Rotate icons */
  /* Animation */
  /* Click effect */
}
.card-wrapper .face {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.card-wrapper .face h4, .card-wrapper .face .dropdown-button.in-header {
  margin-bottom: 15px;
}
.card-wrapper .face h5 {
  margin-top: 30px;
}
.card-wrapper .face .content {
  text-align: left;
  padding: 15px;
}
.card-wrapper .face .content p {
  margin-bottom: 30px;
}
.card-wrapper .face .content .rotate-btn {
  padding: 1rem;
  margin-right: -8px;
  float: right;
  font-size: 1.2rem;
  color: #000;
}
.card-wrapper .card-up {
  overflow: hidden;
  height: 50%;
}
.card-wrapper .card-up img {
  min-width: 400px;
}
.card-wrapper .avatar {
  border-radius: 50%;
  display: block;
  height: 120px;
  margin: -65px auto 0;
  overflow: hidden;
  width: 120px;
}
.card-wrapper .avatar img {
  border: 5px solid #fff;
  background: none repeat scroll 0 0 #FFFFFF;
  width: 100%;
}
.card-wrapper .card-rotating {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.card-wrapper .card-rotating .content {
  position: relative;
}
.card-wrapper .card-rotating .content .rotate-btn {
  position: absolute;
  right: 8px;
  top: 0;
}
.card-wrapper .fa-repeat,
.card-wrapper .fa-undo {
  font-size: 20px;
  margin-top: 30px;
}
.card-wrapper .fa-undo {
  margin-top: 30px;
}
.card-wrapper .card-rotating {
  transform-style: preserve-3d;
}
.card-wrapper .front,
.card-wrapper .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
}
.card-wrapper .back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  padding: 1rem;
}
.card-wrapper .back .card-title {
  cursor: pointer;
}
.card-wrapper .back .card-title i {
  color: #9e9e9e;
  position: absolute;
  right: 20px;
}
.card-wrapper .card-rotating.effect__click.flipped .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card-wrapper .card-rotating.effect__click.flipped .back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.card-data {
  height: auto;
  padding: 10px;
  padding-left: 0;
}
.card-data ul {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.card-data ul li {
  display: inline;
}
.card-data ul a {
  color: #666;
}
.card-data ul a .fa {
  margin-left: 5px;
  margin-right: 3px;
}

.card-overlay {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 1.5rem;
  border-radius: 2px;
}
.card-overlay p {
  margin-bottom: 1rem;
}

.section-heading {
  text-align: center;
}
.section-heading h1 {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.section-heading p {
  margin-bottom: 3rem;
  margin-right: 15%;
  margin-left: 15%;
}

.card-cascade {
  display: inline-block;
}
.card-cascade .view {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.card-cascade.narrower {
  margin-top: 20px;
}
.card-cascade.narrower .view {
  margin-left: 4%;
  margin-right: 4%;
  margin-top: -20px;
}
.card-cascade.wider .card-body, .card-cascade.wider .card-block {
  margin-left: 4%;
  margin-right: 4%;
}
.card-cascade .card-body, .card-cascade .card-block {
  padding-top: 1.8rem;
}

.card-cascade-2 {
  display: inline-block;
}
.card-cascade-2 .view {
  margin-left: 0;
  margin-right: 0;
  margin-top: -20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.card-cascade-2 .card-body, .card-cascade-2 .card-block {
  margin-left: 10px;
  margin-right: 10px;
}

.cascading-media .embed-responsive .top {
  z-index: 51;
}
.cascading-media .jumbotron {
  text-align: center;
}
.cascading-media h2 {
  margin-bottom: 1rem;
}
.cascading-media h2 a {
  color: #424242;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.cascading-media h2 a:hover {
  color: #616161;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.cascading-media .excerpt,
.cascading-media .post-text {
  margin-left: 10%;
  margin-right: 10%;
  text-align: justify;
}
@media (max-width: 992px) {
  .cascading-media .excerpt,
  .cascading-media .post-text {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.cascading-media hr {
  display: block;
}
.cascading-media.cascading-video .jumbotron {
  padding-top: 4rem;
}

.embed-responsive-item {
  background: #000;
}

.carousel-multi-item {
  margin-bottom: 100px;
}
.carousel-multi-item .n2-carousel-indicators li {
  height: 20px;
  max-width: 20px;
  background-color: #2196F3;
  margin-bottom: -60px;
}
.carousel-multi-item .n2-carousel-indicators .active {
  height: 25px;
  max-width: 25px;
  background-color: #2196F3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.carousel-multi-item .controls-top {
  text-align: center;
  margin-bottom: 30px;
}
.carousel-multi-item .controls-top .btn-floating {
  background: #2196F3;
}
.carousel-multi-item .n2-carousel-indicators {
  margin-bottom: -2em;
}
.carousel-multi-item .card, .carousel-multi-item .month-card {
  margin: 1px;
}
.carousel-multi-item .card-cascade.narrower {
  margin-top: 20px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 992px) {
  .carousel-multi-item .n2-carousel-indicators li {
    margin-bottom: -30px;
  }
}
.carousel-thumbnails {
  margin-bottom: 80px;
}
.carousel-thumbnails .n2-carousel-indicators {
  margin-bottom: -75px;
  position: absolute;
}
.carousel-thumbnails .n2-carousel-indicators li {
  height: auto;
  max-width: 100px;
  border: none;
}
.carousel-thumbnails .n2-carousel-indicators .active {
  height: auto;
  width: auto;
  background-color: #fff;
  opacity: 0.5;
}
.carousel-thumbnails .n2-carousel-indicators img {
  max-width: 100px;
  height: 50px;
  overflow: hidden;
}

@media only screen and (max-width: 600px) {
  .carousel-thumbnails {
    margin-bottom: 60px;
  }
  .carousel-thumbnails .n2-carousel-indicators {
    margin-bottom: -60px;
  }
  .carousel-thumbnails .n2-carousel-indicators img {
    max-width: 50px;
    height: 25px;
  }
}
.accordion .card, .accordion .month-card {
  border-bottom: 1px solid #eee;
  box-shadow: none;
}
.accordion .card .card-header, .accordion .month-card .card-header {
  padding: 1rem 1.5rem;
  background: transparent;
  border-bottom: 0;
}
.accordion .card .card-header a:not(.collapsed) .rotate-icon, .accordion .month-card .card-header a:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.accordion .card .fa-angle-down, .accordion .month-card .fa-angle-down {
  float: right;
}
.accordion .card .card-body, .accordion .month-card .card-body, .accordion .card .card-block, .accordion .month-card .card-block {
  padding-top: 0.25rem;
}

.collapsible-body {
  display: none;
}

.collapsible .list-group-item .rotate-icon, .collapsible .list-group-borderless .list-group-item-header-row .rotate-icon, .list-group-borderless .collapsible .list-group-item-header-row .rotate-icon {
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}
.collapsible .list-group-item.active .collapsible-header .rotate-icon, .collapsible .list-group-borderless .active.list-group-item-header-row .collapsible-header .rotate-icon, .list-group-borderless .collapsible .active.list-group-item-header-row .collapsible-header .rotate-icon {
  transform: rotate(180deg);
}

.rotate-element {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-angle-down.rotate-icon {
  -webkit-transition: all 150ms ease-in 0s;
  -moz-transition: all 150ms ease-in 0s;
  -o-transition: all 150ms ease-in 0s;
  -ms-transition: all 150ms ease-in 0s;
  transition: all 150ms ease-in 0s;
}

.m-0, i.btn input[type=submit] {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0, .card-head h5, #article-placement-publication-ids .checkbox-collection-wrapper .hidden-sponsorship-select .md-form {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0, .n2-search-bar a.btn-flat, .n2-search-bar a.btn-stroked, .n2-search-bar .segmented-controls a.segmented-control, .segmented-controls .n2-search-bar a.segmented-control, i.btn input[type=submit], #toast-container > .toast-info .col, #toast-container > .toast-info .n2-search-bar {
  padding: 0px !important;
}

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

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

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

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

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

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.m-1, .cascading-media .jumbotron {
  margin: 8px !important;
}

.mt-1 {
  margin-top: 8px !important;
}

.mr-1 {
  margin-right: 8px !important;
}

.mb-1, .hidden-sponsorship-select .md-form {
  margin-bottom: 8px !important;
}

.ml-1 {
  margin-left: 8px !important;
}

.mx-1 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.my-1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-1 {
  padding: 8px !important;
}

.pt-1 {
  padding-top: 8px !important;
}

.pr-1 {
  padding-right: 8px !important;
}

.pb-1 {
  padding-bottom: 8px !important;
}

.pl-1 {
  padding-left: 8px !important;
}

.px-1, .year-month-option {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-1, .n2-search-bar input[type=text] {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.m-2 {
  margin: 16px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mr-2 {
  margin-right: 16px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.ml-2, .empty-search-input {
  margin-left: 16px !important;
}

.mx-2 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.my-2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-2 {
  padding: 16px !important;
}

.pt-2 {
  padding-top: 16px !important;
}

.pr-2 {
  padding-right: 16px !important;
}

.pb-2 {
  padding-bottom: 16px !important;
}

.pl-2, .toast-close-button, #toast-container > .toast-info .toast-action {
  padding-left: 16px !important;
}

.px-2 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.py-2, .year-month-option, #toast-container > div {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.m-3 {
  margin: 24px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mr-3 {
  margin-right: 24px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.ml-3 {
  margin-left: 24px !important;
}

.mx-3 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.my-3, .two-column-form__sidebar-label {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-3, .card-head, .side-nav .logo-wrapper img {
  padding: 24px !important;
}

.pt-3 {
  padding-top: 24px !important;
}

.pr-3 {
  padding-right: 24px !important;
}

.pb-3 {
  padding-bottom: 24px !important;
}

.pl-3 {
  padding-left: 24px !important;
}

.px-3, #toast-container > div {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.m-4 {
  margin: 32px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.mx-4 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.my-4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.p-4 {
  padding: 32px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.px-4 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.py-4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.m-5 {
  margin: 40px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.mr-5 {
  margin-right: 40px !important;
}

.mb-5, .action-buttons-row {
  margin-bottom: 40px !important;
}

.ml-5 {
  margin-left: 40px !important;
}

.mx-5 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my-5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-5 {
  padding: 40px !important;
}

.pt-5 {
  padding-top: 40px !important;
}

.pr-5 {
  padding-right: 40px !important;
}

.pb-5 {
  padding-bottom: 40px !important;
}

.pl-5 {
  padding-left: 40px !important;
}

.px-5 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.m-6 {
  margin: 48px !important;
}

.mt-6 {
  margin-top: 48px !important;
}

.mr-6 {
  margin-right: 48px !important;
}

.mb-6 {
  margin-bottom: 48px !important;
}

.ml-6 {
  margin-left: 48px !important;
}

.mx-6 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.p-6 {
  padding: 48px !important;
}

.pt-6 {
  padding-top: 48px !important;
}

.pr-6 {
  padding-right: 48px !important;
}

.pb-6 {
  padding-bottom: 48px !important;
}

.pl-6 {
  padding-left: 48px !important;
}

.px-6 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.py-6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.m-7 {
  margin: 56px !important;
}

.mt-7 {
  margin-top: 56px !important;
}

.mr-7 {
  margin-right: 56px !important;
}

.mb-7 {
  margin-bottom: 56px !important;
}

.ml-7 {
  margin-left: 56px !important;
}

.mx-7 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.my-7 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.p-7 {
  padding: 56px !important;
}

.pt-7 {
  padding-top: 56px !important;
}

.pr-7 {
  padding-right: 56px !important;
}

.pb-7 {
  padding-bottom: 56px !important;
}

.pl-7 {
  padding-left: 56px !important;
}

.px-7 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.m-8 {
  margin: 64px !important;
}

.mt-8 {
  margin-top: 64px !important;
}

.mr-8 {
  margin-right: 64px !important;
}

.mb-8 {
  margin-bottom: 64px !important;
}

.ml-8 {
  margin-left: 64px !important;
}

.mx-8 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.my-8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.p-8 {
  padding: 64px !important;
}

.pt-8 {
  padding-top: 64px !important;
}

.pr-8 {
  padding-right: 64px !important;
}

.pb-8 {
  padding-bottom: 64px !important;
}

.pl-8 {
  padding-left: 64px !important;
}

.px-8 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.py-8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.m-9 {
  margin: 72px !important;
}

.mt-9 {
  margin-top: 72px !important;
}

.mr-9 {
  margin-right: 72px !important;
}

.mb-9 {
  margin-bottom: 72px !important;
}

.ml-9 {
  margin-left: 72px !important;
}

.mx-9 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.my-9 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.p-9 {
  padding: 72px !important;
}

.pt-9 {
  padding-top: 72px !important;
}

.pr-9 {
  padding-right: 72px !important;
}

.pb-9 {
  padding-bottom: 72px !important;
}

.pl-9 {
  padding-left: 72px !important;
}

.px-9 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.py-9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.m-10 {
  margin: 80px !important;
}

.mt-10 {
  margin-top: 80px !important;
}

.mr-10 {
  margin-right: 80px !important;
}

.mb-10 {
  margin-bottom: 80px !important;
}

.ml-10 {
  margin-left: 80px !important;
}

.mx-10 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.my-10 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-10 {
  padding: 80px !important;
}

.pt-10, .two-column-form__sidebar {
  padding-top: 80px !important;
}

.pr-10 {
  padding-right: 80px !important;
}

.pb-10 {
  padding-bottom: 80px !important;
}

.pl-10 {
  padding-left: 80px !important;
}

.px-10 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.py-10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.m-11 {
  margin: 88px !important;
}

.mt-11 {
  margin-top: 88px !important;
}

.mr-11 {
  margin-right: 88px !important;
}

.mb-11 {
  margin-bottom: 88px !important;
}

.ml-11 {
  margin-left: 88px !important;
}

.mx-11 {
  margin-right: 88px !important;
  margin-left: 88px !important;
}

.my-11 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.p-11 {
  padding: 88px !important;
}

.pt-11 {
  padding-top: 88px !important;
}

.pr-11 {
  padding-right: 88px !important;
}

.pb-11 {
  padding-bottom: 88px !important;
}

.pl-11 {
  padding-left: 88px !important;
}

.px-11 {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.py-11 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.m-12 {
  margin: 96px !important;
}

.mt-12 {
  margin-top: 96px !important;
}

.mr-12 {
  margin-right: 96px !important;
}

.mb-12 {
  margin-bottom: 96px !important;
}

.ml-12 {
  margin-left: 96px !important;
}

.mx-12 {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.my-12 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.p-12 {
  padding: 96px !important;
}

.pt-12 {
  padding-top: 96px !important;
}

.pr-12 {
  padding-right: 96px !important;
}

.pb-12 {
  padding-bottom: 96px !important;
}

.pl-12 {
  padding-left: 96px !important;
}

.px-12 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.py-12 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.m-13 {
  margin: 104px !important;
}

.mt-13 {
  margin-top: 104px !important;
}

.mr-13 {
  margin-right: 104px !important;
}

.mb-13 {
  margin-bottom: 104px !important;
}

.ml-13 {
  margin-left: 104px !important;
}

.mx-13 {
  margin-right: 104px !important;
  margin-left: 104px !important;
}

.my-13 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.p-13 {
  padding: 104px !important;
}

.pt-13 {
  padding-top: 104px !important;
}

.pr-13 {
  padding-right: 104px !important;
}

.pb-13 {
  padding-bottom: 104px !important;
}

.pl-13 {
  padding-left: 104px !important;
}

.px-13 {
  padding-right: 104px !important;
  padding-left: 104px !important;
}

.py-13 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.m-14 {
  margin: 112px !important;
}

.mt-14 {
  margin-top: 112px !important;
}

.mr-14 {
  margin-right: 112px !important;
}

.mb-14 {
  margin-bottom: 112px !important;
}

.ml-14 {
  margin-left: 112px !important;
}

.mx-14 {
  margin-right: 112px !important;
  margin-left: 112px !important;
}

.my-14 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.p-14 {
  padding: 112px !important;
}

.pt-14 {
  padding-top: 112px !important;
}

.pr-14 {
  padding-right: 112px !important;
}

.pb-14 {
  padding-bottom: 112px !important;
}

.pl-14 {
  padding-left: 112px !important;
}

.px-14 {
  padding-right: 112px !important;
  padding-left: 112px !important;
}

.py-14 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.m-15 {
  margin: 120px !important;
}

.mt-15 {
  margin-top: 120px !important;
}

.mr-15 {
  margin-right: 120px !important;
}

.mb-15 {
  margin-bottom: 120px !important;
}

.ml-15 {
  margin-left: 120px !important;
}

.mx-15 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.my-15 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.p-15 {
  padding: 120px !important;
}

.pt-15 {
  padding-top: 120px !important;
}

.pr-15 {
  padding-right: 120px !important;
}

.pb-15 {
  padding-bottom: 120px !important;
}

.pl-15 {
  padding-left: 120px !important;
}

.px-15 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.py-15 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.m-0, i.btn input[type=submit] {
  margin: calc(0 * 8px) calc(0 * 8px) !important;
}

.mt-0 {
  margin-top: calc(0 * 8px) !important;
}

.mr-0 {
  margin-right: calc(0 * 8px) !important;
}

.mb-0, .card-head h5, #article-placement-publication-ids .checkbox-collection-wrapper .hidden-sponsorship-select .md-form {
  margin-bottom: calc(0 * 8px) !important;
}

.ml-0 {
  margin-left: calc(0 * 8px) !important;
}

.m-n0 {
  margin: calc(0 * -8px) calc(0 * -8px) !important;
}

.mt-n0 {
  margin-top: calc(0 * -8px) !important;
}

.mr-n0 {
  margin-right: calc(0 * -8px) !important;
}

.mb-n0 {
  margin-bottom: calc(0 * -8px) !important;
}

.ml-n0 {
  margin-left: calc(0 * -8px) !important;
}

.mx-0 {
  margin-right: calc(0 * 8px) !important;
  margin-left: calc(0 * 8px) !important;
}

.my-0 {
  margin-top: calc(0 * 8px) !important;
  margin-bottom: calc(0 * 8px) !important;
}

.m-1, .cascading-media .jumbotron {
  margin: calc(1 * 8px) calc(1 * 8px) !important;
}

.mt-1 {
  margin-top: calc(1 * 8px) !important;
}

.mr-1 {
  margin-right: calc(1 * 8px) !important;
}

.mb-1, .hidden-sponsorship-select .md-form {
  margin-bottom: calc(1 * 8px) !important;
}

.ml-1 {
  margin-left: calc(1 * 8px) !important;
}

.m-n1 {
  margin: calc(1 * -8px) calc(1 * -8px) !important;
}

.mt-n1 {
  margin-top: calc(1 * -8px) !important;
}

.mr-n1 {
  margin-right: calc(1 * -8px) !important;
}

.mb-n1 {
  margin-bottom: calc(1 * -8px) !important;
}

.ml-n1 {
  margin-left: calc(1 * -8px) !important;
}

.mx-1 {
  margin-right: calc(1 * 8px) !important;
  margin-left: calc(1 * 8px) !important;
}

.my-1 {
  margin-top: calc(1 * 8px) !important;
  margin-bottom: calc(1 * 8px) !important;
}

.m-2 {
  margin: calc(2 * 8px) calc(2 * 8px) !important;
}

.mt-2 {
  margin-top: calc(2 * 8px) !important;
}

.mr-2 {
  margin-right: calc(2 * 8px) !important;
}

.mb-2 {
  margin-bottom: calc(2 * 8px) !important;
}

.ml-2, .empty-search-input {
  margin-left: calc(2 * 8px) !important;
}

.m-n2 {
  margin: calc(2 * -8px) calc(2 * -8px) !important;
}

.mt-n2 {
  margin-top: calc(2 * -8px) !important;
}

.mr-n2 {
  margin-right: calc(2 * -8px) !important;
}

.mb-n2 {
  margin-bottom: calc(2 * -8px) !important;
}

.ml-n2 {
  margin-left: calc(2 * -8px) !important;
}

.mx-2 {
  margin-right: calc(2 * 8px) !important;
  margin-left: calc(2 * 8px) !important;
}

.my-2 {
  margin-top: calc(2 * 8px) !important;
  margin-bottom: calc(2 * 8px) !important;
}

.m-3 {
  margin: calc(3 * 8px) calc(3 * 8px) !important;
}

.mt-3 {
  margin-top: calc(3 * 8px) !important;
}

.mr-3 {
  margin-right: calc(3 * 8px) !important;
}

.mb-3 {
  margin-bottom: calc(3 * 8px) !important;
}

.ml-3 {
  margin-left: calc(3 * 8px) !important;
}

.m-n3 {
  margin: calc(3 * -8px) calc(3 * -8px) !important;
}

.mt-n3 {
  margin-top: calc(3 * -8px) !important;
}

.mr-n3 {
  margin-right: calc(3 * -8px) !important;
}

.mb-n3 {
  margin-bottom: calc(3 * -8px) !important;
}

.ml-n3 {
  margin-left: calc(3 * -8px) !important;
}

.mx-3 {
  margin-right: calc(3 * 8px) !important;
  margin-left: calc(3 * 8px) !important;
}

.my-3, .two-column-form__sidebar-label {
  margin-top: calc(3 * 8px) !important;
  margin-bottom: calc(3 * 8px) !important;
}

.m-4 {
  margin: calc(4 * 8px) calc(4 * 8px) !important;
}

.mt-4 {
  margin-top: calc(4 * 8px) !important;
}

.mr-4 {
  margin-right: calc(4 * 8px) !important;
}

.mb-4 {
  margin-bottom: calc(4 * 8px) !important;
}

.ml-4 {
  margin-left: calc(4 * 8px) !important;
}

.m-n4 {
  margin: calc(4 * -8px) calc(4 * -8px) !important;
}

.mt-n4 {
  margin-top: calc(4 * -8px) !important;
}

.mr-n4 {
  margin-right: calc(4 * -8px) !important;
}

.mb-n4 {
  margin-bottom: calc(4 * -8px) !important;
}

.ml-n4 {
  margin-left: calc(4 * -8px) !important;
}

.mx-4 {
  margin-right: calc(4 * 8px) !important;
  margin-left: calc(4 * 8px) !important;
}

.my-4 {
  margin-top: calc(4 * 8px) !important;
  margin-bottom: calc(4 * 8px) !important;
}

.m-5 {
  margin: calc(5 * 8px) calc(5 * 8px) !important;
}

.mt-5 {
  margin-top: calc(5 * 8px) !important;
}

.mr-5 {
  margin-right: calc(5 * 8px) !important;
}

.mb-5, .action-buttons-row {
  margin-bottom: calc(5 * 8px) !important;
}

.ml-5 {
  margin-left: calc(5 * 8px) !important;
}

.m-n5 {
  margin: calc(5 * -8px) calc(5 * -8px) !important;
}

.mt-n5 {
  margin-top: calc(5 * -8px) !important;
}

.mr-n5 {
  margin-right: calc(5 * -8px) !important;
}

.mb-n5 {
  margin-bottom: calc(5 * -8px) !important;
}

.ml-n5 {
  margin-left: calc(5 * -8px) !important;
}

.mx-5 {
  margin-right: calc(5 * 8px) !important;
  margin-left: calc(5 * 8px) !important;
}

.my-5 {
  margin-top: calc(5 * 8px) !important;
  margin-bottom: calc(5 * 8px) !important;
}

.m-6 {
  margin: calc(6 * 8px) calc(6 * 8px) !important;
}

.mt-6 {
  margin-top: calc(6 * 8px) !important;
}

.mr-6 {
  margin-right: calc(6 * 8px) !important;
}

.mb-6 {
  margin-bottom: calc(6 * 8px) !important;
}

.ml-6 {
  margin-left: calc(6 * 8px) !important;
}

.m-n6 {
  margin: calc(6 * -8px) calc(6 * -8px) !important;
}

.mt-n6 {
  margin-top: calc(6 * -8px) !important;
}

.mr-n6 {
  margin-right: calc(6 * -8px) !important;
}

.mb-n6 {
  margin-bottom: calc(6 * -8px) !important;
}

.ml-n6 {
  margin-left: calc(6 * -8px) !important;
}

.mx-6 {
  margin-right: calc(6 * 8px) !important;
  margin-left: calc(6 * 8px) !important;
}

.my-6 {
  margin-top: calc(6 * 8px) !important;
  margin-bottom: calc(6 * 8px) !important;
}

.m-7 {
  margin: calc(7 * 8px) calc(7 * 8px) !important;
}

.mt-7 {
  margin-top: calc(7 * 8px) !important;
}

.mr-7 {
  margin-right: calc(7 * 8px) !important;
}

.mb-7 {
  margin-bottom: calc(7 * 8px) !important;
}

.ml-7 {
  margin-left: calc(7 * 8px) !important;
}

.m-n7 {
  margin: calc(7 * -8px) calc(7 * -8px) !important;
}

.mt-n7 {
  margin-top: calc(7 * -8px) !important;
}

.mr-n7 {
  margin-right: calc(7 * -8px) !important;
}

.mb-n7 {
  margin-bottom: calc(7 * -8px) !important;
}

.ml-n7 {
  margin-left: calc(7 * -8px) !important;
}

.mx-7 {
  margin-right: calc(7 * 8px) !important;
  margin-left: calc(7 * 8px) !important;
}

.my-7 {
  margin-top: calc(7 * 8px) !important;
  margin-bottom: calc(7 * 8px) !important;
}

.m-8 {
  margin: calc(8 * 8px) calc(8 * 8px) !important;
}

.mt-8 {
  margin-top: calc(8 * 8px) !important;
}

.mr-8 {
  margin-right: calc(8 * 8px) !important;
}

.mb-8 {
  margin-bottom: calc(8 * 8px) !important;
}

.ml-8 {
  margin-left: calc(8 * 8px) !important;
}

.m-n8 {
  margin: calc(8 * -8px) calc(8 * -8px) !important;
}

.mt-n8 {
  margin-top: calc(8 * -8px) !important;
}

.mr-n8 {
  margin-right: calc(8 * -8px) !important;
}

.mb-n8 {
  margin-bottom: calc(8 * -8px) !important;
}

.ml-n8 {
  margin-left: calc(8 * -8px) !important;
}

.mx-8 {
  margin-right: calc(8 * 8px) !important;
  margin-left: calc(8 * 8px) !important;
}

.my-8 {
  margin-top: calc(8 * 8px) !important;
  margin-bottom: calc(8 * 8px) !important;
}

.m-9 {
  margin: calc(9 * 8px) calc(9 * 8px) !important;
}

.mt-9 {
  margin-top: calc(9 * 8px) !important;
}

.mr-9 {
  margin-right: calc(9 * 8px) !important;
}

.mb-9 {
  margin-bottom: calc(9 * 8px) !important;
}

.ml-9 {
  margin-left: calc(9 * 8px) !important;
}

.m-n9 {
  margin: calc(9 * -8px) calc(9 * -8px) !important;
}

.mt-n9 {
  margin-top: calc(9 * -8px) !important;
}

.mr-n9 {
  margin-right: calc(9 * -8px) !important;
}

.mb-n9 {
  margin-bottom: calc(9 * -8px) !important;
}

.ml-n9 {
  margin-left: calc(9 * -8px) !important;
}

.mx-9 {
  margin-right: calc(9 * 8px) !important;
  margin-left: calc(9 * 8px) !important;
}

.my-9 {
  margin-top: calc(9 * 8px) !important;
  margin-bottom: calc(9 * 8px) !important;
}

.m-10 {
  margin: calc(10 * 8px) calc(10 * 8px) !important;
}

.mt-10 {
  margin-top: calc(10 * 8px) !important;
}

.mr-10 {
  margin-right: calc(10 * 8px) !important;
}

.mb-10 {
  margin-bottom: calc(10 * 8px) !important;
}

.ml-10 {
  margin-left: calc(10 * 8px) !important;
}

.m-n10 {
  margin: calc(10 * -8px) calc(10 * -8px) !important;
}

.mt-n10 {
  margin-top: calc(10 * -8px) !important;
}

.mr-n10 {
  margin-right: calc(10 * -8px) !important;
}

.mb-n10 {
  margin-bottom: calc(10 * -8px) !important;
}

.ml-n10 {
  margin-left: calc(10 * -8px) !important;
}

.mx-10 {
  margin-right: calc(10 * 8px) !important;
  margin-left: calc(10 * 8px) !important;
}

.my-10 {
  margin-top: calc(10 * 8px) !important;
  margin-bottom: calc(10 * 8px) !important;
}

.m-11 {
  margin: calc(11 * 8px) calc(11 * 8px) !important;
}

.mt-11 {
  margin-top: calc(11 * 8px) !important;
}

.mr-11 {
  margin-right: calc(11 * 8px) !important;
}

.mb-11 {
  margin-bottom: calc(11 * 8px) !important;
}

.ml-11 {
  margin-left: calc(11 * 8px) !important;
}

.m-n11 {
  margin: calc(11 * -8px) calc(11 * -8px) !important;
}

.mt-n11 {
  margin-top: calc(11 * -8px) !important;
}

.mr-n11 {
  margin-right: calc(11 * -8px) !important;
}

.mb-n11 {
  margin-bottom: calc(11 * -8px) !important;
}

.ml-n11 {
  margin-left: calc(11 * -8px) !important;
}

.mx-11 {
  margin-right: calc(11 * 8px) !important;
  margin-left: calc(11 * 8px) !important;
}

.my-11 {
  margin-top: calc(11 * 8px) !important;
  margin-bottom: calc(11 * 8px) !important;
}

.m-12 {
  margin: calc(12 * 8px) calc(12 * 8px) !important;
}

.mt-12 {
  margin-top: calc(12 * 8px) !important;
}

.mr-12 {
  margin-right: calc(12 * 8px) !important;
}

.mb-12 {
  margin-bottom: calc(12 * 8px) !important;
}

.ml-12 {
  margin-left: calc(12 * 8px) !important;
}

.m-n12 {
  margin: calc(12 * -8px) calc(12 * -8px) !important;
}

.mt-n12 {
  margin-top: calc(12 * -8px) !important;
}

.mr-n12 {
  margin-right: calc(12 * -8px) !important;
}

.mb-n12 {
  margin-bottom: calc(12 * -8px) !important;
}

.ml-n12 {
  margin-left: calc(12 * -8px) !important;
}

.mx-12 {
  margin-right: calc(12 * 8px) !important;
  margin-left: calc(12 * 8px) !important;
}

.my-12 {
  margin-top: calc(12 * 8px) !important;
  margin-bottom: calc(12 * 8px) !important;
}

.m-13 {
  margin: calc(13 * 8px) calc(13 * 8px) !important;
}

.mt-13 {
  margin-top: calc(13 * 8px) !important;
}

.mr-13 {
  margin-right: calc(13 * 8px) !important;
}

.mb-13 {
  margin-bottom: calc(13 * 8px) !important;
}

.ml-13 {
  margin-left: calc(13 * 8px) !important;
}

.m-n13 {
  margin: calc(13 * -8px) calc(13 * -8px) !important;
}

.mt-n13 {
  margin-top: calc(13 * -8px) !important;
}

.mr-n13 {
  margin-right: calc(13 * -8px) !important;
}

.mb-n13 {
  margin-bottom: calc(13 * -8px) !important;
}

.ml-n13 {
  margin-left: calc(13 * -8px) !important;
}

.mx-13 {
  margin-right: calc(13 * 8px) !important;
  margin-left: calc(13 * 8px) !important;
}

.my-13 {
  margin-top: calc(13 * 8px) !important;
  margin-bottom: calc(13 * 8px) !important;
}

.m-14 {
  margin: calc(14 * 8px) calc(14 * 8px) !important;
}

.mt-14 {
  margin-top: calc(14 * 8px) !important;
}

.mr-14 {
  margin-right: calc(14 * 8px) !important;
}

.mb-14 {
  margin-bottom: calc(14 * 8px) !important;
}

.ml-14 {
  margin-left: calc(14 * 8px) !important;
}

.m-n14 {
  margin: calc(14 * -8px) calc(14 * -8px) !important;
}

.mt-n14 {
  margin-top: calc(14 * -8px) !important;
}

.mr-n14 {
  margin-right: calc(14 * -8px) !important;
}

.mb-n14 {
  margin-bottom: calc(14 * -8px) !important;
}

.ml-n14 {
  margin-left: calc(14 * -8px) !important;
}

.mx-14 {
  margin-right: calc(14 * 8px) !important;
  margin-left: calc(14 * 8px) !important;
}

.my-14 {
  margin-top: calc(14 * 8px) !important;
  margin-bottom: calc(14 * 8px) !important;
}

.m-15 {
  margin: calc(15 * 8px) calc(15 * 8px) !important;
}

.mt-15 {
  margin-top: calc(15 * 8px) !important;
}

.mr-15 {
  margin-right: calc(15 * 8px) !important;
}

.mb-15 {
  margin-bottom: calc(15 * 8px) !important;
}

.ml-15 {
  margin-left: calc(15 * 8px) !important;
}

.m-n15 {
  margin: calc(15 * -8px) calc(15 * -8px) !important;
}

.mt-n15 {
  margin-top: calc(15 * -8px) !important;
}

.mr-n15 {
  margin-right: calc(15 * -8px) !important;
}

.mb-n15 {
  margin-bottom: calc(15 * -8px) !important;
}

.ml-n15 {
  margin-left: calc(15 * -8px) !important;
}

.mx-15 {
  margin-right: calc(15 * 8px) !important;
  margin-left: calc(15 * 8px) !important;
}

.my-15 {
  margin-top: calc(15 * 8px) !important;
  margin-bottom: calc(15 * 8px) !important;
}

.p-0, .n2-search-bar a.btn-flat, .n2-search-bar a.btn-stroked, .n2-search-bar .segmented-controls a.segmented-control, .segmented-controls .n2-search-bar a.segmented-control, i.btn input[type=submit], #toast-container > .toast-info .col, #toast-container > .toast-info .n2-search-bar {
  padding: calc(0 * 8px) calc(0 * 8px) !important;
}

.pt-0 {
  padding-top: calc(0 * 8px) !important;
}

.pr-0 {
  padding-right: calc(0 * 8px) !important;
}

.pb-0 {
  padding-bottom: calc(0 * 8px) !important;
}

.pl-0 {
  padding-left: calc(0 * 8px) !important;
}

.p-n0 {
  padding: calc(0 * -8px) calc(0 * -8px) !important;
}

.pt-n0 {
  padding-top: calc(0 * -8px) !important;
}

.pr-n0 {
  padding-right: calc(0 * -8px) !important;
}

.pb-n0 {
  padding-bottom: calc(0 * -8px) !important;
}

.pl-n0 {
  padding-left: calc(0 * -8px) !important;
}

.px-0 {
  padding-right: calc(0 * 8px) !important;
  padding-left: calc(0 * 8px) !important;
}

.py-0 {
  padding-top: calc(0 * 8px) !important;
  padding-bottom: calc(0 * 8px) !important;
}

.p-1 {
  padding: calc(1 * 8px) calc(1 * 8px) !important;
}

.pt-1 {
  padding-top: calc(1 * 8px) !important;
}

.pr-1 {
  padding-right: calc(1 * 8px) !important;
}

.pb-1 {
  padding-bottom: calc(1 * 8px) !important;
}

.pl-1 {
  padding-left: calc(1 * 8px) !important;
}

.p-n1 {
  padding: calc(1 * -8px) calc(1 * -8px) !important;
}

.pt-n1 {
  padding-top: calc(1 * -8px) !important;
}

.pr-n1 {
  padding-right: calc(1 * -8px) !important;
}

.pb-n1 {
  padding-bottom: calc(1 * -8px) !important;
}

.pl-n1 {
  padding-left: calc(1 * -8px) !important;
}

.px-1, .year-month-option {
  padding-right: calc(1 * 8px) !important;
  padding-left: calc(1 * 8px) !important;
}

.py-1, .n2-search-bar input[type=text] {
  padding-top: calc(1 * 8px) !important;
  padding-bottom: calc(1 * 8px) !important;
}

.p-2 {
  padding: calc(2 * 8px) calc(2 * 8px) !important;
}

.pt-2 {
  padding-top: calc(2 * 8px) !important;
}

.pr-2 {
  padding-right: calc(2 * 8px) !important;
}

.pb-2 {
  padding-bottom: calc(2 * 8px) !important;
}

.pl-2, .toast-close-button, #toast-container > .toast-info .toast-action {
  padding-left: calc(2 * 8px) !important;
}

.p-n2 {
  padding: calc(2 * -8px) calc(2 * -8px) !important;
}

.pt-n2 {
  padding-top: calc(2 * -8px) !important;
}

.pr-n2 {
  padding-right: calc(2 * -8px) !important;
}

.pb-n2 {
  padding-bottom: calc(2 * -8px) !important;
}

.pl-n2 {
  padding-left: calc(2 * -8px) !important;
}

.px-2 {
  padding-right: calc(2 * 8px) !important;
  padding-left: calc(2 * 8px) !important;
}

.py-2, .year-month-option, #toast-container > div {
  padding-top: calc(2 * 8px) !important;
  padding-bottom: calc(2 * 8px) !important;
}

.p-3, .card-head, .side-nav .logo-wrapper img {
  padding: calc(3 * 8px) calc(3 * 8px) !important;
}

.pt-3 {
  padding-top: calc(3 * 8px) !important;
}

.pr-3 {
  padding-right: calc(3 * 8px) !important;
}

.pb-3 {
  padding-bottom: calc(3 * 8px) !important;
}

.pl-3 {
  padding-left: calc(3 * 8px) !important;
}

.p-n3 {
  padding: calc(3 * -8px) calc(3 * -8px) !important;
}

.pt-n3 {
  padding-top: calc(3 * -8px) !important;
}

.pr-n3 {
  padding-right: calc(3 * -8px) !important;
}

.pb-n3 {
  padding-bottom: calc(3 * -8px) !important;
}

.pl-n3 {
  padding-left: calc(3 * -8px) !important;
}

.px-3, #toast-container > div {
  padding-right: calc(3 * 8px) !important;
  padding-left: calc(3 * 8px) !important;
}

.py-3 {
  padding-top: calc(3 * 8px) !important;
  padding-bottom: calc(3 * 8px) !important;
}

.p-4 {
  padding: calc(4 * 8px) calc(4 * 8px) !important;
}

.pt-4 {
  padding-top: calc(4 * 8px) !important;
}

.pr-4 {
  padding-right: calc(4 * 8px) !important;
}

.pb-4 {
  padding-bottom: calc(4 * 8px) !important;
}

.pl-4 {
  padding-left: calc(4 * 8px) !important;
}

.p-n4 {
  padding: calc(4 * -8px) calc(4 * -8px) !important;
}

.pt-n4 {
  padding-top: calc(4 * -8px) !important;
}

.pr-n4 {
  padding-right: calc(4 * -8px) !important;
}

.pb-n4 {
  padding-bottom: calc(4 * -8px) !important;
}

.pl-n4 {
  padding-left: calc(4 * -8px) !important;
}

.px-4 {
  padding-right: calc(4 * 8px) !important;
  padding-left: calc(4 * 8px) !important;
}

.py-4 {
  padding-top: calc(4 * 8px) !important;
  padding-bottom: calc(4 * 8px) !important;
}

.p-5 {
  padding: calc(5 * 8px) calc(5 * 8px) !important;
}

.pt-5 {
  padding-top: calc(5 * 8px) !important;
}

.pr-5 {
  padding-right: calc(5 * 8px) !important;
}

.pb-5 {
  padding-bottom: calc(5 * 8px) !important;
}

.pl-5 {
  padding-left: calc(5 * 8px) !important;
}

.p-n5 {
  padding: calc(5 * -8px) calc(5 * -8px) !important;
}

.pt-n5 {
  padding-top: calc(5 * -8px) !important;
}

.pr-n5 {
  padding-right: calc(5 * -8px) !important;
}

.pb-n5 {
  padding-bottom: calc(5 * -8px) !important;
}

.pl-n5 {
  padding-left: calc(5 * -8px) !important;
}

.px-5 {
  padding-right: calc(5 * 8px) !important;
  padding-left: calc(5 * 8px) !important;
}

.py-5 {
  padding-top: calc(5 * 8px) !important;
  padding-bottom: calc(5 * 8px) !important;
}

.p-6 {
  padding: calc(6 * 8px) calc(6 * 8px) !important;
}

.pt-6 {
  padding-top: calc(6 * 8px) !important;
}

.pr-6 {
  padding-right: calc(6 * 8px) !important;
}

.pb-6 {
  padding-bottom: calc(6 * 8px) !important;
}

.pl-6 {
  padding-left: calc(6 * 8px) !important;
}

.p-n6 {
  padding: calc(6 * -8px) calc(6 * -8px) !important;
}

.pt-n6 {
  padding-top: calc(6 * -8px) !important;
}

.pr-n6 {
  padding-right: calc(6 * -8px) !important;
}

.pb-n6 {
  padding-bottom: calc(6 * -8px) !important;
}

.pl-n6 {
  padding-left: calc(6 * -8px) !important;
}

.px-6 {
  padding-right: calc(6 * 8px) !important;
  padding-left: calc(6 * 8px) !important;
}

.py-6 {
  padding-top: calc(6 * 8px) !important;
  padding-bottom: calc(6 * 8px) !important;
}

.p-7 {
  padding: calc(7 * 8px) calc(7 * 8px) !important;
}

.pt-7 {
  padding-top: calc(7 * 8px) !important;
}

.pr-7 {
  padding-right: calc(7 * 8px) !important;
}

.pb-7 {
  padding-bottom: calc(7 * 8px) !important;
}

.pl-7 {
  padding-left: calc(7 * 8px) !important;
}

.p-n7 {
  padding: calc(7 * -8px) calc(7 * -8px) !important;
}

.pt-n7 {
  padding-top: calc(7 * -8px) !important;
}

.pr-n7 {
  padding-right: calc(7 * -8px) !important;
}

.pb-n7 {
  padding-bottom: calc(7 * -8px) !important;
}

.pl-n7 {
  padding-left: calc(7 * -8px) !important;
}

.px-7 {
  padding-right: calc(7 * 8px) !important;
  padding-left: calc(7 * 8px) !important;
}

.py-7 {
  padding-top: calc(7 * 8px) !important;
  padding-bottom: calc(7 * 8px) !important;
}

.p-8 {
  padding: calc(8 * 8px) calc(8 * 8px) !important;
}

.pt-8 {
  padding-top: calc(8 * 8px) !important;
}

.pr-8 {
  padding-right: calc(8 * 8px) !important;
}

.pb-8 {
  padding-bottom: calc(8 * 8px) !important;
}

.pl-8 {
  padding-left: calc(8 * 8px) !important;
}

.p-n8 {
  padding: calc(8 * -8px) calc(8 * -8px) !important;
}

.pt-n8 {
  padding-top: calc(8 * -8px) !important;
}

.pr-n8 {
  padding-right: calc(8 * -8px) !important;
}

.pb-n8 {
  padding-bottom: calc(8 * -8px) !important;
}

.pl-n8 {
  padding-left: calc(8 * -8px) !important;
}

.px-8 {
  padding-right: calc(8 * 8px) !important;
  padding-left: calc(8 * 8px) !important;
}

.py-8 {
  padding-top: calc(8 * 8px) !important;
  padding-bottom: calc(8 * 8px) !important;
}

.p-9 {
  padding: calc(9 * 8px) calc(9 * 8px) !important;
}

.pt-9 {
  padding-top: calc(9 * 8px) !important;
}

.pr-9 {
  padding-right: calc(9 * 8px) !important;
}

.pb-9 {
  padding-bottom: calc(9 * 8px) !important;
}

.pl-9 {
  padding-left: calc(9 * 8px) !important;
}

.p-n9 {
  padding: calc(9 * -8px) calc(9 * -8px) !important;
}

.pt-n9 {
  padding-top: calc(9 * -8px) !important;
}

.pr-n9 {
  padding-right: calc(9 * -8px) !important;
}

.pb-n9 {
  padding-bottom: calc(9 * -8px) !important;
}

.pl-n9 {
  padding-left: calc(9 * -8px) !important;
}

.px-9 {
  padding-right: calc(9 * 8px) !important;
  padding-left: calc(9 * 8px) !important;
}

.py-9 {
  padding-top: calc(9 * 8px) !important;
  padding-bottom: calc(9 * 8px) !important;
}

.p-10 {
  padding: calc(10 * 8px) calc(10 * 8px) !important;
}

.pt-10, .two-column-form__sidebar {
  padding-top: calc(10 * 8px) !important;
}

.pr-10 {
  padding-right: calc(10 * 8px) !important;
}

.pb-10 {
  padding-bottom: calc(10 * 8px) !important;
}

.pl-10 {
  padding-left: calc(10 * 8px) !important;
}

.p-n10 {
  padding: calc(10 * -8px) calc(10 * -8px) !important;
}

.pt-n10 {
  padding-top: calc(10 * -8px) !important;
}

.pr-n10 {
  padding-right: calc(10 * -8px) !important;
}

.pb-n10 {
  padding-bottom: calc(10 * -8px) !important;
}

.pl-n10 {
  padding-left: calc(10 * -8px) !important;
}

.px-10 {
  padding-right: calc(10 * 8px) !important;
  padding-left: calc(10 * 8px) !important;
}

.py-10 {
  padding-top: calc(10 * 8px) !important;
  padding-bottom: calc(10 * 8px) !important;
}

.p-11 {
  padding: calc(11 * 8px) calc(11 * 8px) !important;
}

.pt-11 {
  padding-top: calc(11 * 8px) !important;
}

.pr-11 {
  padding-right: calc(11 * 8px) !important;
}

.pb-11 {
  padding-bottom: calc(11 * 8px) !important;
}

.pl-11 {
  padding-left: calc(11 * 8px) !important;
}

.p-n11 {
  padding: calc(11 * -8px) calc(11 * -8px) !important;
}

.pt-n11 {
  padding-top: calc(11 * -8px) !important;
}

.pr-n11 {
  padding-right: calc(11 * -8px) !important;
}

.pb-n11 {
  padding-bottom: calc(11 * -8px) !important;
}

.pl-n11 {
  padding-left: calc(11 * -8px) !important;
}

.px-11 {
  padding-right: calc(11 * 8px) !important;
  padding-left: calc(11 * 8px) !important;
}

.py-11 {
  padding-top: calc(11 * 8px) !important;
  padding-bottom: calc(11 * 8px) !important;
}

.p-12 {
  padding: calc(12 * 8px) calc(12 * 8px) !important;
}

.pt-12 {
  padding-top: calc(12 * 8px) !important;
}

.pr-12 {
  padding-right: calc(12 * 8px) !important;
}

.pb-12 {
  padding-bottom: calc(12 * 8px) !important;
}

.pl-12 {
  padding-left: calc(12 * 8px) !important;
}

.p-n12 {
  padding: calc(12 * -8px) calc(12 * -8px) !important;
}

.pt-n12 {
  padding-top: calc(12 * -8px) !important;
}

.pr-n12 {
  padding-right: calc(12 * -8px) !important;
}

.pb-n12 {
  padding-bottom: calc(12 * -8px) !important;
}

.pl-n12 {
  padding-left: calc(12 * -8px) !important;
}

.px-12 {
  padding-right: calc(12 * 8px) !important;
  padding-left: calc(12 * 8px) !important;
}

.py-12 {
  padding-top: calc(12 * 8px) !important;
  padding-bottom: calc(12 * 8px) !important;
}

.p-13 {
  padding: calc(13 * 8px) calc(13 * 8px) !important;
}

.pt-13 {
  padding-top: calc(13 * 8px) !important;
}

.pr-13 {
  padding-right: calc(13 * 8px) !important;
}

.pb-13 {
  padding-bottom: calc(13 * 8px) !important;
}

.pl-13 {
  padding-left: calc(13 * 8px) !important;
}

.p-n13 {
  padding: calc(13 * -8px) calc(13 * -8px) !important;
}

.pt-n13 {
  padding-top: calc(13 * -8px) !important;
}

.pr-n13 {
  padding-right: calc(13 * -8px) !important;
}

.pb-n13 {
  padding-bottom: calc(13 * -8px) !important;
}

.pl-n13 {
  padding-left: calc(13 * -8px) !important;
}

.px-13 {
  padding-right: calc(13 * 8px) !important;
  padding-left: calc(13 * 8px) !important;
}

.py-13 {
  padding-top: calc(13 * 8px) !important;
  padding-bottom: calc(13 * 8px) !important;
}

.p-14 {
  padding: calc(14 * 8px) calc(14 * 8px) !important;
}

.pt-14 {
  padding-top: calc(14 * 8px) !important;
}

.pr-14 {
  padding-right: calc(14 * 8px) !important;
}

.pb-14 {
  padding-bottom: calc(14 * 8px) !important;
}

.pl-14 {
  padding-left: calc(14 * 8px) !important;
}

.p-n14 {
  padding: calc(14 * -8px) calc(14 * -8px) !important;
}

.pt-n14 {
  padding-top: calc(14 * -8px) !important;
}

.pr-n14 {
  padding-right: calc(14 * -8px) !important;
}

.pb-n14 {
  padding-bottom: calc(14 * -8px) !important;
}

.pl-n14 {
  padding-left: calc(14 * -8px) !important;
}

.px-14 {
  padding-right: calc(14 * 8px) !important;
  padding-left: calc(14 * 8px) !important;
}

.py-14 {
  padding-top: calc(14 * 8px) !important;
  padding-bottom: calc(14 * 8px) !important;
}

.p-15 {
  padding: calc(15 * 8px) calc(15 * 8px) !important;
}

.pt-15 {
  padding-top: calc(15 * 8px) !important;
}

.pr-15 {
  padding-right: calc(15 * 8px) !important;
}

.pb-15 {
  padding-bottom: calc(15 * 8px) !important;
}

.pl-15 {
  padding-left: calc(15 * 8px) !important;
}

.p-n15 {
  padding: calc(15 * -8px) calc(15 * -8px) !important;
}

.pt-n15 {
  padding-top: calc(15 * -8px) !important;
}

.pr-n15 {
  padding-right: calc(15 * -8px) !important;
}

.pb-n15 {
  padding-bottom: calc(15 * -8px) !important;
}

.pl-n15 {
  padding-left: calc(15 * -8px) !important;
}

.px-15 {
  padding-right: calc(15 * 8px) !important;
  padding-left: calc(15 * 8px) !important;
}

.py-15 {
  padding-top: calc(15 * 8px) !important;
  padding-bottom: calc(15 * 8px) !important;
}

.m-auto, .side-nav .logo-wrapper img {
  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: 0px !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-sm-1 {
    margin: 8px !important;
  }
  .mt-sm-1 {
    margin-top: 8px !important;
  }
  .mr-sm-1 {
    margin-right: 8px !important;
  }
  .mb-sm-1 {
    margin-bottom: 8px !important;
  }
  .ml-sm-1 {
    margin-left: 8px !important;
  }
  .mx-sm-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-sm-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-sm-1 {
    padding: 8px !important;
  }
  .pt-sm-1 {
    padding-top: 8px !important;
  }
  .pr-sm-1 {
    padding-right: 8px !important;
  }
  .pb-sm-1 {
    padding-bottom: 8px !important;
  }
  .pl-sm-1 {
    padding-left: 8px !important;
  }
  .px-sm-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-sm-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-sm-2 {
    margin: 16px !important;
  }
  .mt-sm-2 {
    margin-top: 16px !important;
  }
  .mr-sm-2 {
    margin-right: 16px !important;
  }
  .mb-sm-2 {
    margin-bottom: 16px !important;
  }
  .ml-sm-2 {
    margin-left: 16px !important;
  }
  .mx-sm-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-sm-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-sm-2 {
    padding: 16px !important;
  }
  .pt-sm-2 {
    padding-top: 16px !important;
  }
  .pr-sm-2 {
    padding-right: 16px !important;
  }
  .pb-sm-2 {
    padding-bottom: 16px !important;
  }
  .pl-sm-2 {
    padding-left: 16px !important;
  }
  .px-sm-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-sm-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-sm-3 {
    margin: 24px !important;
  }
  .mt-sm-3 {
    margin-top: 24px !important;
  }
  .mr-sm-3 {
    margin-right: 24px !important;
  }
  .mb-sm-3 {
    margin-bottom: 24px !important;
  }
  .ml-sm-3 {
    margin-left: 24px !important;
  }
  .mx-sm-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-sm-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-sm-3 {
    padding: 24px !important;
  }
  .pt-sm-3 {
    padding-top: 24px !important;
  }
  .pr-sm-3 {
    padding-right: 24px !important;
  }
  .pb-sm-3 {
    padding-bottom: 24px !important;
  }
  .pl-sm-3 {
    padding-left: 24px !important;
  }
  .px-sm-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-sm-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-sm-4 {
    margin: 32px !important;
  }
  .mt-sm-4 {
    margin-top: 32px !important;
  }
  .mr-sm-4 {
    margin-right: 32px !important;
  }
  .mb-sm-4 {
    margin-bottom: 32px !important;
  }
  .ml-sm-4 {
    margin-left: 32px !important;
  }
  .mx-sm-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-sm-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-sm-4 {
    padding: 32px !important;
  }
  .pt-sm-4 {
    padding-top: 32px !important;
  }
  .pr-sm-4 {
    padding-right: 32px !important;
  }
  .pb-sm-4 {
    padding-bottom: 32px !important;
  }
  .pl-sm-4 {
    padding-left: 32px !important;
  }
  .px-sm-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-sm-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-sm-5 {
    margin: 40px !important;
  }
  .mt-sm-5 {
    margin-top: 40px !important;
  }
  .mr-sm-5 {
    margin-right: 40px !important;
  }
  .mb-sm-5 {
    margin-bottom: 40px !important;
  }
  .ml-sm-5 {
    margin-left: 40px !important;
  }
  .mx-sm-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-sm-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-sm-5 {
    padding: 40px !important;
  }
  .pt-sm-5 {
    padding-top: 40px !important;
  }
  .pr-sm-5 {
    padding-right: 40px !important;
  }
  .pb-sm-5 {
    padding-bottom: 40px !important;
  }
  .pl-sm-5 {
    padding-left: 40px !important;
  }
  .px-sm-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-sm-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-sm-6 {
    margin: 48px !important;
  }
  .mt-sm-6 {
    margin-top: 48px !important;
  }
  .mr-sm-6 {
    margin-right: 48px !important;
  }
  .mb-sm-6 {
    margin-bottom: 48px !important;
  }
  .ml-sm-6 {
    margin-left: 48px !important;
  }
  .mx-sm-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-sm-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-sm-6 {
    padding: 48px !important;
  }
  .pt-sm-6 {
    padding-top: 48px !important;
  }
  .pr-sm-6 {
    padding-right: 48px !important;
  }
  .pb-sm-6 {
    padding-bottom: 48px !important;
  }
  .pl-sm-6 {
    padding-left: 48px !important;
  }
  .px-sm-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-sm-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-sm-7 {
    margin: 56px !important;
  }
  .mt-sm-7 {
    margin-top: 56px !important;
  }
  .mr-sm-7 {
    margin-right: 56px !important;
  }
  .mb-sm-7 {
    margin-bottom: 56px !important;
  }
  .ml-sm-7 {
    margin-left: 56px !important;
  }
  .mx-sm-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-sm-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-sm-7 {
    padding: 56px !important;
  }
  .pt-sm-7 {
    padding-top: 56px !important;
  }
  .pr-sm-7 {
    padding-right: 56px !important;
  }
  .pb-sm-7 {
    padding-bottom: 56px !important;
  }
  .pl-sm-7 {
    padding-left: 56px !important;
  }
  .px-sm-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-sm-8 {
    margin: 64px !important;
  }
  .mt-sm-8 {
    margin-top: 64px !important;
  }
  .mr-sm-8 {
    margin-right: 64px !important;
  }
  .mb-sm-8 {
    margin-bottom: 64px !important;
  }
  .ml-sm-8 {
    margin-left: 64px !important;
  }
  .mx-sm-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-sm-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .p-sm-8 {
    padding: 64px !important;
  }
  .pt-sm-8 {
    padding-top: 64px !important;
  }
  .pr-sm-8 {
    padding-right: 64px !important;
  }
  .pb-sm-8 {
    padding-bottom: 64px !important;
  }
  .pl-sm-8 {
    padding-left: 64px !important;
  }
  .px-sm-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-sm-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .m-sm-9 {
    margin: 72px !important;
  }
  .mt-sm-9 {
    margin-top: 72px !important;
  }
  .mr-sm-9 {
    margin-right: 72px !important;
  }
  .mb-sm-9 {
    margin-bottom: 72px !important;
  }
  .ml-sm-9 {
    margin-left: 72px !important;
  }
  .mx-sm-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-sm-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .p-sm-9 {
    padding: 72px !important;
  }
  .pt-sm-9 {
    padding-top: 72px !important;
  }
  .pr-sm-9 {
    padding-right: 72px !important;
  }
  .pb-sm-9 {
    padding-bottom: 72px !important;
  }
  .pl-sm-9 {
    padding-left: 72px !important;
  }
  .px-sm-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-sm-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .m-sm-10 {
    margin: 80px !important;
  }
  .mt-sm-10 {
    margin-top: 80px !important;
  }
  .mr-sm-10 {
    margin-right: 80px !important;
  }
  .mb-sm-10 {
    margin-bottom: 80px !important;
  }
  .ml-sm-10 {
    margin-left: 80px !important;
  }
  .mx-sm-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-sm-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .p-sm-10 {
    padding: 80px !important;
  }
  .pt-sm-10 {
    padding-top: 80px !important;
  }
  .pr-sm-10 {
    padding-right: 80px !important;
  }
  .pb-sm-10 {
    padding-bottom: 80px !important;
  }
  .pl-sm-10 {
    padding-left: 80px !important;
  }
  .px-sm-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-sm-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-sm-11 {
    margin: 88px !important;
  }
  .mt-sm-11 {
    margin-top: 88px !important;
  }
  .mr-sm-11 {
    margin-right: 88px !important;
  }
  .mb-sm-11 {
    margin-bottom: 88px !important;
  }
  .ml-sm-11 {
    margin-left: 88px !important;
  }
  .mx-sm-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-sm-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .p-sm-11 {
    padding: 88px !important;
  }
  .pt-sm-11 {
    padding-top: 88px !important;
  }
  .pr-sm-11 {
    padding-right: 88px !important;
  }
  .pb-sm-11 {
    padding-bottom: 88px !important;
  }
  .pl-sm-11 {
    padding-left: 88px !important;
  }
  .px-sm-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-sm-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .m-sm-12 {
    margin: 96px !important;
  }
  .mt-sm-12 {
    margin-top: 96px !important;
  }
  .mr-sm-12 {
    margin-right: 96px !important;
  }
  .mb-sm-12 {
    margin-bottom: 96px !important;
  }
  .ml-sm-12 {
    margin-left: 96px !important;
  }
  .mx-sm-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-sm-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .p-sm-12 {
    padding: 96px !important;
  }
  .pt-sm-12 {
    padding-top: 96px !important;
  }
  .pr-sm-12 {
    padding-right: 96px !important;
  }
  .pb-sm-12 {
    padding-bottom: 96px !important;
  }
  .pl-sm-12 {
    padding-left: 96px !important;
  }
  .px-sm-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-sm-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .m-sm-13 {
    margin: 104px !important;
  }
  .mt-sm-13 {
    margin-top: 104px !important;
  }
  .mr-sm-13 {
    margin-right: 104px !important;
  }
  .mb-sm-13 {
    margin-bottom: 104px !important;
  }
  .ml-sm-13 {
    margin-left: 104px !important;
  }
  .mx-sm-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-sm-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .p-sm-13 {
    padding: 104px !important;
  }
  .pt-sm-13 {
    padding-top: 104px !important;
  }
  .pr-sm-13 {
    padding-right: 104px !important;
  }
  .pb-sm-13 {
    padding-bottom: 104px !important;
  }
  .pl-sm-13 {
    padding-left: 104px !important;
  }
  .px-sm-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-sm-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .m-sm-14 {
    margin: 112px !important;
  }
  .mt-sm-14 {
    margin-top: 112px !important;
  }
  .mr-sm-14 {
    margin-right: 112px !important;
  }
  .mb-sm-14 {
    margin-bottom: 112px !important;
  }
  .ml-sm-14 {
    margin-left: 112px !important;
  }
  .mx-sm-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-sm-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .p-sm-14 {
    padding: 112px !important;
  }
  .pt-sm-14 {
    padding-top: 112px !important;
  }
  .pr-sm-14 {
    padding-right: 112px !important;
  }
  .pb-sm-14 {
    padding-bottom: 112px !important;
  }
  .pl-sm-14 {
    padding-left: 112px !important;
  }
  .px-sm-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-sm-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .m-sm-15 {
    margin: 120px !important;
  }
  .mt-sm-15 {
    margin-top: 120px !important;
  }
  .mr-sm-15 {
    margin-right: 120px !important;
  }
  .mb-sm-15 {
    margin-bottom: 120px !important;
  }
  .ml-sm-15 {
    margin-left: 120px !important;
  }
  .mx-sm-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-sm-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .p-sm-15 {
    padding: 120px !important;
  }
  .pt-sm-15 {
    padding-top: 120px !important;
  }
  .pr-sm-15 {
    padding-right: 120px !important;
  }
  .pb-sm-15 {
    padding-bottom: 120px !important;
  }
  .pl-sm-15 {
    padding-left: 120px !important;
  }
  .px-sm-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-sm-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .m-sm-0 {
    margin: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .mt-sm-0 {
    margin-top: calc(0 * 8px) !important;
  }
  .mr-sm-0 {
    margin-right: calc(0 * 8px) !important;
  }
  .mb-sm-0 {
    margin-bottom: calc(0 * 8px) !important;
  }
  .ml-sm-0 {
    margin-left: calc(0 * 8px) !important;
  }
  .m-sm-n0 {
    margin: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .mt-sm-n0 {
    margin-top: calc(0 * -8px) !important;
  }
  .mr-sm-n0 {
    margin-right: calc(0 * -8px) !important;
  }
  .mb-sm-n0 {
    margin-bottom: calc(0 * -8px) !important;
  }
  .ml-sm-n0 {
    margin-left: calc(0 * -8px) !important;
  }
  .mx-sm-0 {
    margin-right: calc(0 * 8px) !important;
    margin-left: calc(0 * 8px) !important;
  }
  .my-sm-0 {
    margin-top: calc(0 * 8px) !important;
    margin-bottom: calc(0 * 8px) !important;
  }
  .m-sm-1 {
    margin: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .mt-sm-1 {
    margin-top: calc(1 * 8px) !important;
  }
  .mr-sm-1 {
    margin-right: calc(1 * 8px) !important;
  }
  .mb-sm-1 {
    margin-bottom: calc(1 * 8px) !important;
  }
  .ml-sm-1 {
    margin-left: calc(1 * 8px) !important;
  }
  .m-sm-n1 {
    margin: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .mt-sm-n1 {
    margin-top: calc(1 * -8px) !important;
  }
  .mr-sm-n1 {
    margin-right: calc(1 * -8px) !important;
  }
  .mb-sm-n1 {
    margin-bottom: calc(1 * -8px) !important;
  }
  .ml-sm-n1 {
    margin-left: calc(1 * -8px) !important;
  }
  .mx-sm-1 {
    margin-right: calc(1 * 8px) !important;
    margin-left: calc(1 * 8px) !important;
  }
  .my-sm-1 {
    margin-top: calc(1 * 8px) !important;
    margin-bottom: calc(1 * 8px) !important;
  }
  .m-sm-2 {
    margin: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .mt-sm-2 {
    margin-top: calc(2 * 8px) !important;
  }
  .mr-sm-2 {
    margin-right: calc(2 * 8px) !important;
  }
  .mb-sm-2 {
    margin-bottom: calc(2 * 8px) !important;
  }
  .ml-sm-2 {
    margin-left: calc(2 * 8px) !important;
  }
  .m-sm-n2 {
    margin: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .mt-sm-n2 {
    margin-top: calc(2 * -8px) !important;
  }
  .mr-sm-n2 {
    margin-right: calc(2 * -8px) !important;
  }
  .mb-sm-n2 {
    margin-bottom: calc(2 * -8px) !important;
  }
  .ml-sm-n2 {
    margin-left: calc(2 * -8px) !important;
  }
  .mx-sm-2 {
    margin-right: calc(2 * 8px) !important;
    margin-left: calc(2 * 8px) !important;
  }
  .my-sm-2 {
    margin-top: calc(2 * 8px) !important;
    margin-bottom: calc(2 * 8px) !important;
  }
  .m-sm-3 {
    margin: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .mt-sm-3 {
    margin-top: calc(3 * 8px) !important;
  }
  .mr-sm-3 {
    margin-right: calc(3 * 8px) !important;
  }
  .mb-sm-3 {
    margin-bottom: calc(3 * 8px) !important;
  }
  .ml-sm-3 {
    margin-left: calc(3 * 8px) !important;
  }
  .m-sm-n3 {
    margin: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .mt-sm-n3 {
    margin-top: calc(3 * -8px) !important;
  }
  .mr-sm-n3 {
    margin-right: calc(3 * -8px) !important;
  }
  .mb-sm-n3 {
    margin-bottom: calc(3 * -8px) !important;
  }
  .ml-sm-n3 {
    margin-left: calc(3 * -8px) !important;
  }
  .mx-sm-3 {
    margin-right: calc(3 * 8px) !important;
    margin-left: calc(3 * 8px) !important;
  }
  .my-sm-3 {
    margin-top: calc(3 * 8px) !important;
    margin-bottom: calc(3 * 8px) !important;
  }
  .m-sm-4 {
    margin: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .mt-sm-4 {
    margin-top: calc(4 * 8px) !important;
  }
  .mr-sm-4 {
    margin-right: calc(4 * 8px) !important;
  }
  .mb-sm-4 {
    margin-bottom: calc(4 * 8px) !important;
  }
  .ml-sm-4 {
    margin-left: calc(4 * 8px) !important;
  }
  .m-sm-n4 {
    margin: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .mt-sm-n4 {
    margin-top: calc(4 * -8px) !important;
  }
  .mr-sm-n4 {
    margin-right: calc(4 * -8px) !important;
  }
  .mb-sm-n4 {
    margin-bottom: calc(4 * -8px) !important;
  }
  .ml-sm-n4 {
    margin-left: calc(4 * -8px) !important;
  }
  .mx-sm-4 {
    margin-right: calc(4 * 8px) !important;
    margin-left: calc(4 * 8px) !important;
  }
  .my-sm-4 {
    margin-top: calc(4 * 8px) !important;
    margin-bottom: calc(4 * 8px) !important;
  }
  .m-sm-5 {
    margin: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .mt-sm-5 {
    margin-top: calc(5 * 8px) !important;
  }
  .mr-sm-5 {
    margin-right: calc(5 * 8px) !important;
  }
  .mb-sm-5 {
    margin-bottom: calc(5 * 8px) !important;
  }
  .ml-sm-5 {
    margin-left: calc(5 * 8px) !important;
  }
  .m-sm-n5 {
    margin: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .mt-sm-n5 {
    margin-top: calc(5 * -8px) !important;
  }
  .mr-sm-n5 {
    margin-right: calc(5 * -8px) !important;
  }
  .mb-sm-n5 {
    margin-bottom: calc(5 * -8px) !important;
  }
  .ml-sm-n5 {
    margin-left: calc(5 * -8px) !important;
  }
  .mx-sm-5 {
    margin-right: calc(5 * 8px) !important;
    margin-left: calc(5 * 8px) !important;
  }
  .my-sm-5 {
    margin-top: calc(5 * 8px) !important;
    margin-bottom: calc(5 * 8px) !important;
  }
  .m-sm-6 {
    margin: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .mt-sm-6 {
    margin-top: calc(6 * 8px) !important;
  }
  .mr-sm-6 {
    margin-right: calc(6 * 8px) !important;
  }
  .mb-sm-6 {
    margin-bottom: calc(6 * 8px) !important;
  }
  .ml-sm-6 {
    margin-left: calc(6 * 8px) !important;
  }
  .m-sm-n6 {
    margin: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .mt-sm-n6 {
    margin-top: calc(6 * -8px) !important;
  }
  .mr-sm-n6 {
    margin-right: calc(6 * -8px) !important;
  }
  .mb-sm-n6 {
    margin-bottom: calc(6 * -8px) !important;
  }
  .ml-sm-n6 {
    margin-left: calc(6 * -8px) !important;
  }
  .mx-sm-6 {
    margin-right: calc(6 * 8px) !important;
    margin-left: calc(6 * 8px) !important;
  }
  .my-sm-6 {
    margin-top: calc(6 * 8px) !important;
    margin-bottom: calc(6 * 8px) !important;
  }
  .m-sm-7 {
    margin: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .mt-sm-7 {
    margin-top: calc(7 * 8px) !important;
  }
  .mr-sm-7 {
    margin-right: calc(7 * 8px) !important;
  }
  .mb-sm-7 {
    margin-bottom: calc(7 * 8px) !important;
  }
  .ml-sm-7 {
    margin-left: calc(7 * 8px) !important;
  }
  .m-sm-n7 {
    margin: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .mt-sm-n7 {
    margin-top: calc(7 * -8px) !important;
  }
  .mr-sm-n7 {
    margin-right: calc(7 * -8px) !important;
  }
  .mb-sm-n7 {
    margin-bottom: calc(7 * -8px) !important;
  }
  .ml-sm-n7 {
    margin-left: calc(7 * -8px) !important;
  }
  .mx-sm-7 {
    margin-right: calc(7 * 8px) !important;
    margin-left: calc(7 * 8px) !important;
  }
  .my-sm-7 {
    margin-top: calc(7 * 8px) !important;
    margin-bottom: calc(7 * 8px) !important;
  }
  .m-sm-8 {
    margin: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .mt-sm-8 {
    margin-top: calc(8 * 8px) !important;
  }
  .mr-sm-8 {
    margin-right: calc(8 * 8px) !important;
  }
  .mb-sm-8 {
    margin-bottom: calc(8 * 8px) !important;
  }
  .ml-sm-8 {
    margin-left: calc(8 * 8px) !important;
  }
  .m-sm-n8 {
    margin: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .mt-sm-n8 {
    margin-top: calc(8 * -8px) !important;
  }
  .mr-sm-n8 {
    margin-right: calc(8 * -8px) !important;
  }
  .mb-sm-n8 {
    margin-bottom: calc(8 * -8px) !important;
  }
  .ml-sm-n8 {
    margin-left: calc(8 * -8px) !important;
  }
  .mx-sm-8 {
    margin-right: calc(8 * 8px) !important;
    margin-left: calc(8 * 8px) !important;
  }
  .my-sm-8 {
    margin-top: calc(8 * 8px) !important;
    margin-bottom: calc(8 * 8px) !important;
  }
  .m-sm-9 {
    margin: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .mt-sm-9 {
    margin-top: calc(9 * 8px) !important;
  }
  .mr-sm-9 {
    margin-right: calc(9 * 8px) !important;
  }
  .mb-sm-9 {
    margin-bottom: calc(9 * 8px) !important;
  }
  .ml-sm-9 {
    margin-left: calc(9 * 8px) !important;
  }
  .m-sm-n9 {
    margin: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .mt-sm-n9 {
    margin-top: calc(9 * -8px) !important;
  }
  .mr-sm-n9 {
    margin-right: calc(9 * -8px) !important;
  }
  .mb-sm-n9 {
    margin-bottom: calc(9 * -8px) !important;
  }
  .ml-sm-n9 {
    margin-left: calc(9 * -8px) !important;
  }
  .mx-sm-9 {
    margin-right: calc(9 * 8px) !important;
    margin-left: calc(9 * 8px) !important;
  }
  .my-sm-9 {
    margin-top: calc(9 * 8px) !important;
    margin-bottom: calc(9 * 8px) !important;
  }
  .m-sm-10 {
    margin: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .mt-sm-10 {
    margin-top: calc(10 * 8px) !important;
  }
  .mr-sm-10 {
    margin-right: calc(10 * 8px) !important;
  }
  .mb-sm-10 {
    margin-bottom: calc(10 * 8px) !important;
  }
  .ml-sm-10 {
    margin-left: calc(10 * 8px) !important;
  }
  .m-sm-n10 {
    margin: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .mt-sm-n10 {
    margin-top: calc(10 * -8px) !important;
  }
  .mr-sm-n10 {
    margin-right: calc(10 * -8px) !important;
  }
  .mb-sm-n10 {
    margin-bottom: calc(10 * -8px) !important;
  }
  .ml-sm-n10 {
    margin-left: calc(10 * -8px) !important;
  }
  .mx-sm-10 {
    margin-right: calc(10 * 8px) !important;
    margin-left: calc(10 * 8px) !important;
  }
  .my-sm-10 {
    margin-top: calc(10 * 8px) !important;
    margin-bottom: calc(10 * 8px) !important;
  }
  .m-sm-11 {
    margin: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .mt-sm-11 {
    margin-top: calc(11 * 8px) !important;
  }
  .mr-sm-11 {
    margin-right: calc(11 * 8px) !important;
  }
  .mb-sm-11 {
    margin-bottom: calc(11 * 8px) !important;
  }
  .ml-sm-11 {
    margin-left: calc(11 * 8px) !important;
  }
  .m-sm-n11 {
    margin: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .mt-sm-n11 {
    margin-top: calc(11 * -8px) !important;
  }
  .mr-sm-n11 {
    margin-right: calc(11 * -8px) !important;
  }
  .mb-sm-n11 {
    margin-bottom: calc(11 * -8px) !important;
  }
  .ml-sm-n11 {
    margin-left: calc(11 * -8px) !important;
  }
  .mx-sm-11 {
    margin-right: calc(11 * 8px) !important;
    margin-left: calc(11 * 8px) !important;
  }
  .my-sm-11 {
    margin-top: calc(11 * 8px) !important;
    margin-bottom: calc(11 * 8px) !important;
  }
  .m-sm-12 {
    margin: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .mt-sm-12 {
    margin-top: calc(12 * 8px) !important;
  }
  .mr-sm-12 {
    margin-right: calc(12 * 8px) !important;
  }
  .mb-sm-12 {
    margin-bottom: calc(12 * 8px) !important;
  }
  .ml-sm-12 {
    margin-left: calc(12 * 8px) !important;
  }
  .m-sm-n12 {
    margin: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .mt-sm-n12 {
    margin-top: calc(12 * -8px) !important;
  }
  .mr-sm-n12 {
    margin-right: calc(12 * -8px) !important;
  }
  .mb-sm-n12 {
    margin-bottom: calc(12 * -8px) !important;
  }
  .ml-sm-n12 {
    margin-left: calc(12 * -8px) !important;
  }
  .mx-sm-12 {
    margin-right: calc(12 * 8px) !important;
    margin-left: calc(12 * 8px) !important;
  }
  .my-sm-12 {
    margin-top: calc(12 * 8px) !important;
    margin-bottom: calc(12 * 8px) !important;
  }
  .m-sm-13 {
    margin: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .mt-sm-13 {
    margin-top: calc(13 * 8px) !important;
  }
  .mr-sm-13 {
    margin-right: calc(13 * 8px) !important;
  }
  .mb-sm-13 {
    margin-bottom: calc(13 * 8px) !important;
  }
  .ml-sm-13 {
    margin-left: calc(13 * 8px) !important;
  }
  .m-sm-n13 {
    margin: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .mt-sm-n13 {
    margin-top: calc(13 * -8px) !important;
  }
  .mr-sm-n13 {
    margin-right: calc(13 * -8px) !important;
  }
  .mb-sm-n13 {
    margin-bottom: calc(13 * -8px) !important;
  }
  .ml-sm-n13 {
    margin-left: calc(13 * -8px) !important;
  }
  .mx-sm-13 {
    margin-right: calc(13 * 8px) !important;
    margin-left: calc(13 * 8px) !important;
  }
  .my-sm-13 {
    margin-top: calc(13 * 8px) !important;
    margin-bottom: calc(13 * 8px) !important;
  }
  .m-sm-14 {
    margin: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .mt-sm-14 {
    margin-top: calc(14 * 8px) !important;
  }
  .mr-sm-14 {
    margin-right: calc(14 * 8px) !important;
  }
  .mb-sm-14 {
    margin-bottom: calc(14 * 8px) !important;
  }
  .ml-sm-14 {
    margin-left: calc(14 * 8px) !important;
  }
  .m-sm-n14 {
    margin: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .mt-sm-n14 {
    margin-top: calc(14 * -8px) !important;
  }
  .mr-sm-n14 {
    margin-right: calc(14 * -8px) !important;
  }
  .mb-sm-n14 {
    margin-bottom: calc(14 * -8px) !important;
  }
  .ml-sm-n14 {
    margin-left: calc(14 * -8px) !important;
  }
  .mx-sm-14 {
    margin-right: calc(14 * 8px) !important;
    margin-left: calc(14 * 8px) !important;
  }
  .my-sm-14 {
    margin-top: calc(14 * 8px) !important;
    margin-bottom: calc(14 * 8px) !important;
  }
  .m-sm-15 {
    margin: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .mt-sm-15 {
    margin-top: calc(15 * 8px) !important;
  }
  .mr-sm-15 {
    margin-right: calc(15 * 8px) !important;
  }
  .mb-sm-15 {
    margin-bottom: calc(15 * 8px) !important;
  }
  .ml-sm-15 {
    margin-left: calc(15 * 8px) !important;
  }
  .m-sm-n15 {
    margin: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .mt-sm-n15 {
    margin-top: calc(15 * -8px) !important;
  }
  .mr-sm-n15 {
    margin-right: calc(15 * -8px) !important;
  }
  .mb-sm-n15 {
    margin-bottom: calc(15 * -8px) !important;
  }
  .ml-sm-n15 {
    margin-left: calc(15 * -8px) !important;
  }
  .mx-sm-15 {
    margin-right: calc(15 * 8px) !important;
    margin-left: calc(15 * 8px) !important;
  }
  .my-sm-15 {
    margin-top: calc(15 * 8px) !important;
    margin-bottom: calc(15 * 8px) !important;
  }
  .p-sm-0 {
    padding: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .pt-sm-0 {
    padding-top: calc(0 * 8px) !important;
  }
  .pr-sm-0 {
    padding-right: calc(0 * 8px) !important;
  }
  .pb-sm-0 {
    padding-bottom: calc(0 * 8px) !important;
  }
  .pl-sm-0 {
    padding-left: calc(0 * 8px) !important;
  }
  .p-sm-n0 {
    padding: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .pt-sm-n0 {
    padding-top: calc(0 * -8px) !important;
  }
  .pr-sm-n0 {
    padding-right: calc(0 * -8px) !important;
  }
  .pb-sm-n0 {
    padding-bottom: calc(0 * -8px) !important;
  }
  .pl-sm-n0 {
    padding-left: calc(0 * -8px) !important;
  }
  .px-sm-0 {
    padding-right: calc(0 * 8px) !important;
    padding-left: calc(0 * 8px) !important;
  }
  .py-sm-0 {
    padding-top: calc(0 * 8px) !important;
    padding-bottom: calc(0 * 8px) !important;
  }
  .p-sm-1 {
    padding: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .pt-sm-1 {
    padding-top: calc(1 * 8px) !important;
  }
  .pr-sm-1 {
    padding-right: calc(1 * 8px) !important;
  }
  .pb-sm-1 {
    padding-bottom: calc(1 * 8px) !important;
  }
  .pl-sm-1 {
    padding-left: calc(1 * 8px) !important;
  }
  .p-sm-n1 {
    padding: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .pt-sm-n1 {
    padding-top: calc(1 * -8px) !important;
  }
  .pr-sm-n1 {
    padding-right: calc(1 * -8px) !important;
  }
  .pb-sm-n1 {
    padding-bottom: calc(1 * -8px) !important;
  }
  .pl-sm-n1 {
    padding-left: calc(1 * -8px) !important;
  }
  .px-sm-1 {
    padding-right: calc(1 * 8px) !important;
    padding-left: calc(1 * 8px) !important;
  }
  .py-sm-1 {
    padding-top: calc(1 * 8px) !important;
    padding-bottom: calc(1 * 8px) !important;
  }
  .p-sm-2 {
    padding: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .pt-sm-2 {
    padding-top: calc(2 * 8px) !important;
  }
  .pr-sm-2 {
    padding-right: calc(2 * 8px) !important;
  }
  .pb-sm-2 {
    padding-bottom: calc(2 * 8px) !important;
  }
  .pl-sm-2 {
    padding-left: calc(2 * 8px) !important;
  }
  .p-sm-n2 {
    padding: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .pt-sm-n2 {
    padding-top: calc(2 * -8px) !important;
  }
  .pr-sm-n2 {
    padding-right: calc(2 * -8px) !important;
  }
  .pb-sm-n2 {
    padding-bottom: calc(2 * -8px) !important;
  }
  .pl-sm-n2 {
    padding-left: calc(2 * -8px) !important;
  }
  .px-sm-2 {
    padding-right: calc(2 * 8px) !important;
    padding-left: calc(2 * 8px) !important;
  }
  .py-sm-2 {
    padding-top: calc(2 * 8px) !important;
    padding-bottom: calc(2 * 8px) !important;
  }
  .p-sm-3 {
    padding: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .pt-sm-3 {
    padding-top: calc(3 * 8px) !important;
  }
  .pr-sm-3 {
    padding-right: calc(3 * 8px) !important;
  }
  .pb-sm-3 {
    padding-bottom: calc(3 * 8px) !important;
  }
  .pl-sm-3 {
    padding-left: calc(3 * 8px) !important;
  }
  .p-sm-n3 {
    padding: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .pt-sm-n3 {
    padding-top: calc(3 * -8px) !important;
  }
  .pr-sm-n3 {
    padding-right: calc(3 * -8px) !important;
  }
  .pb-sm-n3 {
    padding-bottom: calc(3 * -8px) !important;
  }
  .pl-sm-n3 {
    padding-left: calc(3 * -8px) !important;
  }
  .px-sm-3 {
    padding-right: calc(3 * 8px) !important;
    padding-left: calc(3 * 8px) !important;
  }
  .py-sm-3 {
    padding-top: calc(3 * 8px) !important;
    padding-bottom: calc(3 * 8px) !important;
  }
  .p-sm-4 {
    padding: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .pt-sm-4 {
    padding-top: calc(4 * 8px) !important;
  }
  .pr-sm-4 {
    padding-right: calc(4 * 8px) !important;
  }
  .pb-sm-4 {
    padding-bottom: calc(4 * 8px) !important;
  }
  .pl-sm-4 {
    padding-left: calc(4 * 8px) !important;
  }
  .p-sm-n4 {
    padding: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .pt-sm-n4 {
    padding-top: calc(4 * -8px) !important;
  }
  .pr-sm-n4 {
    padding-right: calc(4 * -8px) !important;
  }
  .pb-sm-n4 {
    padding-bottom: calc(4 * -8px) !important;
  }
  .pl-sm-n4 {
    padding-left: calc(4 * -8px) !important;
  }
  .px-sm-4 {
    padding-right: calc(4 * 8px) !important;
    padding-left: calc(4 * 8px) !important;
  }
  .py-sm-4 {
    padding-top: calc(4 * 8px) !important;
    padding-bottom: calc(4 * 8px) !important;
  }
  .p-sm-5 {
    padding: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .pt-sm-5 {
    padding-top: calc(5 * 8px) !important;
  }
  .pr-sm-5 {
    padding-right: calc(5 * 8px) !important;
  }
  .pb-sm-5 {
    padding-bottom: calc(5 * 8px) !important;
  }
  .pl-sm-5 {
    padding-left: calc(5 * 8px) !important;
  }
  .p-sm-n5 {
    padding: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .pt-sm-n5 {
    padding-top: calc(5 * -8px) !important;
  }
  .pr-sm-n5 {
    padding-right: calc(5 * -8px) !important;
  }
  .pb-sm-n5 {
    padding-bottom: calc(5 * -8px) !important;
  }
  .pl-sm-n5 {
    padding-left: calc(5 * -8px) !important;
  }
  .px-sm-5 {
    padding-right: calc(5 * 8px) !important;
    padding-left: calc(5 * 8px) !important;
  }
  .py-sm-5 {
    padding-top: calc(5 * 8px) !important;
    padding-bottom: calc(5 * 8px) !important;
  }
  .p-sm-6 {
    padding: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .pt-sm-6 {
    padding-top: calc(6 * 8px) !important;
  }
  .pr-sm-6 {
    padding-right: calc(6 * 8px) !important;
  }
  .pb-sm-6 {
    padding-bottom: calc(6 * 8px) !important;
  }
  .pl-sm-6 {
    padding-left: calc(6 * 8px) !important;
  }
  .p-sm-n6 {
    padding: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .pt-sm-n6 {
    padding-top: calc(6 * -8px) !important;
  }
  .pr-sm-n6 {
    padding-right: calc(6 * -8px) !important;
  }
  .pb-sm-n6 {
    padding-bottom: calc(6 * -8px) !important;
  }
  .pl-sm-n6 {
    padding-left: calc(6 * -8px) !important;
  }
  .px-sm-6 {
    padding-right: calc(6 * 8px) !important;
    padding-left: calc(6 * 8px) !important;
  }
  .py-sm-6 {
    padding-top: calc(6 * 8px) !important;
    padding-bottom: calc(6 * 8px) !important;
  }
  .p-sm-7 {
    padding: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .pt-sm-7 {
    padding-top: calc(7 * 8px) !important;
  }
  .pr-sm-7 {
    padding-right: calc(7 * 8px) !important;
  }
  .pb-sm-7 {
    padding-bottom: calc(7 * 8px) !important;
  }
  .pl-sm-7 {
    padding-left: calc(7 * 8px) !important;
  }
  .p-sm-n7 {
    padding: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .pt-sm-n7 {
    padding-top: calc(7 * -8px) !important;
  }
  .pr-sm-n7 {
    padding-right: calc(7 * -8px) !important;
  }
  .pb-sm-n7 {
    padding-bottom: calc(7 * -8px) !important;
  }
  .pl-sm-n7 {
    padding-left: calc(7 * -8px) !important;
  }
  .px-sm-7 {
    padding-right: calc(7 * 8px) !important;
    padding-left: calc(7 * 8px) !important;
  }
  .py-sm-7 {
    padding-top: calc(7 * 8px) !important;
    padding-bottom: calc(7 * 8px) !important;
  }
  .p-sm-8 {
    padding: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .pt-sm-8 {
    padding-top: calc(8 * 8px) !important;
  }
  .pr-sm-8 {
    padding-right: calc(8 * 8px) !important;
  }
  .pb-sm-8 {
    padding-bottom: calc(8 * 8px) !important;
  }
  .pl-sm-8 {
    padding-left: calc(8 * 8px) !important;
  }
  .p-sm-n8 {
    padding: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .pt-sm-n8 {
    padding-top: calc(8 * -8px) !important;
  }
  .pr-sm-n8 {
    padding-right: calc(8 * -8px) !important;
  }
  .pb-sm-n8 {
    padding-bottom: calc(8 * -8px) !important;
  }
  .pl-sm-n8 {
    padding-left: calc(8 * -8px) !important;
  }
  .px-sm-8 {
    padding-right: calc(8 * 8px) !important;
    padding-left: calc(8 * 8px) !important;
  }
  .py-sm-8 {
    padding-top: calc(8 * 8px) !important;
    padding-bottom: calc(8 * 8px) !important;
  }
  .p-sm-9 {
    padding: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .pt-sm-9 {
    padding-top: calc(9 * 8px) !important;
  }
  .pr-sm-9 {
    padding-right: calc(9 * 8px) !important;
  }
  .pb-sm-9 {
    padding-bottom: calc(9 * 8px) !important;
  }
  .pl-sm-9 {
    padding-left: calc(9 * 8px) !important;
  }
  .p-sm-n9 {
    padding: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .pt-sm-n9 {
    padding-top: calc(9 * -8px) !important;
  }
  .pr-sm-n9 {
    padding-right: calc(9 * -8px) !important;
  }
  .pb-sm-n9 {
    padding-bottom: calc(9 * -8px) !important;
  }
  .pl-sm-n9 {
    padding-left: calc(9 * -8px) !important;
  }
  .px-sm-9 {
    padding-right: calc(9 * 8px) !important;
    padding-left: calc(9 * 8px) !important;
  }
  .py-sm-9 {
    padding-top: calc(9 * 8px) !important;
    padding-bottom: calc(9 * 8px) !important;
  }
  .p-sm-10 {
    padding: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .pt-sm-10 {
    padding-top: calc(10 * 8px) !important;
  }
  .pr-sm-10 {
    padding-right: calc(10 * 8px) !important;
  }
  .pb-sm-10 {
    padding-bottom: calc(10 * 8px) !important;
  }
  .pl-sm-10 {
    padding-left: calc(10 * 8px) !important;
  }
  .p-sm-n10 {
    padding: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .pt-sm-n10 {
    padding-top: calc(10 * -8px) !important;
  }
  .pr-sm-n10 {
    padding-right: calc(10 * -8px) !important;
  }
  .pb-sm-n10 {
    padding-bottom: calc(10 * -8px) !important;
  }
  .pl-sm-n10 {
    padding-left: calc(10 * -8px) !important;
  }
  .px-sm-10 {
    padding-right: calc(10 * 8px) !important;
    padding-left: calc(10 * 8px) !important;
  }
  .py-sm-10 {
    padding-top: calc(10 * 8px) !important;
    padding-bottom: calc(10 * 8px) !important;
  }
  .p-sm-11 {
    padding: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .pt-sm-11 {
    padding-top: calc(11 * 8px) !important;
  }
  .pr-sm-11 {
    padding-right: calc(11 * 8px) !important;
  }
  .pb-sm-11 {
    padding-bottom: calc(11 * 8px) !important;
  }
  .pl-sm-11 {
    padding-left: calc(11 * 8px) !important;
  }
  .p-sm-n11 {
    padding: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .pt-sm-n11 {
    padding-top: calc(11 * -8px) !important;
  }
  .pr-sm-n11 {
    padding-right: calc(11 * -8px) !important;
  }
  .pb-sm-n11 {
    padding-bottom: calc(11 * -8px) !important;
  }
  .pl-sm-n11 {
    padding-left: calc(11 * -8px) !important;
  }
  .px-sm-11 {
    padding-right: calc(11 * 8px) !important;
    padding-left: calc(11 * 8px) !important;
  }
  .py-sm-11 {
    padding-top: calc(11 * 8px) !important;
    padding-bottom: calc(11 * 8px) !important;
  }
  .p-sm-12 {
    padding: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .pt-sm-12 {
    padding-top: calc(12 * 8px) !important;
  }
  .pr-sm-12 {
    padding-right: calc(12 * 8px) !important;
  }
  .pb-sm-12 {
    padding-bottom: calc(12 * 8px) !important;
  }
  .pl-sm-12 {
    padding-left: calc(12 * 8px) !important;
  }
  .p-sm-n12 {
    padding: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .pt-sm-n12 {
    padding-top: calc(12 * -8px) !important;
  }
  .pr-sm-n12 {
    padding-right: calc(12 * -8px) !important;
  }
  .pb-sm-n12 {
    padding-bottom: calc(12 * -8px) !important;
  }
  .pl-sm-n12 {
    padding-left: calc(12 * -8px) !important;
  }
  .px-sm-12 {
    padding-right: calc(12 * 8px) !important;
    padding-left: calc(12 * 8px) !important;
  }
  .py-sm-12 {
    padding-top: calc(12 * 8px) !important;
    padding-bottom: calc(12 * 8px) !important;
  }
  .p-sm-13 {
    padding: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .pt-sm-13 {
    padding-top: calc(13 * 8px) !important;
  }
  .pr-sm-13 {
    padding-right: calc(13 * 8px) !important;
  }
  .pb-sm-13 {
    padding-bottom: calc(13 * 8px) !important;
  }
  .pl-sm-13 {
    padding-left: calc(13 * 8px) !important;
  }
  .p-sm-n13 {
    padding: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .pt-sm-n13 {
    padding-top: calc(13 * -8px) !important;
  }
  .pr-sm-n13 {
    padding-right: calc(13 * -8px) !important;
  }
  .pb-sm-n13 {
    padding-bottom: calc(13 * -8px) !important;
  }
  .pl-sm-n13 {
    padding-left: calc(13 * -8px) !important;
  }
  .px-sm-13 {
    padding-right: calc(13 * 8px) !important;
    padding-left: calc(13 * 8px) !important;
  }
  .py-sm-13 {
    padding-top: calc(13 * 8px) !important;
    padding-bottom: calc(13 * 8px) !important;
  }
  .p-sm-14 {
    padding: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .pt-sm-14 {
    padding-top: calc(14 * 8px) !important;
  }
  .pr-sm-14 {
    padding-right: calc(14 * 8px) !important;
  }
  .pb-sm-14 {
    padding-bottom: calc(14 * 8px) !important;
  }
  .pl-sm-14 {
    padding-left: calc(14 * 8px) !important;
  }
  .p-sm-n14 {
    padding: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .pt-sm-n14 {
    padding-top: calc(14 * -8px) !important;
  }
  .pr-sm-n14 {
    padding-right: calc(14 * -8px) !important;
  }
  .pb-sm-n14 {
    padding-bottom: calc(14 * -8px) !important;
  }
  .pl-sm-n14 {
    padding-left: calc(14 * -8px) !important;
  }
  .px-sm-14 {
    padding-right: calc(14 * 8px) !important;
    padding-left: calc(14 * 8px) !important;
  }
  .py-sm-14 {
    padding-top: calc(14 * 8px) !important;
    padding-bottom: calc(14 * 8px) !important;
  }
  .p-sm-15 {
    padding: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .pt-sm-15 {
    padding-top: calc(15 * 8px) !important;
  }
  .pr-sm-15 {
    padding-right: calc(15 * 8px) !important;
  }
  .pb-sm-15 {
    padding-bottom: calc(15 * 8px) !important;
  }
  .pl-sm-15 {
    padding-left: calc(15 * 8px) !important;
  }
  .p-sm-n15 {
    padding: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .pt-sm-n15 {
    padding-top: calc(15 * -8px) !important;
  }
  .pr-sm-n15 {
    padding-right: calc(15 * -8px) !important;
  }
  .pb-sm-n15 {
    padding-bottom: calc(15 * -8px) !important;
  }
  .pl-sm-n15 {
    padding-left: calc(15 * -8px) !important;
  }
  .px-sm-15 {
    padding-right: calc(15 * 8px) !important;
    padding-left: calc(15 * 8px) !important;
  }
  .py-sm-15 {
    padding-top: calc(15 * 8px) !important;
    padding-bottom: calc(15 * 8px) !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: 0px !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-md-1 {
    margin: 8px !important;
  }
  .mt-md-1 {
    margin-top: 8px !important;
  }
  .mr-md-1 {
    margin-right: 8px !important;
  }
  .mb-md-1 {
    margin-bottom: 8px !important;
  }
  .ml-md-1 {
    margin-left: 8px !important;
  }
  .mx-md-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-md-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-md-1 {
    padding: 8px !important;
  }
  .pt-md-1 {
    padding-top: 8px !important;
  }
  .pr-md-1 {
    padding-right: 8px !important;
  }
  .pb-md-1 {
    padding-bottom: 8px !important;
  }
  .pl-md-1 {
    padding-left: 8px !important;
  }
  .px-md-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-md-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-md-2 {
    margin: 16px !important;
  }
  .mt-md-2 {
    margin-top: 16px !important;
  }
  .mr-md-2 {
    margin-right: 16px !important;
  }
  .mb-md-2 {
    margin-bottom: 16px !important;
  }
  .ml-md-2 {
    margin-left: 16px !important;
  }
  .mx-md-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-md-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-md-2 {
    padding: 16px !important;
  }
  .pt-md-2 {
    padding-top: 16px !important;
  }
  .pr-md-2 {
    padding-right: 16px !important;
  }
  .pb-md-2 {
    padding-bottom: 16px !important;
  }
  .pl-md-2 {
    padding-left: 16px !important;
  }
  .px-md-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-md-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-md-3 {
    margin: 24px !important;
  }
  .mt-md-3 {
    margin-top: 24px !important;
  }
  .mr-md-3 {
    margin-right: 24px !important;
  }
  .mb-md-3 {
    margin-bottom: 24px !important;
  }
  .ml-md-3 {
    margin-left: 24px !important;
  }
  .mx-md-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-md-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-md-3 {
    padding: 24px !important;
  }
  .pt-md-3 {
    padding-top: 24px !important;
  }
  .pr-md-3 {
    padding-right: 24px !important;
  }
  .pb-md-3 {
    padding-bottom: 24px !important;
  }
  .pl-md-3 {
    padding-left: 24px !important;
  }
  .px-md-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-md-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-md-4 {
    margin: 32px !important;
  }
  .mt-md-4 {
    margin-top: 32px !important;
  }
  .mr-md-4 {
    margin-right: 32px !important;
  }
  .mb-md-4 {
    margin-bottom: 32px !important;
  }
  .ml-md-4 {
    margin-left: 32px !important;
  }
  .mx-md-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-md-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-md-4 {
    padding: 32px !important;
  }
  .pt-md-4 {
    padding-top: 32px !important;
  }
  .pr-md-4 {
    padding-right: 32px !important;
  }
  .pb-md-4 {
    padding-bottom: 32px !important;
  }
  .pl-md-4 {
    padding-left: 32px !important;
  }
  .px-md-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-md-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-md-5 {
    margin: 40px !important;
  }
  .mt-md-5 {
    margin-top: 40px !important;
  }
  .mr-md-5 {
    margin-right: 40px !important;
  }
  .mb-md-5 {
    margin-bottom: 40px !important;
  }
  .ml-md-5 {
    margin-left: 40px !important;
  }
  .mx-md-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-md-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-md-5 {
    padding: 40px !important;
  }
  .pt-md-5 {
    padding-top: 40px !important;
  }
  .pr-md-5 {
    padding-right: 40px !important;
  }
  .pb-md-5 {
    padding-bottom: 40px !important;
  }
  .pl-md-5 {
    padding-left: 40px !important;
  }
  .px-md-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-md-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-md-6 {
    margin: 48px !important;
  }
  .mt-md-6 {
    margin-top: 48px !important;
  }
  .mr-md-6 {
    margin-right: 48px !important;
  }
  .mb-md-6 {
    margin-bottom: 48px !important;
  }
  .ml-md-6 {
    margin-left: 48px !important;
  }
  .mx-md-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-md-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-md-6 {
    padding: 48px !important;
  }
  .pt-md-6 {
    padding-top: 48px !important;
  }
  .pr-md-6 {
    padding-right: 48px !important;
  }
  .pb-md-6 {
    padding-bottom: 48px !important;
  }
  .pl-md-6 {
    padding-left: 48px !important;
  }
  .px-md-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-md-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-md-7 {
    margin: 56px !important;
  }
  .mt-md-7 {
    margin-top: 56px !important;
  }
  .mr-md-7 {
    margin-right: 56px !important;
  }
  .mb-md-7 {
    margin-bottom: 56px !important;
  }
  .ml-md-7 {
    margin-left: 56px !important;
  }
  .mx-md-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-md-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-md-7 {
    padding: 56px !important;
  }
  .pt-md-7 {
    padding-top: 56px !important;
  }
  .pr-md-7 {
    padding-right: 56px !important;
  }
  .pb-md-7 {
    padding-bottom: 56px !important;
  }
  .pl-md-7 {
    padding-left: 56px !important;
  }
  .px-md-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-md-8 {
    margin: 64px !important;
  }
  .mt-md-8 {
    margin-top: 64px !important;
  }
  .mr-md-8 {
    margin-right: 64px !important;
  }
  .mb-md-8 {
    margin-bottom: 64px !important;
  }
  .ml-md-8 {
    margin-left: 64px !important;
  }
  .mx-md-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-md-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .p-md-8 {
    padding: 64px !important;
  }
  .pt-md-8 {
    padding-top: 64px !important;
  }
  .pr-md-8 {
    padding-right: 64px !important;
  }
  .pb-md-8 {
    padding-bottom: 64px !important;
  }
  .pl-md-8 {
    padding-left: 64px !important;
  }
  .px-md-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-md-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .m-md-9 {
    margin: 72px !important;
  }
  .mt-md-9 {
    margin-top: 72px !important;
  }
  .mr-md-9 {
    margin-right: 72px !important;
  }
  .mb-md-9 {
    margin-bottom: 72px !important;
  }
  .ml-md-9 {
    margin-left: 72px !important;
  }
  .mx-md-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-md-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .p-md-9 {
    padding: 72px !important;
  }
  .pt-md-9 {
    padding-top: 72px !important;
  }
  .pr-md-9 {
    padding-right: 72px !important;
  }
  .pb-md-9 {
    padding-bottom: 72px !important;
  }
  .pl-md-9 {
    padding-left: 72px !important;
  }
  .px-md-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-md-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .m-md-10 {
    margin: 80px !important;
  }
  .mt-md-10 {
    margin-top: 80px !important;
  }
  .mr-md-10 {
    margin-right: 80px !important;
  }
  .mb-md-10 {
    margin-bottom: 80px !important;
  }
  .ml-md-10 {
    margin-left: 80px !important;
  }
  .mx-md-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-md-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .p-md-10 {
    padding: 80px !important;
  }
  .pt-md-10 {
    padding-top: 80px !important;
  }
  .pr-md-10 {
    padding-right: 80px !important;
  }
  .pb-md-10 {
    padding-bottom: 80px !important;
  }
  .pl-md-10 {
    padding-left: 80px !important;
  }
  .px-md-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-md-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-md-11 {
    margin: 88px !important;
  }
  .mt-md-11 {
    margin-top: 88px !important;
  }
  .mr-md-11 {
    margin-right: 88px !important;
  }
  .mb-md-11 {
    margin-bottom: 88px !important;
  }
  .ml-md-11 {
    margin-left: 88px !important;
  }
  .mx-md-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-md-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .p-md-11 {
    padding: 88px !important;
  }
  .pt-md-11 {
    padding-top: 88px !important;
  }
  .pr-md-11 {
    padding-right: 88px !important;
  }
  .pb-md-11 {
    padding-bottom: 88px !important;
  }
  .pl-md-11 {
    padding-left: 88px !important;
  }
  .px-md-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-md-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .m-md-12 {
    margin: 96px !important;
  }
  .mt-md-12 {
    margin-top: 96px !important;
  }
  .mr-md-12 {
    margin-right: 96px !important;
  }
  .mb-md-12 {
    margin-bottom: 96px !important;
  }
  .ml-md-12 {
    margin-left: 96px !important;
  }
  .mx-md-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-md-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .p-md-12 {
    padding: 96px !important;
  }
  .pt-md-12 {
    padding-top: 96px !important;
  }
  .pr-md-12 {
    padding-right: 96px !important;
  }
  .pb-md-12 {
    padding-bottom: 96px !important;
  }
  .pl-md-12 {
    padding-left: 96px !important;
  }
  .px-md-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-md-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .m-md-13 {
    margin: 104px !important;
  }
  .mt-md-13 {
    margin-top: 104px !important;
  }
  .mr-md-13 {
    margin-right: 104px !important;
  }
  .mb-md-13 {
    margin-bottom: 104px !important;
  }
  .ml-md-13 {
    margin-left: 104px !important;
  }
  .mx-md-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-md-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .p-md-13 {
    padding: 104px !important;
  }
  .pt-md-13 {
    padding-top: 104px !important;
  }
  .pr-md-13 {
    padding-right: 104px !important;
  }
  .pb-md-13 {
    padding-bottom: 104px !important;
  }
  .pl-md-13 {
    padding-left: 104px !important;
  }
  .px-md-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-md-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .m-md-14 {
    margin: 112px !important;
  }
  .mt-md-14 {
    margin-top: 112px !important;
  }
  .mr-md-14 {
    margin-right: 112px !important;
  }
  .mb-md-14 {
    margin-bottom: 112px !important;
  }
  .ml-md-14 {
    margin-left: 112px !important;
  }
  .mx-md-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-md-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .p-md-14 {
    padding: 112px !important;
  }
  .pt-md-14 {
    padding-top: 112px !important;
  }
  .pr-md-14 {
    padding-right: 112px !important;
  }
  .pb-md-14 {
    padding-bottom: 112px !important;
  }
  .pl-md-14 {
    padding-left: 112px !important;
  }
  .px-md-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-md-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .m-md-15 {
    margin: 120px !important;
  }
  .mt-md-15 {
    margin-top: 120px !important;
  }
  .mr-md-15 {
    margin-right: 120px !important;
  }
  .mb-md-15 {
    margin-bottom: 120px !important;
  }
  .ml-md-15 {
    margin-left: 120px !important;
  }
  .mx-md-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-md-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .p-md-15 {
    padding: 120px !important;
  }
  .pt-md-15 {
    padding-top: 120px !important;
  }
  .pr-md-15 {
    padding-right: 120px !important;
  }
  .pb-md-15 {
    padding-bottom: 120px !important;
  }
  .pl-md-15 {
    padding-left: 120px !important;
  }
  .px-md-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-md-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .m-md-0 {
    margin: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .mt-md-0 {
    margin-top: calc(0 * 8px) !important;
  }
  .mr-md-0 {
    margin-right: calc(0 * 8px) !important;
  }
  .mb-md-0 {
    margin-bottom: calc(0 * 8px) !important;
  }
  .ml-md-0 {
    margin-left: calc(0 * 8px) !important;
  }
  .m-md-n0 {
    margin: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .mt-md-n0 {
    margin-top: calc(0 * -8px) !important;
  }
  .mr-md-n0 {
    margin-right: calc(0 * -8px) !important;
  }
  .mb-md-n0 {
    margin-bottom: calc(0 * -8px) !important;
  }
  .ml-md-n0 {
    margin-left: calc(0 * -8px) !important;
  }
  .mx-md-0 {
    margin-right: calc(0 * 8px) !important;
    margin-left: calc(0 * 8px) !important;
  }
  .my-md-0 {
    margin-top: calc(0 * 8px) !important;
    margin-bottom: calc(0 * 8px) !important;
  }
  .m-md-1 {
    margin: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .mt-md-1 {
    margin-top: calc(1 * 8px) !important;
  }
  .mr-md-1 {
    margin-right: calc(1 * 8px) !important;
  }
  .mb-md-1 {
    margin-bottom: calc(1 * 8px) !important;
  }
  .ml-md-1 {
    margin-left: calc(1 * 8px) !important;
  }
  .m-md-n1 {
    margin: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .mt-md-n1 {
    margin-top: calc(1 * -8px) !important;
  }
  .mr-md-n1 {
    margin-right: calc(1 * -8px) !important;
  }
  .mb-md-n1 {
    margin-bottom: calc(1 * -8px) !important;
  }
  .ml-md-n1 {
    margin-left: calc(1 * -8px) !important;
  }
  .mx-md-1 {
    margin-right: calc(1 * 8px) !important;
    margin-left: calc(1 * 8px) !important;
  }
  .my-md-1 {
    margin-top: calc(1 * 8px) !important;
    margin-bottom: calc(1 * 8px) !important;
  }
  .m-md-2 {
    margin: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .mt-md-2 {
    margin-top: calc(2 * 8px) !important;
  }
  .mr-md-2 {
    margin-right: calc(2 * 8px) !important;
  }
  .mb-md-2 {
    margin-bottom: calc(2 * 8px) !important;
  }
  .ml-md-2 {
    margin-left: calc(2 * 8px) !important;
  }
  .m-md-n2 {
    margin: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .mt-md-n2 {
    margin-top: calc(2 * -8px) !important;
  }
  .mr-md-n2 {
    margin-right: calc(2 * -8px) !important;
  }
  .mb-md-n2 {
    margin-bottom: calc(2 * -8px) !important;
  }
  .ml-md-n2 {
    margin-left: calc(2 * -8px) !important;
  }
  .mx-md-2 {
    margin-right: calc(2 * 8px) !important;
    margin-left: calc(2 * 8px) !important;
  }
  .my-md-2 {
    margin-top: calc(2 * 8px) !important;
    margin-bottom: calc(2 * 8px) !important;
  }
  .m-md-3 {
    margin: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .mt-md-3 {
    margin-top: calc(3 * 8px) !important;
  }
  .mr-md-3 {
    margin-right: calc(3 * 8px) !important;
  }
  .mb-md-3 {
    margin-bottom: calc(3 * 8px) !important;
  }
  .ml-md-3 {
    margin-left: calc(3 * 8px) !important;
  }
  .m-md-n3 {
    margin: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .mt-md-n3 {
    margin-top: calc(3 * -8px) !important;
  }
  .mr-md-n3 {
    margin-right: calc(3 * -8px) !important;
  }
  .mb-md-n3 {
    margin-bottom: calc(3 * -8px) !important;
  }
  .ml-md-n3 {
    margin-left: calc(3 * -8px) !important;
  }
  .mx-md-3 {
    margin-right: calc(3 * 8px) !important;
    margin-left: calc(3 * 8px) !important;
  }
  .my-md-3 {
    margin-top: calc(3 * 8px) !important;
    margin-bottom: calc(3 * 8px) !important;
  }
  .m-md-4 {
    margin: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .mt-md-4 {
    margin-top: calc(4 * 8px) !important;
  }
  .mr-md-4 {
    margin-right: calc(4 * 8px) !important;
  }
  .mb-md-4 {
    margin-bottom: calc(4 * 8px) !important;
  }
  .ml-md-4 {
    margin-left: calc(4 * 8px) !important;
  }
  .m-md-n4 {
    margin: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .mt-md-n4 {
    margin-top: calc(4 * -8px) !important;
  }
  .mr-md-n4 {
    margin-right: calc(4 * -8px) !important;
  }
  .mb-md-n4 {
    margin-bottom: calc(4 * -8px) !important;
  }
  .ml-md-n4 {
    margin-left: calc(4 * -8px) !important;
  }
  .mx-md-4 {
    margin-right: calc(4 * 8px) !important;
    margin-left: calc(4 * 8px) !important;
  }
  .my-md-4 {
    margin-top: calc(4 * 8px) !important;
    margin-bottom: calc(4 * 8px) !important;
  }
  .m-md-5 {
    margin: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .mt-md-5 {
    margin-top: calc(5 * 8px) !important;
  }
  .mr-md-5 {
    margin-right: calc(5 * 8px) !important;
  }
  .mb-md-5 {
    margin-bottom: calc(5 * 8px) !important;
  }
  .ml-md-5 {
    margin-left: calc(5 * 8px) !important;
  }
  .m-md-n5 {
    margin: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .mt-md-n5 {
    margin-top: calc(5 * -8px) !important;
  }
  .mr-md-n5 {
    margin-right: calc(5 * -8px) !important;
  }
  .mb-md-n5 {
    margin-bottom: calc(5 * -8px) !important;
  }
  .ml-md-n5 {
    margin-left: calc(5 * -8px) !important;
  }
  .mx-md-5 {
    margin-right: calc(5 * 8px) !important;
    margin-left: calc(5 * 8px) !important;
  }
  .my-md-5 {
    margin-top: calc(5 * 8px) !important;
    margin-bottom: calc(5 * 8px) !important;
  }
  .m-md-6 {
    margin: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .mt-md-6 {
    margin-top: calc(6 * 8px) !important;
  }
  .mr-md-6 {
    margin-right: calc(6 * 8px) !important;
  }
  .mb-md-6 {
    margin-bottom: calc(6 * 8px) !important;
  }
  .ml-md-6 {
    margin-left: calc(6 * 8px) !important;
  }
  .m-md-n6 {
    margin: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .mt-md-n6 {
    margin-top: calc(6 * -8px) !important;
  }
  .mr-md-n6 {
    margin-right: calc(6 * -8px) !important;
  }
  .mb-md-n6 {
    margin-bottom: calc(6 * -8px) !important;
  }
  .ml-md-n6 {
    margin-left: calc(6 * -8px) !important;
  }
  .mx-md-6 {
    margin-right: calc(6 * 8px) !important;
    margin-left: calc(6 * 8px) !important;
  }
  .my-md-6 {
    margin-top: calc(6 * 8px) !important;
    margin-bottom: calc(6 * 8px) !important;
  }
  .m-md-7 {
    margin: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .mt-md-7 {
    margin-top: calc(7 * 8px) !important;
  }
  .mr-md-7 {
    margin-right: calc(7 * 8px) !important;
  }
  .mb-md-7 {
    margin-bottom: calc(7 * 8px) !important;
  }
  .ml-md-7 {
    margin-left: calc(7 * 8px) !important;
  }
  .m-md-n7 {
    margin: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .mt-md-n7 {
    margin-top: calc(7 * -8px) !important;
  }
  .mr-md-n7 {
    margin-right: calc(7 * -8px) !important;
  }
  .mb-md-n7 {
    margin-bottom: calc(7 * -8px) !important;
  }
  .ml-md-n7 {
    margin-left: calc(7 * -8px) !important;
  }
  .mx-md-7 {
    margin-right: calc(7 * 8px) !important;
    margin-left: calc(7 * 8px) !important;
  }
  .my-md-7 {
    margin-top: calc(7 * 8px) !important;
    margin-bottom: calc(7 * 8px) !important;
  }
  .m-md-8 {
    margin: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .mt-md-8 {
    margin-top: calc(8 * 8px) !important;
  }
  .mr-md-8 {
    margin-right: calc(8 * 8px) !important;
  }
  .mb-md-8 {
    margin-bottom: calc(8 * 8px) !important;
  }
  .ml-md-8 {
    margin-left: calc(8 * 8px) !important;
  }
  .m-md-n8 {
    margin: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .mt-md-n8 {
    margin-top: calc(8 * -8px) !important;
  }
  .mr-md-n8 {
    margin-right: calc(8 * -8px) !important;
  }
  .mb-md-n8 {
    margin-bottom: calc(8 * -8px) !important;
  }
  .ml-md-n8 {
    margin-left: calc(8 * -8px) !important;
  }
  .mx-md-8 {
    margin-right: calc(8 * 8px) !important;
    margin-left: calc(8 * 8px) !important;
  }
  .my-md-8 {
    margin-top: calc(8 * 8px) !important;
    margin-bottom: calc(8 * 8px) !important;
  }
  .m-md-9 {
    margin: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .mt-md-9 {
    margin-top: calc(9 * 8px) !important;
  }
  .mr-md-9 {
    margin-right: calc(9 * 8px) !important;
  }
  .mb-md-9 {
    margin-bottom: calc(9 * 8px) !important;
  }
  .ml-md-9 {
    margin-left: calc(9 * 8px) !important;
  }
  .m-md-n9 {
    margin: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .mt-md-n9 {
    margin-top: calc(9 * -8px) !important;
  }
  .mr-md-n9 {
    margin-right: calc(9 * -8px) !important;
  }
  .mb-md-n9 {
    margin-bottom: calc(9 * -8px) !important;
  }
  .ml-md-n9 {
    margin-left: calc(9 * -8px) !important;
  }
  .mx-md-9 {
    margin-right: calc(9 * 8px) !important;
    margin-left: calc(9 * 8px) !important;
  }
  .my-md-9 {
    margin-top: calc(9 * 8px) !important;
    margin-bottom: calc(9 * 8px) !important;
  }
  .m-md-10 {
    margin: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .mt-md-10 {
    margin-top: calc(10 * 8px) !important;
  }
  .mr-md-10 {
    margin-right: calc(10 * 8px) !important;
  }
  .mb-md-10 {
    margin-bottom: calc(10 * 8px) !important;
  }
  .ml-md-10 {
    margin-left: calc(10 * 8px) !important;
  }
  .m-md-n10 {
    margin: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .mt-md-n10 {
    margin-top: calc(10 * -8px) !important;
  }
  .mr-md-n10 {
    margin-right: calc(10 * -8px) !important;
  }
  .mb-md-n10 {
    margin-bottom: calc(10 * -8px) !important;
  }
  .ml-md-n10 {
    margin-left: calc(10 * -8px) !important;
  }
  .mx-md-10 {
    margin-right: calc(10 * 8px) !important;
    margin-left: calc(10 * 8px) !important;
  }
  .my-md-10 {
    margin-top: calc(10 * 8px) !important;
    margin-bottom: calc(10 * 8px) !important;
  }
  .m-md-11 {
    margin: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .mt-md-11 {
    margin-top: calc(11 * 8px) !important;
  }
  .mr-md-11 {
    margin-right: calc(11 * 8px) !important;
  }
  .mb-md-11 {
    margin-bottom: calc(11 * 8px) !important;
  }
  .ml-md-11 {
    margin-left: calc(11 * 8px) !important;
  }
  .m-md-n11 {
    margin: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .mt-md-n11 {
    margin-top: calc(11 * -8px) !important;
  }
  .mr-md-n11 {
    margin-right: calc(11 * -8px) !important;
  }
  .mb-md-n11 {
    margin-bottom: calc(11 * -8px) !important;
  }
  .ml-md-n11 {
    margin-left: calc(11 * -8px) !important;
  }
  .mx-md-11 {
    margin-right: calc(11 * 8px) !important;
    margin-left: calc(11 * 8px) !important;
  }
  .my-md-11 {
    margin-top: calc(11 * 8px) !important;
    margin-bottom: calc(11 * 8px) !important;
  }
  .m-md-12 {
    margin: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .mt-md-12 {
    margin-top: calc(12 * 8px) !important;
  }
  .mr-md-12 {
    margin-right: calc(12 * 8px) !important;
  }
  .mb-md-12 {
    margin-bottom: calc(12 * 8px) !important;
  }
  .ml-md-12 {
    margin-left: calc(12 * 8px) !important;
  }
  .m-md-n12 {
    margin: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .mt-md-n12 {
    margin-top: calc(12 * -8px) !important;
  }
  .mr-md-n12 {
    margin-right: calc(12 * -8px) !important;
  }
  .mb-md-n12 {
    margin-bottom: calc(12 * -8px) !important;
  }
  .ml-md-n12 {
    margin-left: calc(12 * -8px) !important;
  }
  .mx-md-12 {
    margin-right: calc(12 * 8px) !important;
    margin-left: calc(12 * 8px) !important;
  }
  .my-md-12 {
    margin-top: calc(12 * 8px) !important;
    margin-bottom: calc(12 * 8px) !important;
  }
  .m-md-13 {
    margin: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .mt-md-13 {
    margin-top: calc(13 * 8px) !important;
  }
  .mr-md-13 {
    margin-right: calc(13 * 8px) !important;
  }
  .mb-md-13 {
    margin-bottom: calc(13 * 8px) !important;
  }
  .ml-md-13 {
    margin-left: calc(13 * 8px) !important;
  }
  .m-md-n13 {
    margin: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .mt-md-n13 {
    margin-top: calc(13 * -8px) !important;
  }
  .mr-md-n13 {
    margin-right: calc(13 * -8px) !important;
  }
  .mb-md-n13 {
    margin-bottom: calc(13 * -8px) !important;
  }
  .ml-md-n13 {
    margin-left: calc(13 * -8px) !important;
  }
  .mx-md-13 {
    margin-right: calc(13 * 8px) !important;
    margin-left: calc(13 * 8px) !important;
  }
  .my-md-13 {
    margin-top: calc(13 * 8px) !important;
    margin-bottom: calc(13 * 8px) !important;
  }
  .m-md-14 {
    margin: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .mt-md-14 {
    margin-top: calc(14 * 8px) !important;
  }
  .mr-md-14 {
    margin-right: calc(14 * 8px) !important;
  }
  .mb-md-14 {
    margin-bottom: calc(14 * 8px) !important;
  }
  .ml-md-14 {
    margin-left: calc(14 * 8px) !important;
  }
  .m-md-n14 {
    margin: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .mt-md-n14 {
    margin-top: calc(14 * -8px) !important;
  }
  .mr-md-n14 {
    margin-right: calc(14 * -8px) !important;
  }
  .mb-md-n14 {
    margin-bottom: calc(14 * -8px) !important;
  }
  .ml-md-n14 {
    margin-left: calc(14 * -8px) !important;
  }
  .mx-md-14 {
    margin-right: calc(14 * 8px) !important;
    margin-left: calc(14 * 8px) !important;
  }
  .my-md-14 {
    margin-top: calc(14 * 8px) !important;
    margin-bottom: calc(14 * 8px) !important;
  }
  .m-md-15 {
    margin: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .mt-md-15 {
    margin-top: calc(15 * 8px) !important;
  }
  .mr-md-15 {
    margin-right: calc(15 * 8px) !important;
  }
  .mb-md-15 {
    margin-bottom: calc(15 * 8px) !important;
  }
  .ml-md-15 {
    margin-left: calc(15 * 8px) !important;
  }
  .m-md-n15 {
    margin: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .mt-md-n15 {
    margin-top: calc(15 * -8px) !important;
  }
  .mr-md-n15 {
    margin-right: calc(15 * -8px) !important;
  }
  .mb-md-n15 {
    margin-bottom: calc(15 * -8px) !important;
  }
  .ml-md-n15 {
    margin-left: calc(15 * -8px) !important;
  }
  .mx-md-15 {
    margin-right: calc(15 * 8px) !important;
    margin-left: calc(15 * 8px) !important;
  }
  .my-md-15 {
    margin-top: calc(15 * 8px) !important;
    margin-bottom: calc(15 * 8px) !important;
  }
  .p-md-0 {
    padding: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .pt-md-0 {
    padding-top: calc(0 * 8px) !important;
  }
  .pr-md-0 {
    padding-right: calc(0 * 8px) !important;
  }
  .pb-md-0 {
    padding-bottom: calc(0 * 8px) !important;
  }
  .pl-md-0 {
    padding-left: calc(0 * 8px) !important;
  }
  .p-md-n0 {
    padding: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .pt-md-n0 {
    padding-top: calc(0 * -8px) !important;
  }
  .pr-md-n0 {
    padding-right: calc(0 * -8px) !important;
  }
  .pb-md-n0 {
    padding-bottom: calc(0 * -8px) !important;
  }
  .pl-md-n0 {
    padding-left: calc(0 * -8px) !important;
  }
  .px-md-0 {
    padding-right: calc(0 * 8px) !important;
    padding-left: calc(0 * 8px) !important;
  }
  .py-md-0 {
    padding-top: calc(0 * 8px) !important;
    padding-bottom: calc(0 * 8px) !important;
  }
  .p-md-1 {
    padding: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .pt-md-1 {
    padding-top: calc(1 * 8px) !important;
  }
  .pr-md-1 {
    padding-right: calc(1 * 8px) !important;
  }
  .pb-md-1 {
    padding-bottom: calc(1 * 8px) !important;
  }
  .pl-md-1 {
    padding-left: calc(1 * 8px) !important;
  }
  .p-md-n1 {
    padding: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .pt-md-n1 {
    padding-top: calc(1 * -8px) !important;
  }
  .pr-md-n1 {
    padding-right: calc(1 * -8px) !important;
  }
  .pb-md-n1 {
    padding-bottom: calc(1 * -8px) !important;
  }
  .pl-md-n1 {
    padding-left: calc(1 * -8px) !important;
  }
  .px-md-1 {
    padding-right: calc(1 * 8px) !important;
    padding-left: calc(1 * 8px) !important;
  }
  .py-md-1 {
    padding-top: calc(1 * 8px) !important;
    padding-bottom: calc(1 * 8px) !important;
  }
  .p-md-2 {
    padding: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .pt-md-2 {
    padding-top: calc(2 * 8px) !important;
  }
  .pr-md-2 {
    padding-right: calc(2 * 8px) !important;
  }
  .pb-md-2 {
    padding-bottom: calc(2 * 8px) !important;
  }
  .pl-md-2 {
    padding-left: calc(2 * 8px) !important;
  }
  .p-md-n2 {
    padding: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .pt-md-n2 {
    padding-top: calc(2 * -8px) !important;
  }
  .pr-md-n2 {
    padding-right: calc(2 * -8px) !important;
  }
  .pb-md-n2 {
    padding-bottom: calc(2 * -8px) !important;
  }
  .pl-md-n2 {
    padding-left: calc(2 * -8px) !important;
  }
  .px-md-2 {
    padding-right: calc(2 * 8px) !important;
    padding-left: calc(2 * 8px) !important;
  }
  .py-md-2 {
    padding-top: calc(2 * 8px) !important;
    padding-bottom: calc(2 * 8px) !important;
  }
  .p-md-3 {
    padding: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .pt-md-3 {
    padding-top: calc(3 * 8px) !important;
  }
  .pr-md-3 {
    padding-right: calc(3 * 8px) !important;
  }
  .pb-md-3 {
    padding-bottom: calc(3 * 8px) !important;
  }
  .pl-md-3 {
    padding-left: calc(3 * 8px) !important;
  }
  .p-md-n3 {
    padding: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .pt-md-n3 {
    padding-top: calc(3 * -8px) !important;
  }
  .pr-md-n3 {
    padding-right: calc(3 * -8px) !important;
  }
  .pb-md-n3 {
    padding-bottom: calc(3 * -8px) !important;
  }
  .pl-md-n3 {
    padding-left: calc(3 * -8px) !important;
  }
  .px-md-3 {
    padding-right: calc(3 * 8px) !important;
    padding-left: calc(3 * 8px) !important;
  }
  .py-md-3 {
    padding-top: calc(3 * 8px) !important;
    padding-bottom: calc(3 * 8px) !important;
  }
  .p-md-4 {
    padding: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .pt-md-4 {
    padding-top: calc(4 * 8px) !important;
  }
  .pr-md-4 {
    padding-right: calc(4 * 8px) !important;
  }
  .pb-md-4 {
    padding-bottom: calc(4 * 8px) !important;
  }
  .pl-md-4 {
    padding-left: calc(4 * 8px) !important;
  }
  .p-md-n4 {
    padding: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .pt-md-n4 {
    padding-top: calc(4 * -8px) !important;
  }
  .pr-md-n4 {
    padding-right: calc(4 * -8px) !important;
  }
  .pb-md-n4 {
    padding-bottom: calc(4 * -8px) !important;
  }
  .pl-md-n4 {
    padding-left: calc(4 * -8px) !important;
  }
  .px-md-4 {
    padding-right: calc(4 * 8px) !important;
    padding-left: calc(4 * 8px) !important;
  }
  .py-md-4 {
    padding-top: calc(4 * 8px) !important;
    padding-bottom: calc(4 * 8px) !important;
  }
  .p-md-5 {
    padding: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .pt-md-5 {
    padding-top: calc(5 * 8px) !important;
  }
  .pr-md-5 {
    padding-right: calc(5 * 8px) !important;
  }
  .pb-md-5 {
    padding-bottom: calc(5 * 8px) !important;
  }
  .pl-md-5 {
    padding-left: calc(5 * 8px) !important;
  }
  .p-md-n5 {
    padding: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .pt-md-n5 {
    padding-top: calc(5 * -8px) !important;
  }
  .pr-md-n5 {
    padding-right: calc(5 * -8px) !important;
  }
  .pb-md-n5 {
    padding-bottom: calc(5 * -8px) !important;
  }
  .pl-md-n5 {
    padding-left: calc(5 * -8px) !important;
  }
  .px-md-5 {
    padding-right: calc(5 * 8px) !important;
    padding-left: calc(5 * 8px) !important;
  }
  .py-md-5 {
    padding-top: calc(5 * 8px) !important;
    padding-bottom: calc(5 * 8px) !important;
  }
  .p-md-6 {
    padding: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .pt-md-6 {
    padding-top: calc(6 * 8px) !important;
  }
  .pr-md-6 {
    padding-right: calc(6 * 8px) !important;
  }
  .pb-md-6 {
    padding-bottom: calc(6 * 8px) !important;
  }
  .pl-md-6 {
    padding-left: calc(6 * 8px) !important;
  }
  .p-md-n6 {
    padding: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .pt-md-n6 {
    padding-top: calc(6 * -8px) !important;
  }
  .pr-md-n6 {
    padding-right: calc(6 * -8px) !important;
  }
  .pb-md-n6 {
    padding-bottom: calc(6 * -8px) !important;
  }
  .pl-md-n6 {
    padding-left: calc(6 * -8px) !important;
  }
  .px-md-6 {
    padding-right: calc(6 * 8px) !important;
    padding-left: calc(6 * 8px) !important;
  }
  .py-md-6 {
    padding-top: calc(6 * 8px) !important;
    padding-bottom: calc(6 * 8px) !important;
  }
  .p-md-7 {
    padding: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .pt-md-7 {
    padding-top: calc(7 * 8px) !important;
  }
  .pr-md-7 {
    padding-right: calc(7 * 8px) !important;
  }
  .pb-md-7 {
    padding-bottom: calc(7 * 8px) !important;
  }
  .pl-md-7 {
    padding-left: calc(7 * 8px) !important;
  }
  .p-md-n7 {
    padding: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .pt-md-n7 {
    padding-top: calc(7 * -8px) !important;
  }
  .pr-md-n7 {
    padding-right: calc(7 * -8px) !important;
  }
  .pb-md-n7 {
    padding-bottom: calc(7 * -8px) !important;
  }
  .pl-md-n7 {
    padding-left: calc(7 * -8px) !important;
  }
  .px-md-7 {
    padding-right: calc(7 * 8px) !important;
    padding-left: calc(7 * 8px) !important;
  }
  .py-md-7 {
    padding-top: calc(7 * 8px) !important;
    padding-bottom: calc(7 * 8px) !important;
  }
  .p-md-8 {
    padding: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .pt-md-8 {
    padding-top: calc(8 * 8px) !important;
  }
  .pr-md-8 {
    padding-right: calc(8 * 8px) !important;
  }
  .pb-md-8 {
    padding-bottom: calc(8 * 8px) !important;
  }
  .pl-md-8 {
    padding-left: calc(8 * 8px) !important;
  }
  .p-md-n8 {
    padding: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .pt-md-n8 {
    padding-top: calc(8 * -8px) !important;
  }
  .pr-md-n8 {
    padding-right: calc(8 * -8px) !important;
  }
  .pb-md-n8 {
    padding-bottom: calc(8 * -8px) !important;
  }
  .pl-md-n8 {
    padding-left: calc(8 * -8px) !important;
  }
  .px-md-8 {
    padding-right: calc(8 * 8px) !important;
    padding-left: calc(8 * 8px) !important;
  }
  .py-md-8 {
    padding-top: calc(8 * 8px) !important;
    padding-bottom: calc(8 * 8px) !important;
  }
  .p-md-9 {
    padding: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .pt-md-9 {
    padding-top: calc(9 * 8px) !important;
  }
  .pr-md-9 {
    padding-right: calc(9 * 8px) !important;
  }
  .pb-md-9 {
    padding-bottom: calc(9 * 8px) !important;
  }
  .pl-md-9 {
    padding-left: calc(9 * 8px) !important;
  }
  .p-md-n9 {
    padding: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .pt-md-n9 {
    padding-top: calc(9 * -8px) !important;
  }
  .pr-md-n9 {
    padding-right: calc(9 * -8px) !important;
  }
  .pb-md-n9 {
    padding-bottom: calc(9 * -8px) !important;
  }
  .pl-md-n9 {
    padding-left: calc(9 * -8px) !important;
  }
  .px-md-9 {
    padding-right: calc(9 * 8px) !important;
    padding-left: calc(9 * 8px) !important;
  }
  .py-md-9 {
    padding-top: calc(9 * 8px) !important;
    padding-bottom: calc(9 * 8px) !important;
  }
  .p-md-10 {
    padding: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .pt-md-10 {
    padding-top: calc(10 * 8px) !important;
  }
  .pr-md-10 {
    padding-right: calc(10 * 8px) !important;
  }
  .pb-md-10 {
    padding-bottom: calc(10 * 8px) !important;
  }
  .pl-md-10 {
    padding-left: calc(10 * 8px) !important;
  }
  .p-md-n10 {
    padding: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .pt-md-n10 {
    padding-top: calc(10 * -8px) !important;
  }
  .pr-md-n10 {
    padding-right: calc(10 * -8px) !important;
  }
  .pb-md-n10 {
    padding-bottom: calc(10 * -8px) !important;
  }
  .pl-md-n10 {
    padding-left: calc(10 * -8px) !important;
  }
  .px-md-10 {
    padding-right: calc(10 * 8px) !important;
    padding-left: calc(10 * 8px) !important;
  }
  .py-md-10 {
    padding-top: calc(10 * 8px) !important;
    padding-bottom: calc(10 * 8px) !important;
  }
  .p-md-11 {
    padding: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .pt-md-11 {
    padding-top: calc(11 * 8px) !important;
  }
  .pr-md-11 {
    padding-right: calc(11 * 8px) !important;
  }
  .pb-md-11 {
    padding-bottom: calc(11 * 8px) !important;
  }
  .pl-md-11 {
    padding-left: calc(11 * 8px) !important;
  }
  .p-md-n11 {
    padding: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .pt-md-n11 {
    padding-top: calc(11 * -8px) !important;
  }
  .pr-md-n11 {
    padding-right: calc(11 * -8px) !important;
  }
  .pb-md-n11 {
    padding-bottom: calc(11 * -8px) !important;
  }
  .pl-md-n11 {
    padding-left: calc(11 * -8px) !important;
  }
  .px-md-11 {
    padding-right: calc(11 * 8px) !important;
    padding-left: calc(11 * 8px) !important;
  }
  .py-md-11 {
    padding-top: calc(11 * 8px) !important;
    padding-bottom: calc(11 * 8px) !important;
  }
  .p-md-12 {
    padding: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .pt-md-12 {
    padding-top: calc(12 * 8px) !important;
  }
  .pr-md-12 {
    padding-right: calc(12 * 8px) !important;
  }
  .pb-md-12 {
    padding-bottom: calc(12 * 8px) !important;
  }
  .pl-md-12 {
    padding-left: calc(12 * 8px) !important;
  }
  .p-md-n12 {
    padding: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .pt-md-n12 {
    padding-top: calc(12 * -8px) !important;
  }
  .pr-md-n12 {
    padding-right: calc(12 * -8px) !important;
  }
  .pb-md-n12 {
    padding-bottom: calc(12 * -8px) !important;
  }
  .pl-md-n12 {
    padding-left: calc(12 * -8px) !important;
  }
  .px-md-12 {
    padding-right: calc(12 * 8px) !important;
    padding-left: calc(12 * 8px) !important;
  }
  .py-md-12 {
    padding-top: calc(12 * 8px) !important;
    padding-bottom: calc(12 * 8px) !important;
  }
  .p-md-13 {
    padding: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .pt-md-13 {
    padding-top: calc(13 * 8px) !important;
  }
  .pr-md-13 {
    padding-right: calc(13 * 8px) !important;
  }
  .pb-md-13 {
    padding-bottom: calc(13 * 8px) !important;
  }
  .pl-md-13 {
    padding-left: calc(13 * 8px) !important;
  }
  .p-md-n13 {
    padding: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .pt-md-n13 {
    padding-top: calc(13 * -8px) !important;
  }
  .pr-md-n13 {
    padding-right: calc(13 * -8px) !important;
  }
  .pb-md-n13 {
    padding-bottom: calc(13 * -8px) !important;
  }
  .pl-md-n13 {
    padding-left: calc(13 * -8px) !important;
  }
  .px-md-13 {
    padding-right: calc(13 * 8px) !important;
    padding-left: calc(13 * 8px) !important;
  }
  .py-md-13 {
    padding-top: calc(13 * 8px) !important;
    padding-bottom: calc(13 * 8px) !important;
  }
  .p-md-14 {
    padding: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .pt-md-14 {
    padding-top: calc(14 * 8px) !important;
  }
  .pr-md-14 {
    padding-right: calc(14 * 8px) !important;
  }
  .pb-md-14 {
    padding-bottom: calc(14 * 8px) !important;
  }
  .pl-md-14 {
    padding-left: calc(14 * 8px) !important;
  }
  .p-md-n14 {
    padding: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .pt-md-n14 {
    padding-top: calc(14 * -8px) !important;
  }
  .pr-md-n14 {
    padding-right: calc(14 * -8px) !important;
  }
  .pb-md-n14 {
    padding-bottom: calc(14 * -8px) !important;
  }
  .pl-md-n14 {
    padding-left: calc(14 * -8px) !important;
  }
  .px-md-14 {
    padding-right: calc(14 * 8px) !important;
    padding-left: calc(14 * 8px) !important;
  }
  .py-md-14 {
    padding-top: calc(14 * 8px) !important;
    padding-bottom: calc(14 * 8px) !important;
  }
  .p-md-15 {
    padding: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .pt-md-15 {
    padding-top: calc(15 * 8px) !important;
  }
  .pr-md-15 {
    padding-right: calc(15 * 8px) !important;
  }
  .pb-md-15 {
    padding-bottom: calc(15 * 8px) !important;
  }
  .pl-md-15 {
    padding-left: calc(15 * 8px) !important;
  }
  .p-md-n15 {
    padding: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .pt-md-n15 {
    padding-top: calc(15 * -8px) !important;
  }
  .pr-md-n15 {
    padding-right: calc(15 * -8px) !important;
  }
  .pb-md-n15 {
    padding-bottom: calc(15 * -8px) !important;
  }
  .pl-md-n15 {
    padding-left: calc(15 * -8px) !important;
  }
  .px-md-15 {
    padding-right: calc(15 * 8px) !important;
    padding-left: calc(15 * 8px) !important;
  }
  .py-md-15 {
    padding-top: calc(15 * 8px) !important;
    padding-bottom: calc(15 * 8px) !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: 0px !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-lg-1 {
    margin: 8px !important;
  }
  .mt-lg-1 {
    margin-top: 8px !important;
  }
  .mr-lg-1 {
    margin-right: 8px !important;
  }
  .mb-lg-1 {
    margin-bottom: 8px !important;
  }
  .ml-lg-1 {
    margin-left: 8px !important;
  }
  .mx-lg-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-lg-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-lg-1 {
    padding: 8px !important;
  }
  .pt-lg-1 {
    padding-top: 8px !important;
  }
  .pr-lg-1 {
    padding-right: 8px !important;
  }
  .pb-lg-1 {
    padding-bottom: 8px !important;
  }
  .pl-lg-1 {
    padding-left: 8px !important;
  }
  .px-lg-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-lg-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-lg-2 {
    margin: 16px !important;
  }
  .mt-lg-2 {
    margin-top: 16px !important;
  }
  .mr-lg-2 {
    margin-right: 16px !important;
  }
  .mb-lg-2 {
    margin-bottom: 16px !important;
  }
  .ml-lg-2 {
    margin-left: 16px !important;
  }
  .mx-lg-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-lg-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-lg-2 {
    padding: 16px !important;
  }
  .pt-lg-2 {
    padding-top: 16px !important;
  }
  .pr-lg-2 {
    padding-right: 16px !important;
  }
  .pb-lg-2 {
    padding-bottom: 16px !important;
  }
  .pl-lg-2 {
    padding-left: 16px !important;
  }
  .px-lg-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-lg-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-lg-3 {
    margin: 24px !important;
  }
  .mt-lg-3 {
    margin-top: 24px !important;
  }
  .mr-lg-3 {
    margin-right: 24px !important;
  }
  .mb-lg-3 {
    margin-bottom: 24px !important;
  }
  .ml-lg-3 {
    margin-left: 24px !important;
  }
  .mx-lg-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-lg-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-lg-3 {
    padding: 24px !important;
  }
  .pt-lg-3 {
    padding-top: 24px !important;
  }
  .pr-lg-3 {
    padding-right: 24px !important;
  }
  .pb-lg-3 {
    padding-bottom: 24px !important;
  }
  .pl-lg-3 {
    padding-left: 24px !important;
  }
  .px-lg-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-lg-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-lg-4 {
    margin: 32px !important;
  }
  .mt-lg-4 {
    margin-top: 32px !important;
  }
  .mr-lg-4 {
    margin-right: 32px !important;
  }
  .mb-lg-4 {
    margin-bottom: 32px !important;
  }
  .ml-lg-4 {
    margin-left: 32px !important;
  }
  .mx-lg-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-lg-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-lg-4 {
    padding: 32px !important;
  }
  .pt-lg-4 {
    padding-top: 32px !important;
  }
  .pr-lg-4 {
    padding-right: 32px !important;
  }
  .pb-lg-4 {
    padding-bottom: 32px !important;
  }
  .pl-lg-4 {
    padding-left: 32px !important;
  }
  .px-lg-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-lg-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-lg-5 {
    margin: 40px !important;
  }
  .mt-lg-5 {
    margin-top: 40px !important;
  }
  .mr-lg-5 {
    margin-right: 40px !important;
  }
  .mb-lg-5 {
    margin-bottom: 40px !important;
  }
  .ml-lg-5 {
    margin-left: 40px !important;
  }
  .mx-lg-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-lg-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-lg-5 {
    padding: 40px !important;
  }
  .pt-lg-5 {
    padding-top: 40px !important;
  }
  .pr-lg-5 {
    padding-right: 40px !important;
  }
  .pb-lg-5 {
    padding-bottom: 40px !important;
  }
  .pl-lg-5 {
    padding-left: 40px !important;
  }
  .px-lg-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-lg-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-lg-6 {
    margin: 48px !important;
  }
  .mt-lg-6 {
    margin-top: 48px !important;
  }
  .mr-lg-6 {
    margin-right: 48px !important;
  }
  .mb-lg-6 {
    margin-bottom: 48px !important;
  }
  .ml-lg-6 {
    margin-left: 48px !important;
  }
  .mx-lg-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-lg-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-lg-6 {
    padding: 48px !important;
  }
  .pt-lg-6 {
    padding-top: 48px !important;
  }
  .pr-lg-6 {
    padding-right: 48px !important;
  }
  .pb-lg-6 {
    padding-bottom: 48px !important;
  }
  .pl-lg-6 {
    padding-left: 48px !important;
  }
  .px-lg-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-lg-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-lg-7 {
    margin: 56px !important;
  }
  .mt-lg-7 {
    margin-top: 56px !important;
  }
  .mr-lg-7 {
    margin-right: 56px !important;
  }
  .mb-lg-7 {
    margin-bottom: 56px !important;
  }
  .ml-lg-7 {
    margin-left: 56px !important;
  }
  .mx-lg-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-lg-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-lg-7 {
    padding: 56px !important;
  }
  .pt-lg-7 {
    padding-top: 56px !important;
  }
  .pr-lg-7 {
    padding-right: 56px !important;
  }
  .pb-lg-7 {
    padding-bottom: 56px !important;
  }
  .pl-lg-7 {
    padding-left: 56px !important;
  }
  .px-lg-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-lg-8 {
    margin: 64px !important;
  }
  .mt-lg-8 {
    margin-top: 64px !important;
  }
  .mr-lg-8 {
    margin-right: 64px !important;
  }
  .mb-lg-8 {
    margin-bottom: 64px !important;
  }
  .ml-lg-8 {
    margin-left: 64px !important;
  }
  .mx-lg-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-lg-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .p-lg-8 {
    padding: 64px !important;
  }
  .pt-lg-8 {
    padding-top: 64px !important;
  }
  .pr-lg-8 {
    padding-right: 64px !important;
  }
  .pb-lg-8 {
    padding-bottom: 64px !important;
  }
  .pl-lg-8 {
    padding-left: 64px !important;
  }
  .px-lg-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-lg-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .m-lg-9 {
    margin: 72px !important;
  }
  .mt-lg-9 {
    margin-top: 72px !important;
  }
  .mr-lg-9 {
    margin-right: 72px !important;
  }
  .mb-lg-9 {
    margin-bottom: 72px !important;
  }
  .ml-lg-9 {
    margin-left: 72px !important;
  }
  .mx-lg-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-lg-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .p-lg-9 {
    padding: 72px !important;
  }
  .pt-lg-9 {
    padding-top: 72px !important;
  }
  .pr-lg-9 {
    padding-right: 72px !important;
  }
  .pb-lg-9 {
    padding-bottom: 72px !important;
  }
  .pl-lg-9 {
    padding-left: 72px !important;
  }
  .px-lg-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-lg-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .m-lg-10 {
    margin: 80px !important;
  }
  .mt-lg-10 {
    margin-top: 80px !important;
  }
  .mr-lg-10 {
    margin-right: 80px !important;
  }
  .mb-lg-10 {
    margin-bottom: 80px !important;
  }
  .ml-lg-10 {
    margin-left: 80px !important;
  }
  .mx-lg-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-lg-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .p-lg-10 {
    padding: 80px !important;
  }
  .pt-lg-10 {
    padding-top: 80px !important;
  }
  .pr-lg-10 {
    padding-right: 80px !important;
  }
  .pb-lg-10 {
    padding-bottom: 80px !important;
  }
  .pl-lg-10 {
    padding-left: 80px !important;
  }
  .px-lg-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-lg-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-lg-11 {
    margin: 88px !important;
  }
  .mt-lg-11 {
    margin-top: 88px !important;
  }
  .mr-lg-11 {
    margin-right: 88px !important;
  }
  .mb-lg-11 {
    margin-bottom: 88px !important;
  }
  .ml-lg-11 {
    margin-left: 88px !important;
  }
  .mx-lg-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-lg-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .p-lg-11 {
    padding: 88px !important;
  }
  .pt-lg-11 {
    padding-top: 88px !important;
  }
  .pr-lg-11 {
    padding-right: 88px !important;
  }
  .pb-lg-11 {
    padding-bottom: 88px !important;
  }
  .pl-lg-11 {
    padding-left: 88px !important;
  }
  .px-lg-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-lg-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .m-lg-12 {
    margin: 96px !important;
  }
  .mt-lg-12 {
    margin-top: 96px !important;
  }
  .mr-lg-12 {
    margin-right: 96px !important;
  }
  .mb-lg-12 {
    margin-bottom: 96px !important;
  }
  .ml-lg-12 {
    margin-left: 96px !important;
  }
  .mx-lg-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-lg-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .p-lg-12 {
    padding: 96px !important;
  }
  .pt-lg-12 {
    padding-top: 96px !important;
  }
  .pr-lg-12 {
    padding-right: 96px !important;
  }
  .pb-lg-12 {
    padding-bottom: 96px !important;
  }
  .pl-lg-12 {
    padding-left: 96px !important;
  }
  .px-lg-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-lg-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .m-lg-13 {
    margin: 104px !important;
  }
  .mt-lg-13 {
    margin-top: 104px !important;
  }
  .mr-lg-13 {
    margin-right: 104px !important;
  }
  .mb-lg-13 {
    margin-bottom: 104px !important;
  }
  .ml-lg-13 {
    margin-left: 104px !important;
  }
  .mx-lg-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-lg-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .p-lg-13 {
    padding: 104px !important;
  }
  .pt-lg-13 {
    padding-top: 104px !important;
  }
  .pr-lg-13 {
    padding-right: 104px !important;
  }
  .pb-lg-13 {
    padding-bottom: 104px !important;
  }
  .pl-lg-13 {
    padding-left: 104px !important;
  }
  .px-lg-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-lg-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .m-lg-14 {
    margin: 112px !important;
  }
  .mt-lg-14 {
    margin-top: 112px !important;
  }
  .mr-lg-14 {
    margin-right: 112px !important;
  }
  .mb-lg-14 {
    margin-bottom: 112px !important;
  }
  .ml-lg-14 {
    margin-left: 112px !important;
  }
  .mx-lg-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-lg-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .p-lg-14 {
    padding: 112px !important;
  }
  .pt-lg-14 {
    padding-top: 112px !important;
  }
  .pr-lg-14 {
    padding-right: 112px !important;
  }
  .pb-lg-14 {
    padding-bottom: 112px !important;
  }
  .pl-lg-14 {
    padding-left: 112px !important;
  }
  .px-lg-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-lg-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .m-lg-15 {
    margin: 120px !important;
  }
  .mt-lg-15 {
    margin-top: 120px !important;
  }
  .mr-lg-15 {
    margin-right: 120px !important;
  }
  .mb-lg-15 {
    margin-bottom: 120px !important;
  }
  .ml-lg-15 {
    margin-left: 120px !important;
  }
  .mx-lg-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-lg-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .p-lg-15 {
    padding: 120px !important;
  }
  .pt-lg-15 {
    padding-top: 120px !important;
  }
  .pr-lg-15 {
    padding-right: 120px !important;
  }
  .pb-lg-15 {
    padding-bottom: 120px !important;
  }
  .pl-lg-15 {
    padding-left: 120px !important;
  }
  .px-lg-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-lg-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .m-lg-0 {
    margin: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .mt-lg-0 {
    margin-top: calc(0 * 8px) !important;
  }
  .mr-lg-0 {
    margin-right: calc(0 * 8px) !important;
  }
  .mb-lg-0 {
    margin-bottom: calc(0 * 8px) !important;
  }
  .ml-lg-0 {
    margin-left: calc(0 * 8px) !important;
  }
  .m-lg-n0 {
    margin: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .mt-lg-n0 {
    margin-top: calc(0 * -8px) !important;
  }
  .mr-lg-n0 {
    margin-right: calc(0 * -8px) !important;
  }
  .mb-lg-n0 {
    margin-bottom: calc(0 * -8px) !important;
  }
  .ml-lg-n0 {
    margin-left: calc(0 * -8px) !important;
  }
  .mx-lg-0 {
    margin-right: calc(0 * 8px) !important;
    margin-left: calc(0 * 8px) !important;
  }
  .my-lg-0 {
    margin-top: calc(0 * 8px) !important;
    margin-bottom: calc(0 * 8px) !important;
  }
  .m-lg-1 {
    margin: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .mt-lg-1 {
    margin-top: calc(1 * 8px) !important;
  }
  .mr-lg-1 {
    margin-right: calc(1 * 8px) !important;
  }
  .mb-lg-1 {
    margin-bottom: calc(1 * 8px) !important;
  }
  .ml-lg-1 {
    margin-left: calc(1 * 8px) !important;
  }
  .m-lg-n1 {
    margin: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .mt-lg-n1 {
    margin-top: calc(1 * -8px) !important;
  }
  .mr-lg-n1 {
    margin-right: calc(1 * -8px) !important;
  }
  .mb-lg-n1 {
    margin-bottom: calc(1 * -8px) !important;
  }
  .ml-lg-n1 {
    margin-left: calc(1 * -8px) !important;
  }
  .mx-lg-1 {
    margin-right: calc(1 * 8px) !important;
    margin-left: calc(1 * 8px) !important;
  }
  .my-lg-1 {
    margin-top: calc(1 * 8px) !important;
    margin-bottom: calc(1 * 8px) !important;
  }
  .m-lg-2 {
    margin: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .mt-lg-2 {
    margin-top: calc(2 * 8px) !important;
  }
  .mr-lg-2 {
    margin-right: calc(2 * 8px) !important;
  }
  .mb-lg-2 {
    margin-bottom: calc(2 * 8px) !important;
  }
  .ml-lg-2 {
    margin-left: calc(2 * 8px) !important;
  }
  .m-lg-n2 {
    margin: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .mt-lg-n2 {
    margin-top: calc(2 * -8px) !important;
  }
  .mr-lg-n2 {
    margin-right: calc(2 * -8px) !important;
  }
  .mb-lg-n2 {
    margin-bottom: calc(2 * -8px) !important;
  }
  .ml-lg-n2 {
    margin-left: calc(2 * -8px) !important;
  }
  .mx-lg-2 {
    margin-right: calc(2 * 8px) !important;
    margin-left: calc(2 * 8px) !important;
  }
  .my-lg-2 {
    margin-top: calc(2 * 8px) !important;
    margin-bottom: calc(2 * 8px) !important;
  }
  .m-lg-3 {
    margin: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .mt-lg-3 {
    margin-top: calc(3 * 8px) !important;
  }
  .mr-lg-3 {
    margin-right: calc(3 * 8px) !important;
  }
  .mb-lg-3 {
    margin-bottom: calc(3 * 8px) !important;
  }
  .ml-lg-3 {
    margin-left: calc(3 * 8px) !important;
  }
  .m-lg-n3 {
    margin: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .mt-lg-n3 {
    margin-top: calc(3 * -8px) !important;
  }
  .mr-lg-n3 {
    margin-right: calc(3 * -8px) !important;
  }
  .mb-lg-n3 {
    margin-bottom: calc(3 * -8px) !important;
  }
  .ml-lg-n3 {
    margin-left: calc(3 * -8px) !important;
  }
  .mx-lg-3 {
    margin-right: calc(3 * 8px) !important;
    margin-left: calc(3 * 8px) !important;
  }
  .my-lg-3 {
    margin-top: calc(3 * 8px) !important;
    margin-bottom: calc(3 * 8px) !important;
  }
  .m-lg-4 {
    margin: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .mt-lg-4 {
    margin-top: calc(4 * 8px) !important;
  }
  .mr-lg-4 {
    margin-right: calc(4 * 8px) !important;
  }
  .mb-lg-4 {
    margin-bottom: calc(4 * 8px) !important;
  }
  .ml-lg-4 {
    margin-left: calc(4 * 8px) !important;
  }
  .m-lg-n4 {
    margin: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .mt-lg-n4 {
    margin-top: calc(4 * -8px) !important;
  }
  .mr-lg-n4 {
    margin-right: calc(4 * -8px) !important;
  }
  .mb-lg-n4 {
    margin-bottom: calc(4 * -8px) !important;
  }
  .ml-lg-n4 {
    margin-left: calc(4 * -8px) !important;
  }
  .mx-lg-4 {
    margin-right: calc(4 * 8px) !important;
    margin-left: calc(4 * 8px) !important;
  }
  .my-lg-4 {
    margin-top: calc(4 * 8px) !important;
    margin-bottom: calc(4 * 8px) !important;
  }
  .m-lg-5 {
    margin: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .mt-lg-5 {
    margin-top: calc(5 * 8px) !important;
  }
  .mr-lg-5 {
    margin-right: calc(5 * 8px) !important;
  }
  .mb-lg-5 {
    margin-bottom: calc(5 * 8px) !important;
  }
  .ml-lg-5 {
    margin-left: calc(5 * 8px) !important;
  }
  .m-lg-n5 {
    margin: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .mt-lg-n5 {
    margin-top: calc(5 * -8px) !important;
  }
  .mr-lg-n5 {
    margin-right: calc(5 * -8px) !important;
  }
  .mb-lg-n5 {
    margin-bottom: calc(5 * -8px) !important;
  }
  .ml-lg-n5 {
    margin-left: calc(5 * -8px) !important;
  }
  .mx-lg-5 {
    margin-right: calc(5 * 8px) !important;
    margin-left: calc(5 * 8px) !important;
  }
  .my-lg-5 {
    margin-top: calc(5 * 8px) !important;
    margin-bottom: calc(5 * 8px) !important;
  }
  .m-lg-6 {
    margin: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .mt-lg-6 {
    margin-top: calc(6 * 8px) !important;
  }
  .mr-lg-6 {
    margin-right: calc(6 * 8px) !important;
  }
  .mb-lg-6 {
    margin-bottom: calc(6 * 8px) !important;
  }
  .ml-lg-6 {
    margin-left: calc(6 * 8px) !important;
  }
  .m-lg-n6 {
    margin: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .mt-lg-n6 {
    margin-top: calc(6 * -8px) !important;
  }
  .mr-lg-n6 {
    margin-right: calc(6 * -8px) !important;
  }
  .mb-lg-n6 {
    margin-bottom: calc(6 * -8px) !important;
  }
  .ml-lg-n6 {
    margin-left: calc(6 * -8px) !important;
  }
  .mx-lg-6 {
    margin-right: calc(6 * 8px) !important;
    margin-left: calc(6 * 8px) !important;
  }
  .my-lg-6 {
    margin-top: calc(6 * 8px) !important;
    margin-bottom: calc(6 * 8px) !important;
  }
  .m-lg-7 {
    margin: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .mt-lg-7 {
    margin-top: calc(7 * 8px) !important;
  }
  .mr-lg-7 {
    margin-right: calc(7 * 8px) !important;
  }
  .mb-lg-7 {
    margin-bottom: calc(7 * 8px) !important;
  }
  .ml-lg-7 {
    margin-left: calc(7 * 8px) !important;
  }
  .m-lg-n7 {
    margin: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .mt-lg-n7 {
    margin-top: calc(7 * -8px) !important;
  }
  .mr-lg-n7 {
    margin-right: calc(7 * -8px) !important;
  }
  .mb-lg-n7 {
    margin-bottom: calc(7 * -8px) !important;
  }
  .ml-lg-n7 {
    margin-left: calc(7 * -8px) !important;
  }
  .mx-lg-7 {
    margin-right: calc(7 * 8px) !important;
    margin-left: calc(7 * 8px) !important;
  }
  .my-lg-7 {
    margin-top: calc(7 * 8px) !important;
    margin-bottom: calc(7 * 8px) !important;
  }
  .m-lg-8 {
    margin: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .mt-lg-8 {
    margin-top: calc(8 * 8px) !important;
  }
  .mr-lg-8 {
    margin-right: calc(8 * 8px) !important;
  }
  .mb-lg-8 {
    margin-bottom: calc(8 * 8px) !important;
  }
  .ml-lg-8 {
    margin-left: calc(8 * 8px) !important;
  }
  .m-lg-n8 {
    margin: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .mt-lg-n8 {
    margin-top: calc(8 * -8px) !important;
  }
  .mr-lg-n8 {
    margin-right: calc(8 * -8px) !important;
  }
  .mb-lg-n8 {
    margin-bottom: calc(8 * -8px) !important;
  }
  .ml-lg-n8 {
    margin-left: calc(8 * -8px) !important;
  }
  .mx-lg-8 {
    margin-right: calc(8 * 8px) !important;
    margin-left: calc(8 * 8px) !important;
  }
  .my-lg-8 {
    margin-top: calc(8 * 8px) !important;
    margin-bottom: calc(8 * 8px) !important;
  }
  .m-lg-9 {
    margin: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .mt-lg-9 {
    margin-top: calc(9 * 8px) !important;
  }
  .mr-lg-9 {
    margin-right: calc(9 * 8px) !important;
  }
  .mb-lg-9 {
    margin-bottom: calc(9 * 8px) !important;
  }
  .ml-lg-9 {
    margin-left: calc(9 * 8px) !important;
  }
  .m-lg-n9 {
    margin: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .mt-lg-n9 {
    margin-top: calc(9 * -8px) !important;
  }
  .mr-lg-n9 {
    margin-right: calc(9 * -8px) !important;
  }
  .mb-lg-n9 {
    margin-bottom: calc(9 * -8px) !important;
  }
  .ml-lg-n9 {
    margin-left: calc(9 * -8px) !important;
  }
  .mx-lg-9 {
    margin-right: calc(9 * 8px) !important;
    margin-left: calc(9 * 8px) !important;
  }
  .my-lg-9 {
    margin-top: calc(9 * 8px) !important;
    margin-bottom: calc(9 * 8px) !important;
  }
  .m-lg-10 {
    margin: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .mt-lg-10 {
    margin-top: calc(10 * 8px) !important;
  }
  .mr-lg-10 {
    margin-right: calc(10 * 8px) !important;
  }
  .mb-lg-10 {
    margin-bottom: calc(10 * 8px) !important;
  }
  .ml-lg-10 {
    margin-left: calc(10 * 8px) !important;
  }
  .m-lg-n10 {
    margin: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .mt-lg-n10 {
    margin-top: calc(10 * -8px) !important;
  }
  .mr-lg-n10 {
    margin-right: calc(10 * -8px) !important;
  }
  .mb-lg-n10 {
    margin-bottom: calc(10 * -8px) !important;
  }
  .ml-lg-n10 {
    margin-left: calc(10 * -8px) !important;
  }
  .mx-lg-10 {
    margin-right: calc(10 * 8px) !important;
    margin-left: calc(10 * 8px) !important;
  }
  .my-lg-10 {
    margin-top: calc(10 * 8px) !important;
    margin-bottom: calc(10 * 8px) !important;
  }
  .m-lg-11 {
    margin: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .mt-lg-11 {
    margin-top: calc(11 * 8px) !important;
  }
  .mr-lg-11 {
    margin-right: calc(11 * 8px) !important;
  }
  .mb-lg-11 {
    margin-bottom: calc(11 * 8px) !important;
  }
  .ml-lg-11 {
    margin-left: calc(11 * 8px) !important;
  }
  .m-lg-n11 {
    margin: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .mt-lg-n11 {
    margin-top: calc(11 * -8px) !important;
  }
  .mr-lg-n11 {
    margin-right: calc(11 * -8px) !important;
  }
  .mb-lg-n11 {
    margin-bottom: calc(11 * -8px) !important;
  }
  .ml-lg-n11 {
    margin-left: calc(11 * -8px) !important;
  }
  .mx-lg-11 {
    margin-right: calc(11 * 8px) !important;
    margin-left: calc(11 * 8px) !important;
  }
  .my-lg-11 {
    margin-top: calc(11 * 8px) !important;
    margin-bottom: calc(11 * 8px) !important;
  }
  .m-lg-12 {
    margin: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .mt-lg-12 {
    margin-top: calc(12 * 8px) !important;
  }
  .mr-lg-12 {
    margin-right: calc(12 * 8px) !important;
  }
  .mb-lg-12 {
    margin-bottom: calc(12 * 8px) !important;
  }
  .ml-lg-12 {
    margin-left: calc(12 * 8px) !important;
  }
  .m-lg-n12 {
    margin: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .mt-lg-n12 {
    margin-top: calc(12 * -8px) !important;
  }
  .mr-lg-n12 {
    margin-right: calc(12 * -8px) !important;
  }
  .mb-lg-n12 {
    margin-bottom: calc(12 * -8px) !important;
  }
  .ml-lg-n12 {
    margin-left: calc(12 * -8px) !important;
  }
  .mx-lg-12 {
    margin-right: calc(12 * 8px) !important;
    margin-left: calc(12 * 8px) !important;
  }
  .my-lg-12 {
    margin-top: calc(12 * 8px) !important;
    margin-bottom: calc(12 * 8px) !important;
  }
  .m-lg-13 {
    margin: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .mt-lg-13 {
    margin-top: calc(13 * 8px) !important;
  }
  .mr-lg-13 {
    margin-right: calc(13 * 8px) !important;
  }
  .mb-lg-13 {
    margin-bottom: calc(13 * 8px) !important;
  }
  .ml-lg-13 {
    margin-left: calc(13 * 8px) !important;
  }
  .m-lg-n13 {
    margin: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .mt-lg-n13 {
    margin-top: calc(13 * -8px) !important;
  }
  .mr-lg-n13 {
    margin-right: calc(13 * -8px) !important;
  }
  .mb-lg-n13 {
    margin-bottom: calc(13 * -8px) !important;
  }
  .ml-lg-n13 {
    margin-left: calc(13 * -8px) !important;
  }
  .mx-lg-13 {
    margin-right: calc(13 * 8px) !important;
    margin-left: calc(13 * 8px) !important;
  }
  .my-lg-13 {
    margin-top: calc(13 * 8px) !important;
    margin-bottom: calc(13 * 8px) !important;
  }
  .m-lg-14 {
    margin: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .mt-lg-14 {
    margin-top: calc(14 * 8px) !important;
  }
  .mr-lg-14 {
    margin-right: calc(14 * 8px) !important;
  }
  .mb-lg-14 {
    margin-bottom: calc(14 * 8px) !important;
  }
  .ml-lg-14 {
    margin-left: calc(14 * 8px) !important;
  }
  .m-lg-n14 {
    margin: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .mt-lg-n14 {
    margin-top: calc(14 * -8px) !important;
  }
  .mr-lg-n14 {
    margin-right: calc(14 * -8px) !important;
  }
  .mb-lg-n14 {
    margin-bottom: calc(14 * -8px) !important;
  }
  .ml-lg-n14 {
    margin-left: calc(14 * -8px) !important;
  }
  .mx-lg-14 {
    margin-right: calc(14 * 8px) !important;
    margin-left: calc(14 * 8px) !important;
  }
  .my-lg-14 {
    margin-top: calc(14 * 8px) !important;
    margin-bottom: calc(14 * 8px) !important;
  }
  .m-lg-15 {
    margin: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .mt-lg-15 {
    margin-top: calc(15 * 8px) !important;
  }
  .mr-lg-15 {
    margin-right: calc(15 * 8px) !important;
  }
  .mb-lg-15 {
    margin-bottom: calc(15 * 8px) !important;
  }
  .ml-lg-15 {
    margin-left: calc(15 * 8px) !important;
  }
  .m-lg-n15 {
    margin: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .mt-lg-n15 {
    margin-top: calc(15 * -8px) !important;
  }
  .mr-lg-n15 {
    margin-right: calc(15 * -8px) !important;
  }
  .mb-lg-n15 {
    margin-bottom: calc(15 * -8px) !important;
  }
  .ml-lg-n15 {
    margin-left: calc(15 * -8px) !important;
  }
  .mx-lg-15 {
    margin-right: calc(15 * 8px) !important;
    margin-left: calc(15 * 8px) !important;
  }
  .my-lg-15 {
    margin-top: calc(15 * 8px) !important;
    margin-bottom: calc(15 * 8px) !important;
  }
  .p-lg-0 {
    padding: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .pt-lg-0 {
    padding-top: calc(0 * 8px) !important;
  }
  .pr-lg-0 {
    padding-right: calc(0 * 8px) !important;
  }
  .pb-lg-0 {
    padding-bottom: calc(0 * 8px) !important;
  }
  .pl-lg-0 {
    padding-left: calc(0 * 8px) !important;
  }
  .p-lg-n0 {
    padding: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .pt-lg-n0 {
    padding-top: calc(0 * -8px) !important;
  }
  .pr-lg-n0 {
    padding-right: calc(0 * -8px) !important;
  }
  .pb-lg-n0 {
    padding-bottom: calc(0 * -8px) !important;
  }
  .pl-lg-n0 {
    padding-left: calc(0 * -8px) !important;
  }
  .px-lg-0 {
    padding-right: calc(0 * 8px) !important;
    padding-left: calc(0 * 8px) !important;
  }
  .py-lg-0 {
    padding-top: calc(0 * 8px) !important;
    padding-bottom: calc(0 * 8px) !important;
  }
  .p-lg-1 {
    padding: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .pt-lg-1 {
    padding-top: calc(1 * 8px) !important;
  }
  .pr-lg-1 {
    padding-right: calc(1 * 8px) !important;
  }
  .pb-lg-1 {
    padding-bottom: calc(1 * 8px) !important;
  }
  .pl-lg-1 {
    padding-left: calc(1 * 8px) !important;
  }
  .p-lg-n1 {
    padding: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .pt-lg-n1 {
    padding-top: calc(1 * -8px) !important;
  }
  .pr-lg-n1 {
    padding-right: calc(1 * -8px) !important;
  }
  .pb-lg-n1 {
    padding-bottom: calc(1 * -8px) !important;
  }
  .pl-lg-n1 {
    padding-left: calc(1 * -8px) !important;
  }
  .px-lg-1 {
    padding-right: calc(1 * 8px) !important;
    padding-left: calc(1 * 8px) !important;
  }
  .py-lg-1 {
    padding-top: calc(1 * 8px) !important;
    padding-bottom: calc(1 * 8px) !important;
  }
  .p-lg-2 {
    padding: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .pt-lg-2 {
    padding-top: calc(2 * 8px) !important;
  }
  .pr-lg-2 {
    padding-right: calc(2 * 8px) !important;
  }
  .pb-lg-2 {
    padding-bottom: calc(2 * 8px) !important;
  }
  .pl-lg-2 {
    padding-left: calc(2 * 8px) !important;
  }
  .p-lg-n2 {
    padding: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .pt-lg-n2 {
    padding-top: calc(2 * -8px) !important;
  }
  .pr-lg-n2 {
    padding-right: calc(2 * -8px) !important;
  }
  .pb-lg-n2 {
    padding-bottom: calc(2 * -8px) !important;
  }
  .pl-lg-n2 {
    padding-left: calc(2 * -8px) !important;
  }
  .px-lg-2 {
    padding-right: calc(2 * 8px) !important;
    padding-left: calc(2 * 8px) !important;
  }
  .py-lg-2 {
    padding-top: calc(2 * 8px) !important;
    padding-bottom: calc(2 * 8px) !important;
  }
  .p-lg-3 {
    padding: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .pt-lg-3 {
    padding-top: calc(3 * 8px) !important;
  }
  .pr-lg-3 {
    padding-right: calc(3 * 8px) !important;
  }
  .pb-lg-3 {
    padding-bottom: calc(3 * 8px) !important;
  }
  .pl-lg-3 {
    padding-left: calc(3 * 8px) !important;
  }
  .p-lg-n3 {
    padding: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .pt-lg-n3 {
    padding-top: calc(3 * -8px) !important;
  }
  .pr-lg-n3 {
    padding-right: calc(3 * -8px) !important;
  }
  .pb-lg-n3 {
    padding-bottom: calc(3 * -8px) !important;
  }
  .pl-lg-n3 {
    padding-left: calc(3 * -8px) !important;
  }
  .px-lg-3 {
    padding-right: calc(3 * 8px) !important;
    padding-left: calc(3 * 8px) !important;
  }
  .py-lg-3 {
    padding-top: calc(3 * 8px) !important;
    padding-bottom: calc(3 * 8px) !important;
  }
  .p-lg-4 {
    padding: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .pt-lg-4 {
    padding-top: calc(4 * 8px) !important;
  }
  .pr-lg-4 {
    padding-right: calc(4 * 8px) !important;
  }
  .pb-lg-4 {
    padding-bottom: calc(4 * 8px) !important;
  }
  .pl-lg-4 {
    padding-left: calc(4 * 8px) !important;
  }
  .p-lg-n4 {
    padding: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .pt-lg-n4 {
    padding-top: calc(4 * -8px) !important;
  }
  .pr-lg-n4 {
    padding-right: calc(4 * -8px) !important;
  }
  .pb-lg-n4 {
    padding-bottom: calc(4 * -8px) !important;
  }
  .pl-lg-n4 {
    padding-left: calc(4 * -8px) !important;
  }
  .px-lg-4 {
    padding-right: calc(4 * 8px) !important;
    padding-left: calc(4 * 8px) !important;
  }
  .py-lg-4 {
    padding-top: calc(4 * 8px) !important;
    padding-bottom: calc(4 * 8px) !important;
  }
  .p-lg-5 {
    padding: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .pt-lg-5 {
    padding-top: calc(5 * 8px) !important;
  }
  .pr-lg-5 {
    padding-right: calc(5 * 8px) !important;
  }
  .pb-lg-5 {
    padding-bottom: calc(5 * 8px) !important;
  }
  .pl-lg-5 {
    padding-left: calc(5 * 8px) !important;
  }
  .p-lg-n5 {
    padding: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .pt-lg-n5 {
    padding-top: calc(5 * -8px) !important;
  }
  .pr-lg-n5 {
    padding-right: calc(5 * -8px) !important;
  }
  .pb-lg-n5 {
    padding-bottom: calc(5 * -8px) !important;
  }
  .pl-lg-n5 {
    padding-left: calc(5 * -8px) !important;
  }
  .px-lg-5 {
    padding-right: calc(5 * 8px) !important;
    padding-left: calc(5 * 8px) !important;
  }
  .py-lg-5 {
    padding-top: calc(5 * 8px) !important;
    padding-bottom: calc(5 * 8px) !important;
  }
  .p-lg-6 {
    padding: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .pt-lg-6 {
    padding-top: calc(6 * 8px) !important;
  }
  .pr-lg-6 {
    padding-right: calc(6 * 8px) !important;
  }
  .pb-lg-6 {
    padding-bottom: calc(6 * 8px) !important;
  }
  .pl-lg-6 {
    padding-left: calc(6 * 8px) !important;
  }
  .p-lg-n6 {
    padding: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .pt-lg-n6 {
    padding-top: calc(6 * -8px) !important;
  }
  .pr-lg-n6 {
    padding-right: calc(6 * -8px) !important;
  }
  .pb-lg-n6 {
    padding-bottom: calc(6 * -8px) !important;
  }
  .pl-lg-n6 {
    padding-left: calc(6 * -8px) !important;
  }
  .px-lg-6 {
    padding-right: calc(6 * 8px) !important;
    padding-left: calc(6 * 8px) !important;
  }
  .py-lg-6 {
    padding-top: calc(6 * 8px) !important;
    padding-bottom: calc(6 * 8px) !important;
  }
  .p-lg-7 {
    padding: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .pt-lg-7 {
    padding-top: calc(7 * 8px) !important;
  }
  .pr-lg-7 {
    padding-right: calc(7 * 8px) !important;
  }
  .pb-lg-7 {
    padding-bottom: calc(7 * 8px) !important;
  }
  .pl-lg-7 {
    padding-left: calc(7 * 8px) !important;
  }
  .p-lg-n7 {
    padding: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .pt-lg-n7 {
    padding-top: calc(7 * -8px) !important;
  }
  .pr-lg-n7 {
    padding-right: calc(7 * -8px) !important;
  }
  .pb-lg-n7 {
    padding-bottom: calc(7 * -8px) !important;
  }
  .pl-lg-n7 {
    padding-left: calc(7 * -8px) !important;
  }
  .px-lg-7 {
    padding-right: calc(7 * 8px) !important;
    padding-left: calc(7 * 8px) !important;
  }
  .py-lg-7 {
    padding-top: calc(7 * 8px) !important;
    padding-bottom: calc(7 * 8px) !important;
  }
  .p-lg-8 {
    padding: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .pt-lg-8 {
    padding-top: calc(8 * 8px) !important;
  }
  .pr-lg-8 {
    padding-right: calc(8 * 8px) !important;
  }
  .pb-lg-8 {
    padding-bottom: calc(8 * 8px) !important;
  }
  .pl-lg-8 {
    padding-left: calc(8 * 8px) !important;
  }
  .p-lg-n8 {
    padding: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .pt-lg-n8 {
    padding-top: calc(8 * -8px) !important;
  }
  .pr-lg-n8 {
    padding-right: calc(8 * -8px) !important;
  }
  .pb-lg-n8 {
    padding-bottom: calc(8 * -8px) !important;
  }
  .pl-lg-n8 {
    padding-left: calc(8 * -8px) !important;
  }
  .px-lg-8 {
    padding-right: calc(8 * 8px) !important;
    padding-left: calc(8 * 8px) !important;
  }
  .py-lg-8 {
    padding-top: calc(8 * 8px) !important;
    padding-bottom: calc(8 * 8px) !important;
  }
  .p-lg-9 {
    padding: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .pt-lg-9 {
    padding-top: calc(9 * 8px) !important;
  }
  .pr-lg-9 {
    padding-right: calc(9 * 8px) !important;
  }
  .pb-lg-9 {
    padding-bottom: calc(9 * 8px) !important;
  }
  .pl-lg-9 {
    padding-left: calc(9 * 8px) !important;
  }
  .p-lg-n9 {
    padding: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .pt-lg-n9 {
    padding-top: calc(9 * -8px) !important;
  }
  .pr-lg-n9 {
    padding-right: calc(9 * -8px) !important;
  }
  .pb-lg-n9 {
    padding-bottom: calc(9 * -8px) !important;
  }
  .pl-lg-n9 {
    padding-left: calc(9 * -8px) !important;
  }
  .px-lg-9 {
    padding-right: calc(9 * 8px) !important;
    padding-left: calc(9 * 8px) !important;
  }
  .py-lg-9 {
    padding-top: calc(9 * 8px) !important;
    padding-bottom: calc(9 * 8px) !important;
  }
  .p-lg-10 {
    padding: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .pt-lg-10 {
    padding-top: calc(10 * 8px) !important;
  }
  .pr-lg-10 {
    padding-right: calc(10 * 8px) !important;
  }
  .pb-lg-10 {
    padding-bottom: calc(10 * 8px) !important;
  }
  .pl-lg-10 {
    padding-left: calc(10 * 8px) !important;
  }
  .p-lg-n10 {
    padding: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .pt-lg-n10 {
    padding-top: calc(10 * -8px) !important;
  }
  .pr-lg-n10 {
    padding-right: calc(10 * -8px) !important;
  }
  .pb-lg-n10 {
    padding-bottom: calc(10 * -8px) !important;
  }
  .pl-lg-n10 {
    padding-left: calc(10 * -8px) !important;
  }
  .px-lg-10 {
    padding-right: calc(10 * 8px) !important;
    padding-left: calc(10 * 8px) !important;
  }
  .py-lg-10 {
    padding-top: calc(10 * 8px) !important;
    padding-bottom: calc(10 * 8px) !important;
  }
  .p-lg-11 {
    padding: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .pt-lg-11 {
    padding-top: calc(11 * 8px) !important;
  }
  .pr-lg-11 {
    padding-right: calc(11 * 8px) !important;
  }
  .pb-lg-11 {
    padding-bottom: calc(11 * 8px) !important;
  }
  .pl-lg-11 {
    padding-left: calc(11 * 8px) !important;
  }
  .p-lg-n11 {
    padding: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .pt-lg-n11 {
    padding-top: calc(11 * -8px) !important;
  }
  .pr-lg-n11 {
    padding-right: calc(11 * -8px) !important;
  }
  .pb-lg-n11 {
    padding-bottom: calc(11 * -8px) !important;
  }
  .pl-lg-n11 {
    padding-left: calc(11 * -8px) !important;
  }
  .px-lg-11 {
    padding-right: calc(11 * 8px) !important;
    padding-left: calc(11 * 8px) !important;
  }
  .py-lg-11 {
    padding-top: calc(11 * 8px) !important;
    padding-bottom: calc(11 * 8px) !important;
  }
  .p-lg-12 {
    padding: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .pt-lg-12 {
    padding-top: calc(12 * 8px) !important;
  }
  .pr-lg-12 {
    padding-right: calc(12 * 8px) !important;
  }
  .pb-lg-12 {
    padding-bottom: calc(12 * 8px) !important;
  }
  .pl-lg-12 {
    padding-left: calc(12 * 8px) !important;
  }
  .p-lg-n12 {
    padding: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .pt-lg-n12 {
    padding-top: calc(12 * -8px) !important;
  }
  .pr-lg-n12 {
    padding-right: calc(12 * -8px) !important;
  }
  .pb-lg-n12 {
    padding-bottom: calc(12 * -8px) !important;
  }
  .pl-lg-n12 {
    padding-left: calc(12 * -8px) !important;
  }
  .px-lg-12 {
    padding-right: calc(12 * 8px) !important;
    padding-left: calc(12 * 8px) !important;
  }
  .py-lg-12 {
    padding-top: calc(12 * 8px) !important;
    padding-bottom: calc(12 * 8px) !important;
  }
  .p-lg-13 {
    padding: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .pt-lg-13 {
    padding-top: calc(13 * 8px) !important;
  }
  .pr-lg-13 {
    padding-right: calc(13 * 8px) !important;
  }
  .pb-lg-13 {
    padding-bottom: calc(13 * 8px) !important;
  }
  .pl-lg-13 {
    padding-left: calc(13 * 8px) !important;
  }
  .p-lg-n13 {
    padding: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .pt-lg-n13 {
    padding-top: calc(13 * -8px) !important;
  }
  .pr-lg-n13 {
    padding-right: calc(13 * -8px) !important;
  }
  .pb-lg-n13 {
    padding-bottom: calc(13 * -8px) !important;
  }
  .pl-lg-n13 {
    padding-left: calc(13 * -8px) !important;
  }
  .px-lg-13 {
    padding-right: calc(13 * 8px) !important;
    padding-left: calc(13 * 8px) !important;
  }
  .py-lg-13 {
    padding-top: calc(13 * 8px) !important;
    padding-bottom: calc(13 * 8px) !important;
  }
  .p-lg-14 {
    padding: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .pt-lg-14 {
    padding-top: calc(14 * 8px) !important;
  }
  .pr-lg-14 {
    padding-right: calc(14 * 8px) !important;
  }
  .pb-lg-14 {
    padding-bottom: calc(14 * 8px) !important;
  }
  .pl-lg-14 {
    padding-left: calc(14 * 8px) !important;
  }
  .p-lg-n14 {
    padding: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .pt-lg-n14 {
    padding-top: calc(14 * -8px) !important;
  }
  .pr-lg-n14 {
    padding-right: calc(14 * -8px) !important;
  }
  .pb-lg-n14 {
    padding-bottom: calc(14 * -8px) !important;
  }
  .pl-lg-n14 {
    padding-left: calc(14 * -8px) !important;
  }
  .px-lg-14 {
    padding-right: calc(14 * 8px) !important;
    padding-left: calc(14 * 8px) !important;
  }
  .py-lg-14 {
    padding-top: calc(14 * 8px) !important;
    padding-bottom: calc(14 * 8px) !important;
  }
  .p-lg-15 {
    padding: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .pt-lg-15 {
    padding-top: calc(15 * 8px) !important;
  }
  .pr-lg-15 {
    padding-right: calc(15 * 8px) !important;
  }
  .pb-lg-15 {
    padding-bottom: calc(15 * 8px) !important;
  }
  .pl-lg-15 {
    padding-left: calc(15 * 8px) !important;
  }
  .p-lg-n15 {
    padding: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .pt-lg-n15 {
    padding-top: calc(15 * -8px) !important;
  }
  .pr-lg-n15 {
    padding-right: calc(15 * -8px) !important;
  }
  .pb-lg-n15 {
    padding-bottom: calc(15 * -8px) !important;
  }
  .pl-lg-n15 {
    padding-left: calc(15 * -8px) !important;
  }
  .px-lg-15 {
    padding-right: calc(15 * 8px) !important;
    padding-left: calc(15 * 8px) !important;
  }
  .py-lg-15 {
    padding-top: calc(15 * 8px) !important;
    padding-bottom: calc(15 * 8px) !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: 0px !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-xl-0 {
    padding: 0px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-xl-1 {
    margin: 8px !important;
  }
  .mt-xl-1 {
    margin-top: 8px !important;
  }
  .mr-xl-1 {
    margin-right: 8px !important;
  }
  .mb-xl-1 {
    margin-bottom: 8px !important;
  }
  .ml-xl-1 {
    margin-left: 8px !important;
  }
  .mx-xl-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-xl-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-xl-1 {
    padding: 8px !important;
  }
  .pt-xl-1 {
    padding-top: 8px !important;
  }
  .pr-xl-1 {
    padding-right: 8px !important;
  }
  .pb-xl-1 {
    padding-bottom: 8px !important;
  }
  .pl-xl-1 {
    padding-left: 8px !important;
  }
  .px-xl-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-xl-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-xl-2 {
    margin: 16px !important;
  }
  .mt-xl-2 {
    margin-top: 16px !important;
  }
  .mr-xl-2 {
    margin-right: 16px !important;
  }
  .mb-xl-2 {
    margin-bottom: 16px !important;
  }
  .ml-xl-2 {
    margin-left: 16px !important;
  }
  .mx-xl-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-xl-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-xl-2 {
    padding: 16px !important;
  }
  .pt-xl-2 {
    padding-top: 16px !important;
  }
  .pr-xl-2 {
    padding-right: 16px !important;
  }
  .pb-xl-2 {
    padding-bottom: 16px !important;
  }
  .pl-xl-2 {
    padding-left: 16px !important;
  }
  .px-xl-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-xl-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-xl-3 {
    margin: 24px !important;
  }
  .mt-xl-3 {
    margin-top: 24px !important;
  }
  .mr-xl-3 {
    margin-right: 24px !important;
  }
  .mb-xl-3 {
    margin-bottom: 24px !important;
  }
  .ml-xl-3 {
    margin-left: 24px !important;
  }
  .mx-xl-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-xl-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-xl-3 {
    padding: 24px !important;
  }
  .pt-xl-3 {
    padding-top: 24px !important;
  }
  .pr-xl-3 {
    padding-right: 24px !important;
  }
  .pb-xl-3 {
    padding-bottom: 24px !important;
  }
  .pl-xl-3 {
    padding-left: 24px !important;
  }
  .px-xl-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-xl-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-xl-4 {
    margin: 32px !important;
  }
  .mt-xl-4 {
    margin-top: 32px !important;
  }
  .mr-xl-4 {
    margin-right: 32px !important;
  }
  .mb-xl-4 {
    margin-bottom: 32px !important;
  }
  .ml-xl-4 {
    margin-left: 32px !important;
  }
  .mx-xl-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-xl-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-xl-4 {
    padding: 32px !important;
  }
  .pt-xl-4 {
    padding-top: 32px !important;
  }
  .pr-xl-4 {
    padding-right: 32px !important;
  }
  .pb-xl-4 {
    padding-bottom: 32px !important;
  }
  .pl-xl-4 {
    padding-left: 32px !important;
  }
  .px-xl-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-xl-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-xl-5 {
    margin: 40px !important;
  }
  .mt-xl-5 {
    margin-top: 40px !important;
  }
  .mr-xl-5 {
    margin-right: 40px !important;
  }
  .mb-xl-5 {
    margin-bottom: 40px !important;
  }
  .ml-xl-5 {
    margin-left: 40px !important;
  }
  .mx-xl-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-xl-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-xl-5 {
    padding: 40px !important;
  }
  .pt-xl-5 {
    padding-top: 40px !important;
  }
  .pr-xl-5 {
    padding-right: 40px !important;
  }
  .pb-xl-5 {
    padding-bottom: 40px !important;
  }
  .pl-xl-5 {
    padding-left: 40px !important;
  }
  .px-xl-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-xl-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-xl-6 {
    margin: 48px !important;
  }
  .mt-xl-6 {
    margin-top: 48px !important;
  }
  .mr-xl-6 {
    margin-right: 48px !important;
  }
  .mb-xl-6 {
    margin-bottom: 48px !important;
  }
  .ml-xl-6 {
    margin-left: 48px !important;
  }
  .mx-xl-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-xl-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-xl-6 {
    padding: 48px !important;
  }
  .pt-xl-6 {
    padding-top: 48px !important;
  }
  .pr-xl-6 {
    padding-right: 48px !important;
  }
  .pb-xl-6 {
    padding-bottom: 48px !important;
  }
  .pl-xl-6 {
    padding-left: 48px !important;
  }
  .px-xl-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-xl-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-xl-7 {
    margin: 56px !important;
  }
  .mt-xl-7 {
    margin-top: 56px !important;
  }
  .mr-xl-7 {
    margin-right: 56px !important;
  }
  .mb-xl-7 {
    margin-bottom: 56px !important;
  }
  .ml-xl-7 {
    margin-left: 56px !important;
  }
  .mx-xl-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xl-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-xl-7 {
    padding: 56px !important;
  }
  .pt-xl-7 {
    padding-top: 56px !important;
  }
  .pr-xl-7 {
    padding-right: 56px !important;
  }
  .pb-xl-7 {
    padding-bottom: 56px !important;
  }
  .pl-xl-7 {
    padding-left: 56px !important;
  }
  .px-xl-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-xl-8 {
    margin: 64px !important;
  }
  .mt-xl-8 {
    margin-top: 64px !important;
  }
  .mr-xl-8 {
    margin-right: 64px !important;
  }
  .mb-xl-8 {
    margin-bottom: 64px !important;
  }
  .ml-xl-8 {
    margin-left: 64px !important;
  }
  .mx-xl-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .my-xl-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .p-xl-8 {
    padding: 64px !important;
  }
  .pt-xl-8 {
    padding-top: 64px !important;
  }
  .pr-xl-8 {
    padding-right: 64px !important;
  }
  .pb-xl-8 {
    padding-bottom: 64px !important;
  }
  .pl-xl-8 {
    padding-left: 64px !important;
  }
  .px-xl-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xl-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .m-xl-9 {
    margin: 72px !important;
  }
  .mt-xl-9 {
    margin-top: 72px !important;
  }
  .mr-xl-9 {
    margin-right: 72px !important;
  }
  .mb-xl-9 {
    margin-bottom: 72px !important;
  }
  .ml-xl-9 {
    margin-left: 72px !important;
  }
  .mx-xl-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .my-xl-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .p-xl-9 {
    padding: 72px !important;
  }
  .pt-xl-9 {
    padding-top: 72px !important;
  }
  .pr-xl-9 {
    padding-right: 72px !important;
  }
  .pb-xl-9 {
    padding-bottom: 72px !important;
  }
  .pl-xl-9 {
    padding-left: 72px !important;
  }
  .px-xl-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xl-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .m-xl-10 {
    margin: 80px !important;
  }
  .mt-xl-10 {
    margin-top: 80px !important;
  }
  .mr-xl-10 {
    margin-right: 80px !important;
  }
  .mb-xl-10 {
    margin-bottom: 80px !important;
  }
  .ml-xl-10 {
    margin-left: 80px !important;
  }
  .mx-xl-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-xl-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .p-xl-10 {
    padding: 80px !important;
  }
  .pt-xl-10 {
    padding-top: 80px !important;
  }
  .pr-xl-10 {
    padding-right: 80px !important;
  }
  .pb-xl-10 {
    padding-bottom: 80px !important;
  }
  .pl-xl-10 {
    padding-left: 80px !important;
  }
  .px-xl-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-xl-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-xl-11 {
    margin: 88px !important;
  }
  .mt-xl-11 {
    margin-top: 88px !important;
  }
  .mr-xl-11 {
    margin-right: 88px !important;
  }
  .mb-xl-11 {
    margin-bottom: 88px !important;
  }
  .ml-xl-11 {
    margin-left: 88px !important;
  }
  .mx-xl-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .my-xl-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .p-xl-11 {
    padding: 88px !important;
  }
  .pt-xl-11 {
    padding-top: 88px !important;
  }
  .pr-xl-11 {
    padding-right: 88px !important;
  }
  .pb-xl-11 {
    padding-bottom: 88px !important;
  }
  .pl-xl-11 {
    padding-left: 88px !important;
  }
  .px-xl-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xl-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .m-xl-12 {
    margin: 96px !important;
  }
  .mt-xl-12 {
    margin-top: 96px !important;
  }
  .mr-xl-12 {
    margin-right: 96px !important;
  }
  .mb-xl-12 {
    margin-bottom: 96px !important;
  }
  .ml-xl-12 {
    margin-left: 96px !important;
  }
  .mx-xl-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .my-xl-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .p-xl-12 {
    padding: 96px !important;
  }
  .pt-xl-12 {
    padding-top: 96px !important;
  }
  .pr-xl-12 {
    padding-right: 96px !important;
  }
  .pb-xl-12 {
    padding-bottom: 96px !important;
  }
  .pl-xl-12 {
    padding-left: 96px !important;
  }
  .px-xl-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .py-xl-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .m-xl-13 {
    margin: 104px !important;
  }
  .mt-xl-13 {
    margin-top: 104px !important;
  }
  .mr-xl-13 {
    margin-right: 104px !important;
  }
  .mb-xl-13 {
    margin-bottom: 104px !important;
  }
  .ml-xl-13 {
    margin-left: 104px !important;
  }
  .mx-xl-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }
  .my-xl-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .p-xl-13 {
    padding: 104px !important;
  }
  .pt-xl-13 {
    padding-top: 104px !important;
  }
  .pr-xl-13 {
    padding-right: 104px !important;
  }
  .pb-xl-13 {
    padding-bottom: 104px !important;
  }
  .pl-xl-13 {
    padding-left: 104px !important;
  }
  .px-xl-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }
  .py-xl-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .m-xl-14 {
    margin: 112px !important;
  }
  .mt-xl-14 {
    margin-top: 112px !important;
  }
  .mr-xl-14 {
    margin-right: 112px !important;
  }
  .mb-xl-14 {
    margin-bottom: 112px !important;
  }
  .ml-xl-14 {
    margin-left: 112px !important;
  }
  .mx-xl-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
  .my-xl-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .p-xl-14 {
    padding: 112px !important;
  }
  .pt-xl-14 {
    padding-top: 112px !important;
  }
  .pr-xl-14 {
    padding-right: 112px !important;
  }
  .pb-xl-14 {
    padding-bottom: 112px !important;
  }
  .pl-xl-14 {
    padding-left: 112px !important;
  }
  .px-xl-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }
  .py-xl-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .m-xl-15 {
    margin: 120px !important;
  }
  .mt-xl-15 {
    margin-top: 120px !important;
  }
  .mr-xl-15 {
    margin-right: 120px !important;
  }
  .mb-xl-15 {
    margin-bottom: 120px !important;
  }
  .ml-xl-15 {
    margin-left: 120px !important;
  }
  .mx-xl-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .my-xl-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .p-xl-15 {
    padding: 120px !important;
  }
  .pt-xl-15 {
    padding-top: 120px !important;
  }
  .pr-xl-15 {
    padding-right: 120px !important;
  }
  .pb-xl-15 {
    padding-bottom: 120px !important;
  }
  .pl-xl-15 {
    padding-left: 120px !important;
  }
  .px-xl-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .py-xl-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .m-xl-0 {
    margin: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .mt-xl-0 {
    margin-top: calc(0 * 8px) !important;
  }
  .mr-xl-0 {
    margin-right: calc(0 * 8px) !important;
  }
  .mb-xl-0 {
    margin-bottom: calc(0 * 8px) !important;
  }
  .ml-xl-0 {
    margin-left: calc(0 * 8px) !important;
  }
  .m-xl-n0 {
    margin: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .mt-xl-n0 {
    margin-top: calc(0 * -8px) !important;
  }
  .mr-xl-n0 {
    margin-right: calc(0 * -8px) !important;
  }
  .mb-xl-n0 {
    margin-bottom: calc(0 * -8px) !important;
  }
  .ml-xl-n0 {
    margin-left: calc(0 * -8px) !important;
  }
  .mx-xl-0 {
    margin-right: calc(0 * 8px) !important;
    margin-left: calc(0 * 8px) !important;
  }
  .my-xl-0 {
    margin-top: calc(0 * 8px) !important;
    margin-bottom: calc(0 * 8px) !important;
  }
  .m-xl-1 {
    margin: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .mt-xl-1 {
    margin-top: calc(1 * 8px) !important;
  }
  .mr-xl-1 {
    margin-right: calc(1 * 8px) !important;
  }
  .mb-xl-1 {
    margin-bottom: calc(1 * 8px) !important;
  }
  .ml-xl-1 {
    margin-left: calc(1 * 8px) !important;
  }
  .m-xl-n1 {
    margin: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .mt-xl-n1 {
    margin-top: calc(1 * -8px) !important;
  }
  .mr-xl-n1 {
    margin-right: calc(1 * -8px) !important;
  }
  .mb-xl-n1 {
    margin-bottom: calc(1 * -8px) !important;
  }
  .ml-xl-n1 {
    margin-left: calc(1 * -8px) !important;
  }
  .mx-xl-1 {
    margin-right: calc(1 * 8px) !important;
    margin-left: calc(1 * 8px) !important;
  }
  .my-xl-1 {
    margin-top: calc(1 * 8px) !important;
    margin-bottom: calc(1 * 8px) !important;
  }
  .m-xl-2 {
    margin: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .mt-xl-2 {
    margin-top: calc(2 * 8px) !important;
  }
  .mr-xl-2 {
    margin-right: calc(2 * 8px) !important;
  }
  .mb-xl-2 {
    margin-bottom: calc(2 * 8px) !important;
  }
  .ml-xl-2 {
    margin-left: calc(2 * 8px) !important;
  }
  .m-xl-n2 {
    margin: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .mt-xl-n2 {
    margin-top: calc(2 * -8px) !important;
  }
  .mr-xl-n2 {
    margin-right: calc(2 * -8px) !important;
  }
  .mb-xl-n2 {
    margin-bottom: calc(2 * -8px) !important;
  }
  .ml-xl-n2 {
    margin-left: calc(2 * -8px) !important;
  }
  .mx-xl-2 {
    margin-right: calc(2 * 8px) !important;
    margin-left: calc(2 * 8px) !important;
  }
  .my-xl-2 {
    margin-top: calc(2 * 8px) !important;
    margin-bottom: calc(2 * 8px) !important;
  }
  .m-xl-3 {
    margin: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .mt-xl-3 {
    margin-top: calc(3 * 8px) !important;
  }
  .mr-xl-3 {
    margin-right: calc(3 * 8px) !important;
  }
  .mb-xl-3 {
    margin-bottom: calc(3 * 8px) !important;
  }
  .ml-xl-3 {
    margin-left: calc(3 * 8px) !important;
  }
  .m-xl-n3 {
    margin: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .mt-xl-n3 {
    margin-top: calc(3 * -8px) !important;
  }
  .mr-xl-n3 {
    margin-right: calc(3 * -8px) !important;
  }
  .mb-xl-n3 {
    margin-bottom: calc(3 * -8px) !important;
  }
  .ml-xl-n3 {
    margin-left: calc(3 * -8px) !important;
  }
  .mx-xl-3 {
    margin-right: calc(3 * 8px) !important;
    margin-left: calc(3 * 8px) !important;
  }
  .my-xl-3 {
    margin-top: calc(3 * 8px) !important;
    margin-bottom: calc(3 * 8px) !important;
  }
  .m-xl-4 {
    margin: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .mt-xl-4 {
    margin-top: calc(4 * 8px) !important;
  }
  .mr-xl-4 {
    margin-right: calc(4 * 8px) !important;
  }
  .mb-xl-4 {
    margin-bottom: calc(4 * 8px) !important;
  }
  .ml-xl-4 {
    margin-left: calc(4 * 8px) !important;
  }
  .m-xl-n4 {
    margin: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .mt-xl-n4 {
    margin-top: calc(4 * -8px) !important;
  }
  .mr-xl-n4 {
    margin-right: calc(4 * -8px) !important;
  }
  .mb-xl-n4 {
    margin-bottom: calc(4 * -8px) !important;
  }
  .ml-xl-n4 {
    margin-left: calc(4 * -8px) !important;
  }
  .mx-xl-4 {
    margin-right: calc(4 * 8px) !important;
    margin-left: calc(4 * 8px) !important;
  }
  .my-xl-4 {
    margin-top: calc(4 * 8px) !important;
    margin-bottom: calc(4 * 8px) !important;
  }
  .m-xl-5 {
    margin: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .mt-xl-5 {
    margin-top: calc(5 * 8px) !important;
  }
  .mr-xl-5 {
    margin-right: calc(5 * 8px) !important;
  }
  .mb-xl-5 {
    margin-bottom: calc(5 * 8px) !important;
  }
  .ml-xl-5 {
    margin-left: calc(5 * 8px) !important;
  }
  .m-xl-n5 {
    margin: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .mt-xl-n5 {
    margin-top: calc(5 * -8px) !important;
  }
  .mr-xl-n5 {
    margin-right: calc(5 * -8px) !important;
  }
  .mb-xl-n5 {
    margin-bottom: calc(5 * -8px) !important;
  }
  .ml-xl-n5 {
    margin-left: calc(5 * -8px) !important;
  }
  .mx-xl-5 {
    margin-right: calc(5 * 8px) !important;
    margin-left: calc(5 * 8px) !important;
  }
  .my-xl-5 {
    margin-top: calc(5 * 8px) !important;
    margin-bottom: calc(5 * 8px) !important;
  }
  .m-xl-6 {
    margin: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .mt-xl-6 {
    margin-top: calc(6 * 8px) !important;
  }
  .mr-xl-6 {
    margin-right: calc(6 * 8px) !important;
  }
  .mb-xl-6 {
    margin-bottom: calc(6 * 8px) !important;
  }
  .ml-xl-6 {
    margin-left: calc(6 * 8px) !important;
  }
  .m-xl-n6 {
    margin: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .mt-xl-n6 {
    margin-top: calc(6 * -8px) !important;
  }
  .mr-xl-n6 {
    margin-right: calc(6 * -8px) !important;
  }
  .mb-xl-n6 {
    margin-bottom: calc(6 * -8px) !important;
  }
  .ml-xl-n6 {
    margin-left: calc(6 * -8px) !important;
  }
  .mx-xl-6 {
    margin-right: calc(6 * 8px) !important;
    margin-left: calc(6 * 8px) !important;
  }
  .my-xl-6 {
    margin-top: calc(6 * 8px) !important;
    margin-bottom: calc(6 * 8px) !important;
  }
  .m-xl-7 {
    margin: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .mt-xl-7 {
    margin-top: calc(7 * 8px) !important;
  }
  .mr-xl-7 {
    margin-right: calc(7 * 8px) !important;
  }
  .mb-xl-7 {
    margin-bottom: calc(7 * 8px) !important;
  }
  .ml-xl-7 {
    margin-left: calc(7 * 8px) !important;
  }
  .m-xl-n7 {
    margin: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .mt-xl-n7 {
    margin-top: calc(7 * -8px) !important;
  }
  .mr-xl-n7 {
    margin-right: calc(7 * -8px) !important;
  }
  .mb-xl-n7 {
    margin-bottom: calc(7 * -8px) !important;
  }
  .ml-xl-n7 {
    margin-left: calc(7 * -8px) !important;
  }
  .mx-xl-7 {
    margin-right: calc(7 * 8px) !important;
    margin-left: calc(7 * 8px) !important;
  }
  .my-xl-7 {
    margin-top: calc(7 * 8px) !important;
    margin-bottom: calc(7 * 8px) !important;
  }
  .m-xl-8 {
    margin: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .mt-xl-8 {
    margin-top: calc(8 * 8px) !important;
  }
  .mr-xl-8 {
    margin-right: calc(8 * 8px) !important;
  }
  .mb-xl-8 {
    margin-bottom: calc(8 * 8px) !important;
  }
  .ml-xl-8 {
    margin-left: calc(8 * 8px) !important;
  }
  .m-xl-n8 {
    margin: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .mt-xl-n8 {
    margin-top: calc(8 * -8px) !important;
  }
  .mr-xl-n8 {
    margin-right: calc(8 * -8px) !important;
  }
  .mb-xl-n8 {
    margin-bottom: calc(8 * -8px) !important;
  }
  .ml-xl-n8 {
    margin-left: calc(8 * -8px) !important;
  }
  .mx-xl-8 {
    margin-right: calc(8 * 8px) !important;
    margin-left: calc(8 * 8px) !important;
  }
  .my-xl-8 {
    margin-top: calc(8 * 8px) !important;
    margin-bottom: calc(8 * 8px) !important;
  }
  .m-xl-9 {
    margin: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .mt-xl-9 {
    margin-top: calc(9 * 8px) !important;
  }
  .mr-xl-9 {
    margin-right: calc(9 * 8px) !important;
  }
  .mb-xl-9 {
    margin-bottom: calc(9 * 8px) !important;
  }
  .ml-xl-9 {
    margin-left: calc(9 * 8px) !important;
  }
  .m-xl-n9 {
    margin: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .mt-xl-n9 {
    margin-top: calc(9 * -8px) !important;
  }
  .mr-xl-n9 {
    margin-right: calc(9 * -8px) !important;
  }
  .mb-xl-n9 {
    margin-bottom: calc(9 * -8px) !important;
  }
  .ml-xl-n9 {
    margin-left: calc(9 * -8px) !important;
  }
  .mx-xl-9 {
    margin-right: calc(9 * 8px) !important;
    margin-left: calc(9 * 8px) !important;
  }
  .my-xl-9 {
    margin-top: calc(9 * 8px) !important;
    margin-bottom: calc(9 * 8px) !important;
  }
  .m-xl-10 {
    margin: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .mt-xl-10 {
    margin-top: calc(10 * 8px) !important;
  }
  .mr-xl-10 {
    margin-right: calc(10 * 8px) !important;
  }
  .mb-xl-10 {
    margin-bottom: calc(10 * 8px) !important;
  }
  .ml-xl-10 {
    margin-left: calc(10 * 8px) !important;
  }
  .m-xl-n10 {
    margin: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .mt-xl-n10 {
    margin-top: calc(10 * -8px) !important;
  }
  .mr-xl-n10 {
    margin-right: calc(10 * -8px) !important;
  }
  .mb-xl-n10 {
    margin-bottom: calc(10 * -8px) !important;
  }
  .ml-xl-n10 {
    margin-left: calc(10 * -8px) !important;
  }
  .mx-xl-10 {
    margin-right: calc(10 * 8px) !important;
    margin-left: calc(10 * 8px) !important;
  }
  .my-xl-10 {
    margin-top: calc(10 * 8px) !important;
    margin-bottom: calc(10 * 8px) !important;
  }
  .m-xl-11 {
    margin: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .mt-xl-11 {
    margin-top: calc(11 * 8px) !important;
  }
  .mr-xl-11 {
    margin-right: calc(11 * 8px) !important;
  }
  .mb-xl-11 {
    margin-bottom: calc(11 * 8px) !important;
  }
  .ml-xl-11 {
    margin-left: calc(11 * 8px) !important;
  }
  .m-xl-n11 {
    margin: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .mt-xl-n11 {
    margin-top: calc(11 * -8px) !important;
  }
  .mr-xl-n11 {
    margin-right: calc(11 * -8px) !important;
  }
  .mb-xl-n11 {
    margin-bottom: calc(11 * -8px) !important;
  }
  .ml-xl-n11 {
    margin-left: calc(11 * -8px) !important;
  }
  .mx-xl-11 {
    margin-right: calc(11 * 8px) !important;
    margin-left: calc(11 * 8px) !important;
  }
  .my-xl-11 {
    margin-top: calc(11 * 8px) !important;
    margin-bottom: calc(11 * 8px) !important;
  }
  .m-xl-12 {
    margin: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .mt-xl-12 {
    margin-top: calc(12 * 8px) !important;
  }
  .mr-xl-12 {
    margin-right: calc(12 * 8px) !important;
  }
  .mb-xl-12 {
    margin-bottom: calc(12 * 8px) !important;
  }
  .ml-xl-12 {
    margin-left: calc(12 * 8px) !important;
  }
  .m-xl-n12 {
    margin: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .mt-xl-n12 {
    margin-top: calc(12 * -8px) !important;
  }
  .mr-xl-n12 {
    margin-right: calc(12 * -8px) !important;
  }
  .mb-xl-n12 {
    margin-bottom: calc(12 * -8px) !important;
  }
  .ml-xl-n12 {
    margin-left: calc(12 * -8px) !important;
  }
  .mx-xl-12 {
    margin-right: calc(12 * 8px) !important;
    margin-left: calc(12 * 8px) !important;
  }
  .my-xl-12 {
    margin-top: calc(12 * 8px) !important;
    margin-bottom: calc(12 * 8px) !important;
  }
  .m-xl-13 {
    margin: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .mt-xl-13 {
    margin-top: calc(13 * 8px) !important;
  }
  .mr-xl-13 {
    margin-right: calc(13 * 8px) !important;
  }
  .mb-xl-13 {
    margin-bottom: calc(13 * 8px) !important;
  }
  .ml-xl-13 {
    margin-left: calc(13 * 8px) !important;
  }
  .m-xl-n13 {
    margin: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .mt-xl-n13 {
    margin-top: calc(13 * -8px) !important;
  }
  .mr-xl-n13 {
    margin-right: calc(13 * -8px) !important;
  }
  .mb-xl-n13 {
    margin-bottom: calc(13 * -8px) !important;
  }
  .ml-xl-n13 {
    margin-left: calc(13 * -8px) !important;
  }
  .mx-xl-13 {
    margin-right: calc(13 * 8px) !important;
    margin-left: calc(13 * 8px) !important;
  }
  .my-xl-13 {
    margin-top: calc(13 * 8px) !important;
    margin-bottom: calc(13 * 8px) !important;
  }
  .m-xl-14 {
    margin: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .mt-xl-14 {
    margin-top: calc(14 * 8px) !important;
  }
  .mr-xl-14 {
    margin-right: calc(14 * 8px) !important;
  }
  .mb-xl-14 {
    margin-bottom: calc(14 * 8px) !important;
  }
  .ml-xl-14 {
    margin-left: calc(14 * 8px) !important;
  }
  .m-xl-n14 {
    margin: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .mt-xl-n14 {
    margin-top: calc(14 * -8px) !important;
  }
  .mr-xl-n14 {
    margin-right: calc(14 * -8px) !important;
  }
  .mb-xl-n14 {
    margin-bottom: calc(14 * -8px) !important;
  }
  .ml-xl-n14 {
    margin-left: calc(14 * -8px) !important;
  }
  .mx-xl-14 {
    margin-right: calc(14 * 8px) !important;
    margin-left: calc(14 * 8px) !important;
  }
  .my-xl-14 {
    margin-top: calc(14 * 8px) !important;
    margin-bottom: calc(14 * 8px) !important;
  }
  .m-xl-15 {
    margin: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .mt-xl-15 {
    margin-top: calc(15 * 8px) !important;
  }
  .mr-xl-15 {
    margin-right: calc(15 * 8px) !important;
  }
  .mb-xl-15 {
    margin-bottom: calc(15 * 8px) !important;
  }
  .ml-xl-15 {
    margin-left: calc(15 * 8px) !important;
  }
  .m-xl-n15 {
    margin: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .mt-xl-n15 {
    margin-top: calc(15 * -8px) !important;
  }
  .mr-xl-n15 {
    margin-right: calc(15 * -8px) !important;
  }
  .mb-xl-n15 {
    margin-bottom: calc(15 * -8px) !important;
  }
  .ml-xl-n15 {
    margin-left: calc(15 * -8px) !important;
  }
  .mx-xl-15 {
    margin-right: calc(15 * 8px) !important;
    margin-left: calc(15 * 8px) !important;
  }
  .my-xl-15 {
    margin-top: calc(15 * 8px) !important;
    margin-bottom: calc(15 * 8px) !important;
  }
  .p-xl-0 {
    padding: calc(0 * 8px) calc(0 * 8px) !important;
  }
  .pt-xl-0 {
    padding-top: calc(0 * 8px) !important;
  }
  .pr-xl-0 {
    padding-right: calc(0 * 8px) !important;
  }
  .pb-xl-0 {
    padding-bottom: calc(0 * 8px) !important;
  }
  .pl-xl-0 {
    padding-left: calc(0 * 8px) !important;
  }
  .p-xl-n0 {
    padding: calc(0 * -8px) calc(0 * -8px) !important;
  }
  .pt-xl-n0 {
    padding-top: calc(0 * -8px) !important;
  }
  .pr-xl-n0 {
    padding-right: calc(0 * -8px) !important;
  }
  .pb-xl-n0 {
    padding-bottom: calc(0 * -8px) !important;
  }
  .pl-xl-n0 {
    padding-left: calc(0 * -8px) !important;
  }
  .px-xl-0 {
    padding-right: calc(0 * 8px) !important;
    padding-left: calc(0 * 8px) !important;
  }
  .py-xl-0 {
    padding-top: calc(0 * 8px) !important;
    padding-bottom: calc(0 * 8px) !important;
  }
  .p-xl-1 {
    padding: calc(1 * 8px) calc(1 * 8px) !important;
  }
  .pt-xl-1 {
    padding-top: calc(1 * 8px) !important;
  }
  .pr-xl-1 {
    padding-right: calc(1 * 8px) !important;
  }
  .pb-xl-1 {
    padding-bottom: calc(1 * 8px) !important;
  }
  .pl-xl-1 {
    padding-left: calc(1 * 8px) !important;
  }
  .p-xl-n1 {
    padding: calc(1 * -8px) calc(1 * -8px) !important;
  }
  .pt-xl-n1 {
    padding-top: calc(1 * -8px) !important;
  }
  .pr-xl-n1 {
    padding-right: calc(1 * -8px) !important;
  }
  .pb-xl-n1 {
    padding-bottom: calc(1 * -8px) !important;
  }
  .pl-xl-n1 {
    padding-left: calc(1 * -8px) !important;
  }
  .px-xl-1 {
    padding-right: calc(1 * 8px) !important;
    padding-left: calc(1 * 8px) !important;
  }
  .py-xl-1 {
    padding-top: calc(1 * 8px) !important;
    padding-bottom: calc(1 * 8px) !important;
  }
  .p-xl-2 {
    padding: calc(2 * 8px) calc(2 * 8px) !important;
  }
  .pt-xl-2 {
    padding-top: calc(2 * 8px) !important;
  }
  .pr-xl-2 {
    padding-right: calc(2 * 8px) !important;
  }
  .pb-xl-2 {
    padding-bottom: calc(2 * 8px) !important;
  }
  .pl-xl-2 {
    padding-left: calc(2 * 8px) !important;
  }
  .p-xl-n2 {
    padding: calc(2 * -8px) calc(2 * -8px) !important;
  }
  .pt-xl-n2 {
    padding-top: calc(2 * -8px) !important;
  }
  .pr-xl-n2 {
    padding-right: calc(2 * -8px) !important;
  }
  .pb-xl-n2 {
    padding-bottom: calc(2 * -8px) !important;
  }
  .pl-xl-n2 {
    padding-left: calc(2 * -8px) !important;
  }
  .px-xl-2 {
    padding-right: calc(2 * 8px) !important;
    padding-left: calc(2 * 8px) !important;
  }
  .py-xl-2 {
    padding-top: calc(2 * 8px) !important;
    padding-bottom: calc(2 * 8px) !important;
  }
  .p-xl-3 {
    padding: calc(3 * 8px) calc(3 * 8px) !important;
  }
  .pt-xl-3 {
    padding-top: calc(3 * 8px) !important;
  }
  .pr-xl-3 {
    padding-right: calc(3 * 8px) !important;
  }
  .pb-xl-3 {
    padding-bottom: calc(3 * 8px) !important;
  }
  .pl-xl-3 {
    padding-left: calc(3 * 8px) !important;
  }
  .p-xl-n3 {
    padding: calc(3 * -8px) calc(3 * -8px) !important;
  }
  .pt-xl-n3 {
    padding-top: calc(3 * -8px) !important;
  }
  .pr-xl-n3 {
    padding-right: calc(3 * -8px) !important;
  }
  .pb-xl-n3 {
    padding-bottom: calc(3 * -8px) !important;
  }
  .pl-xl-n3 {
    padding-left: calc(3 * -8px) !important;
  }
  .px-xl-3 {
    padding-right: calc(3 * 8px) !important;
    padding-left: calc(3 * 8px) !important;
  }
  .py-xl-3 {
    padding-top: calc(3 * 8px) !important;
    padding-bottom: calc(3 * 8px) !important;
  }
  .p-xl-4 {
    padding: calc(4 * 8px) calc(4 * 8px) !important;
  }
  .pt-xl-4 {
    padding-top: calc(4 * 8px) !important;
  }
  .pr-xl-4 {
    padding-right: calc(4 * 8px) !important;
  }
  .pb-xl-4 {
    padding-bottom: calc(4 * 8px) !important;
  }
  .pl-xl-4 {
    padding-left: calc(4 * 8px) !important;
  }
  .p-xl-n4 {
    padding: calc(4 * -8px) calc(4 * -8px) !important;
  }
  .pt-xl-n4 {
    padding-top: calc(4 * -8px) !important;
  }
  .pr-xl-n4 {
    padding-right: calc(4 * -8px) !important;
  }
  .pb-xl-n4 {
    padding-bottom: calc(4 * -8px) !important;
  }
  .pl-xl-n4 {
    padding-left: calc(4 * -8px) !important;
  }
  .px-xl-4 {
    padding-right: calc(4 * 8px) !important;
    padding-left: calc(4 * 8px) !important;
  }
  .py-xl-4 {
    padding-top: calc(4 * 8px) !important;
    padding-bottom: calc(4 * 8px) !important;
  }
  .p-xl-5 {
    padding: calc(5 * 8px) calc(5 * 8px) !important;
  }
  .pt-xl-5 {
    padding-top: calc(5 * 8px) !important;
  }
  .pr-xl-5 {
    padding-right: calc(5 * 8px) !important;
  }
  .pb-xl-5 {
    padding-bottom: calc(5 * 8px) !important;
  }
  .pl-xl-5 {
    padding-left: calc(5 * 8px) !important;
  }
  .p-xl-n5 {
    padding: calc(5 * -8px) calc(5 * -8px) !important;
  }
  .pt-xl-n5 {
    padding-top: calc(5 * -8px) !important;
  }
  .pr-xl-n5 {
    padding-right: calc(5 * -8px) !important;
  }
  .pb-xl-n5 {
    padding-bottom: calc(5 * -8px) !important;
  }
  .pl-xl-n5 {
    padding-left: calc(5 * -8px) !important;
  }
  .px-xl-5 {
    padding-right: calc(5 * 8px) !important;
    padding-left: calc(5 * 8px) !important;
  }
  .py-xl-5 {
    padding-top: calc(5 * 8px) !important;
    padding-bottom: calc(5 * 8px) !important;
  }
  .p-xl-6 {
    padding: calc(6 * 8px) calc(6 * 8px) !important;
  }
  .pt-xl-6 {
    padding-top: calc(6 * 8px) !important;
  }
  .pr-xl-6 {
    padding-right: calc(6 * 8px) !important;
  }
  .pb-xl-6 {
    padding-bottom: calc(6 * 8px) !important;
  }
  .pl-xl-6 {
    padding-left: calc(6 * 8px) !important;
  }
  .p-xl-n6 {
    padding: calc(6 * -8px) calc(6 * -8px) !important;
  }
  .pt-xl-n6 {
    padding-top: calc(6 * -8px) !important;
  }
  .pr-xl-n6 {
    padding-right: calc(6 * -8px) !important;
  }
  .pb-xl-n6 {
    padding-bottom: calc(6 * -8px) !important;
  }
  .pl-xl-n6 {
    padding-left: calc(6 * -8px) !important;
  }
  .px-xl-6 {
    padding-right: calc(6 * 8px) !important;
    padding-left: calc(6 * 8px) !important;
  }
  .py-xl-6 {
    padding-top: calc(6 * 8px) !important;
    padding-bottom: calc(6 * 8px) !important;
  }
  .p-xl-7 {
    padding: calc(7 * 8px) calc(7 * 8px) !important;
  }
  .pt-xl-7 {
    padding-top: calc(7 * 8px) !important;
  }
  .pr-xl-7 {
    padding-right: calc(7 * 8px) !important;
  }
  .pb-xl-7 {
    padding-bottom: calc(7 * 8px) !important;
  }
  .pl-xl-7 {
    padding-left: calc(7 * 8px) !important;
  }
  .p-xl-n7 {
    padding: calc(7 * -8px) calc(7 * -8px) !important;
  }
  .pt-xl-n7 {
    padding-top: calc(7 * -8px) !important;
  }
  .pr-xl-n7 {
    padding-right: calc(7 * -8px) !important;
  }
  .pb-xl-n7 {
    padding-bottom: calc(7 * -8px) !important;
  }
  .pl-xl-n7 {
    padding-left: calc(7 * -8px) !important;
  }
  .px-xl-7 {
    padding-right: calc(7 * 8px) !important;
    padding-left: calc(7 * 8px) !important;
  }
  .py-xl-7 {
    padding-top: calc(7 * 8px) !important;
    padding-bottom: calc(7 * 8px) !important;
  }
  .p-xl-8 {
    padding: calc(8 * 8px) calc(8 * 8px) !important;
  }
  .pt-xl-8 {
    padding-top: calc(8 * 8px) !important;
  }
  .pr-xl-8 {
    padding-right: calc(8 * 8px) !important;
  }
  .pb-xl-8 {
    padding-bottom: calc(8 * 8px) !important;
  }
  .pl-xl-8 {
    padding-left: calc(8 * 8px) !important;
  }
  .p-xl-n8 {
    padding: calc(8 * -8px) calc(8 * -8px) !important;
  }
  .pt-xl-n8 {
    padding-top: calc(8 * -8px) !important;
  }
  .pr-xl-n8 {
    padding-right: calc(8 * -8px) !important;
  }
  .pb-xl-n8 {
    padding-bottom: calc(8 * -8px) !important;
  }
  .pl-xl-n8 {
    padding-left: calc(8 * -8px) !important;
  }
  .px-xl-8 {
    padding-right: calc(8 * 8px) !important;
    padding-left: calc(8 * 8px) !important;
  }
  .py-xl-8 {
    padding-top: calc(8 * 8px) !important;
    padding-bottom: calc(8 * 8px) !important;
  }
  .p-xl-9 {
    padding: calc(9 * 8px) calc(9 * 8px) !important;
  }
  .pt-xl-9 {
    padding-top: calc(9 * 8px) !important;
  }
  .pr-xl-9 {
    padding-right: calc(9 * 8px) !important;
  }
  .pb-xl-9 {
    padding-bottom: calc(9 * 8px) !important;
  }
  .pl-xl-9 {
    padding-left: calc(9 * 8px) !important;
  }
  .p-xl-n9 {
    padding: calc(9 * -8px) calc(9 * -8px) !important;
  }
  .pt-xl-n9 {
    padding-top: calc(9 * -8px) !important;
  }
  .pr-xl-n9 {
    padding-right: calc(9 * -8px) !important;
  }
  .pb-xl-n9 {
    padding-bottom: calc(9 * -8px) !important;
  }
  .pl-xl-n9 {
    padding-left: calc(9 * -8px) !important;
  }
  .px-xl-9 {
    padding-right: calc(9 * 8px) !important;
    padding-left: calc(9 * 8px) !important;
  }
  .py-xl-9 {
    padding-top: calc(9 * 8px) !important;
    padding-bottom: calc(9 * 8px) !important;
  }
  .p-xl-10 {
    padding: calc(10 * 8px) calc(10 * 8px) !important;
  }
  .pt-xl-10 {
    padding-top: calc(10 * 8px) !important;
  }
  .pr-xl-10 {
    padding-right: calc(10 * 8px) !important;
  }
  .pb-xl-10 {
    padding-bottom: calc(10 * 8px) !important;
  }
  .pl-xl-10 {
    padding-left: calc(10 * 8px) !important;
  }
  .p-xl-n10 {
    padding: calc(10 * -8px) calc(10 * -8px) !important;
  }
  .pt-xl-n10 {
    padding-top: calc(10 * -8px) !important;
  }
  .pr-xl-n10 {
    padding-right: calc(10 * -8px) !important;
  }
  .pb-xl-n10 {
    padding-bottom: calc(10 * -8px) !important;
  }
  .pl-xl-n10 {
    padding-left: calc(10 * -8px) !important;
  }
  .px-xl-10 {
    padding-right: calc(10 * 8px) !important;
    padding-left: calc(10 * 8px) !important;
  }
  .py-xl-10 {
    padding-top: calc(10 * 8px) !important;
    padding-bottom: calc(10 * 8px) !important;
  }
  .p-xl-11 {
    padding: calc(11 * 8px) calc(11 * 8px) !important;
  }
  .pt-xl-11 {
    padding-top: calc(11 * 8px) !important;
  }
  .pr-xl-11 {
    padding-right: calc(11 * 8px) !important;
  }
  .pb-xl-11 {
    padding-bottom: calc(11 * 8px) !important;
  }
  .pl-xl-11 {
    padding-left: calc(11 * 8px) !important;
  }
  .p-xl-n11 {
    padding: calc(11 * -8px) calc(11 * -8px) !important;
  }
  .pt-xl-n11 {
    padding-top: calc(11 * -8px) !important;
  }
  .pr-xl-n11 {
    padding-right: calc(11 * -8px) !important;
  }
  .pb-xl-n11 {
    padding-bottom: calc(11 * -8px) !important;
  }
  .pl-xl-n11 {
    padding-left: calc(11 * -8px) !important;
  }
  .px-xl-11 {
    padding-right: calc(11 * 8px) !important;
    padding-left: calc(11 * 8px) !important;
  }
  .py-xl-11 {
    padding-top: calc(11 * 8px) !important;
    padding-bottom: calc(11 * 8px) !important;
  }
  .p-xl-12 {
    padding: calc(12 * 8px) calc(12 * 8px) !important;
  }
  .pt-xl-12 {
    padding-top: calc(12 * 8px) !important;
  }
  .pr-xl-12 {
    padding-right: calc(12 * 8px) !important;
  }
  .pb-xl-12 {
    padding-bottom: calc(12 * 8px) !important;
  }
  .pl-xl-12 {
    padding-left: calc(12 * 8px) !important;
  }
  .p-xl-n12 {
    padding: calc(12 * -8px) calc(12 * -8px) !important;
  }
  .pt-xl-n12 {
    padding-top: calc(12 * -8px) !important;
  }
  .pr-xl-n12 {
    padding-right: calc(12 * -8px) !important;
  }
  .pb-xl-n12 {
    padding-bottom: calc(12 * -8px) !important;
  }
  .pl-xl-n12 {
    padding-left: calc(12 * -8px) !important;
  }
  .px-xl-12 {
    padding-right: calc(12 * 8px) !important;
    padding-left: calc(12 * 8px) !important;
  }
  .py-xl-12 {
    padding-top: calc(12 * 8px) !important;
    padding-bottom: calc(12 * 8px) !important;
  }
  .p-xl-13 {
    padding: calc(13 * 8px) calc(13 * 8px) !important;
  }
  .pt-xl-13 {
    padding-top: calc(13 * 8px) !important;
  }
  .pr-xl-13 {
    padding-right: calc(13 * 8px) !important;
  }
  .pb-xl-13 {
    padding-bottom: calc(13 * 8px) !important;
  }
  .pl-xl-13 {
    padding-left: calc(13 * 8px) !important;
  }
  .p-xl-n13 {
    padding: calc(13 * -8px) calc(13 * -8px) !important;
  }
  .pt-xl-n13 {
    padding-top: calc(13 * -8px) !important;
  }
  .pr-xl-n13 {
    padding-right: calc(13 * -8px) !important;
  }
  .pb-xl-n13 {
    padding-bottom: calc(13 * -8px) !important;
  }
  .pl-xl-n13 {
    padding-left: calc(13 * -8px) !important;
  }
  .px-xl-13 {
    padding-right: calc(13 * 8px) !important;
    padding-left: calc(13 * 8px) !important;
  }
  .py-xl-13 {
    padding-top: calc(13 * 8px) !important;
    padding-bottom: calc(13 * 8px) !important;
  }
  .p-xl-14 {
    padding: calc(14 * 8px) calc(14 * 8px) !important;
  }
  .pt-xl-14 {
    padding-top: calc(14 * 8px) !important;
  }
  .pr-xl-14 {
    padding-right: calc(14 * 8px) !important;
  }
  .pb-xl-14 {
    padding-bottom: calc(14 * 8px) !important;
  }
  .pl-xl-14 {
    padding-left: calc(14 * 8px) !important;
  }
  .p-xl-n14 {
    padding: calc(14 * -8px) calc(14 * -8px) !important;
  }
  .pt-xl-n14 {
    padding-top: calc(14 * -8px) !important;
  }
  .pr-xl-n14 {
    padding-right: calc(14 * -8px) !important;
  }
  .pb-xl-n14 {
    padding-bottom: calc(14 * -8px) !important;
  }
  .pl-xl-n14 {
    padding-left: calc(14 * -8px) !important;
  }
  .px-xl-14 {
    padding-right: calc(14 * 8px) !important;
    padding-left: calc(14 * 8px) !important;
  }
  .py-xl-14 {
    padding-top: calc(14 * 8px) !important;
    padding-bottom: calc(14 * 8px) !important;
  }
  .p-xl-15 {
    padding: calc(15 * 8px) calc(15 * 8px) !important;
  }
  .pt-xl-15 {
    padding-top: calc(15 * 8px) !important;
  }
  .pr-xl-15 {
    padding-right: calc(15 * 8px) !important;
  }
  .pb-xl-15 {
    padding-bottom: calc(15 * 8px) !important;
  }
  .pl-xl-15 {
    padding-left: calc(15 * 8px) !important;
  }
  .p-xl-n15 {
    padding: calc(15 * -8px) calc(15 * -8px) !important;
  }
  .pt-xl-n15 {
    padding-top: calc(15 * -8px) !important;
  }
  .pr-xl-n15 {
    padding-right: calc(15 * -8px) !important;
  }
  .pb-xl-n15 {
    padding-bottom: calc(15 * -8px) !important;
  }
  .pl-xl-n15 {
    padding-left: calc(15 * -8px) !important;
  }
  .px-xl-15 {
    padding-right: calc(15 * 8px) !important;
    padding-left: calc(15 * 8px) !important;
  }
  .py-xl-15 {
    padding-top: calc(15 * 8px) !important;
    padding-bottom: calc(15 * 8px) !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;
  }
}
.md-table .table {
  font-size: 12px;
  margin-bottom: 8px !important;
}
.md-table .table td, .md-table .table th {
  padding: 16px 8px;
  vertical-align: inherit;
  border-bottom: 1px solid #eeeeee;
}
.md-table .table .multi-select {
  padding-left: 24px;
}
.md-table .table .action {
  padding-right: 24px;
}
.md-table .table td {
  border-top: none;
}
.md-table .table fieldset.form-group [type=checkbox]:not(.browser-default) + label {
  margin-bottom: 0;
}
.md-table .table .multi-select .form-group {
  display: flex;
}
.md-table .table thead th {
  font-weight: 400;
  color: #9e9e9e;
  border-top: none;
}
.md-table .table thead th.action {
  color: #212121;
}
.md-table .table tbody tr.md-table-seleted {
  background: #f5f5f5;
}
.md-table .table .number_field {
  text-align: right;
}
.md-table .table.without-pagination tbody tr:last-child td {
  border-bottom: none;
}
.md-table .table.table-sm tbody tr:last-child td {
  border-bottom: none;
}
.md-table .table.table-sm td, .md-table .table.table-sm th {
  padding: 8px 4px;
}
.md-table .table.table-sm .multi-select {
  padding-left: 12px;
}
.md-table .table.table-sm .action {
  padding-right: 12px;
}
.md-table .page-count {
  font-size: 14px;
}
.md-table .table-container {
  overflow-x: auto;
}

/**
 * * selectize.default.css (v0.12.4) - Default Theme
 * * Copyright (c) 2013–2015 Brian Reavis & contributors
 * *
 * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * * file except in compliance with the License. You may obtain a copy of the License at:
 * * http://www.apache.org/licenses/LICENSE-2.0
 * *
 * * Unless required by applicable law or agreed to in writing, software distributed under
 * * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * * ANY KIND, either express or implied. See the License for the specific language
 * * governing permissions and limitations under the License.
 * *
 * * @author Brian Reavis <brian@thirdroute.com> */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control {
  position: relative;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
  color: #000;
  opacity: 0.5;
}
.selectize-control.plugin-remove_button [data-value] .remove:before {
  font-family: "Material Icons";
  content: "\e14c";
}
.selectize-control.plugin-remove_button.active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}
.selectize-dropdown .option:not([data-selectable]) {
  display: none;
}

.selectize-input {
  color: #000;
  font-family: inherit;
  font-size: 16px;
  line-height: 18px;
  background: transparent;
  cursor: text;
  display: inline-block;
}
.selectize-input input {
  color: #000;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.selectize-control.single .selectize-input.input-active {
  background: transparent;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 1px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: transparent;
}
.selectize-input.disabled {
  cursor: default !important;
}
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e0e0e0;
  margin-right: 8px;
  margin-top: 8px;
}
.selectize-control.multi .selectize-input.disabled > div {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 18px;
  font-size: 16px;
  transition: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  padding: 14px 16px;
  min-height: 50px;
}
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #fafafa;
  color: #000;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input {
  cursor: pointer;
}
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
  cursor: text;
}
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
  border-bottom: none !important;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 13px;
  right: 3px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  border-radius: 25px;
}

.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

.pagination .page-item .page-link {
  background: transparent;
}
.pagination .page-item .page-link.previous-chevron, .pagination .page-item .page-link.next-chevron {
  padding: 6px 4px 0px 4px;
}

.pagination .active .page-link {
  border-radius: 2px;
}

.pagination input::-webkit-inner-spin-button, .pagination input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.pagination input {
  margin-top: 2px;
  font-size: 15px;
}

.skittles-avatar-0 {
  background-color: #aa00ff;
}

.skittles-avatar-1 {
  background-color: #ff6d00;
}

.skittles-avatar-2 {
  background-color: #00e676;
}

.skittles-avatar-3 {
  background-color: #cddc39;
}

.skittles-avatar-4 {
  background-color: #e91e63;
}

.skittles-avatar-5 {
  background-color: #ffeb3b;
}

.skittles-avatar-6 {
  background-color: #ffc107;
}

.skittles-avatar-7 {
  background-color: #651fff;
}

.skittles-avatar-8 {
  background-color: #1de9b6;
}

.skittles-avatar {
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 300;
  line-height: 1.8;
}
.skittles-avatar:before {
  font-size: 4rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(50% - 3.7rem);
  left: 0;
  text-align: center;
  content: attr(data-initials) "";
}

.avatar-xs {
  width: 32px;
  height: 32px;
}
.avatar-xs .skittles-avatar:before {
  font-size: 1rem;
  top: calc(50% - 0.9rem);
}

.avatar-pub-index-row {
  width: 40px;
  height: 40px;
}
.avatar-pub-index-row .skittles-avatar:before {
  font-size: 1.2rem;
  top: calc(50% - 1rem);
}

.avatar-sm {
  width: 60px;
  height: 60px;
}
.avatar-sm .skittles-avatar:before {
  font-size: 2rem;
  top: calc(50% - 1.8rem);
}

.avatar-md {
  width: 75px;
  height: 75px;
}
.avatar-md .skittles-avatar:before {
  font-size: 2.6rem;
  top: calc(50% - 2.35rem);
}

.avatar-lg {
  width: 100px;
  height: 100px;
}
.avatar-lg .skittles-avatar:before {
  font-size: 3.2rem;
  top: calc(50% - 2.9rem);
}

.avatar-xl {
  width: 180px;
  height: 180px;
}
.avatar-xl .skittles-avatar:before {
  font-size: 3.2rem;
  top: calc(50% - 2.9rem);
}

.avatar-xxl {
  width: 215px;
  height: 215px;
}
.avatar-xxl .skittles-avatar:before {
  font-size: 3.2rem;
  top: calc(50% - 2.9rem);
}

.avatar.square {
  width: 100%;
  height: 300px;
}
.avatar.square .skittles-avatar {
  border-radius: 0;
}
.avatar.square .skittles-avatar:before {
  font-size: 7.5rem;
  top: calc(50% - 7rem);
}

.icon-toggle {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.icon-toggle .ripple {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 50%;
}
.icon-toggle:hover .ripple {
  opacity: 0.04;
}
.icon-toggle:active .ripple {
  opacity: 0.16;
}

.actionable-toolbar > * {
  margin-left: 24px;
}

.actionable-toolbar > a {
  display: flex;
}

.justify-content-normal {
  justify-content: normal !important;
}

.align-items-normal {
  align-items: normal !important;
}

.align-content-normal {
  align-content: normal !important;
}

.align-self-normal {
  align-self: normal !important;
}

@media (min-width: 576px) {
  .justify-content-sm-normal {
    justify-content: normal !important;
  }
  .align-items-sm-normal {
    align-items: normal !important;
  }
  .align-content-sm-normal {
    align-content: normal !important;
  }
  .align-self-sm-normal {
    align-self: normal !important;
  }
}
@media (min-width: 768px) {
  .justify-content-md-normal {
    justify-content: normal !important;
  }
  .align-items-md-normal {
    align-items: normal !important;
  }
  .align-content-md-normal {
    align-content: normal !important;
  }
  .align-self-md-normal {
    align-self: normal !important;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-normal {
    justify-content: normal !important;
  }
  .align-items-lg-normal {
    align-items: normal !important;
  }
  .align-content-lg-normal {
    align-content: normal !important;
  }
  .align-self-lg-normal {
    align-self: normal !important;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-normal {
    justify-content: normal !important;
  }
  .align-items-xl-normal {
    align-items: normal !important;
  }
  .align-content-xl-normal {
    align-content: normal !important;
  }
  .align-self-xl-normal {
    align-self: normal !important;
  }
}
.list-status-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  padding-left: 8px;
  background-color: #666;
}

.list-group-item, .list-group-borderless .list-group-item-header-row {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.list-group-item:hover, .list-group-borderless .list-group-item-header-row:hover {
  z-index: 1;
}
.list-group-item:last-child, .list-group-borderless .list-group-item-header-row:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.dark-mode body {
  background-color: #212121 !important;
  color: white !important;
}
.dark-mode hr {
  background: white !important;
}
.dark-mode input {
  color: white !important;
}
.dark-mode textarea {
  color: white !important;
}
.dark-mode label {
  color: white !important;
}
.dark-mode .card, .dark-mode .month-card, .dark-mode .card-block {
  background: #282C34 !important;
  color: white !important;
}
.dark-mode .grey-text, .dark-mode .card-head h5, .card-head .dark-mode h5 {
  color: white !important;
}
.dark-mode .grey-text.text-darken-4, .dark-mode .card-head h5.text-darken-4, .card-head .dark-mode h5.text-darken-4, .dark-mode .grey-text.text-darken-2, .dark-mode .card-head h5.text-darken-2, .card-head .dark-mode h5.text-darken-2 {
  color: white !important;
}
.dark-mode .black-text, .dark-mode .stepper > li.active > a .header, .stepper > li.active > a .dark-mode .header, .dark-mode .stepper > li.completed > a .header, .stepper > li.completed > a .dark-mode .header, .dark-mode .n2-search-bar.has-black-text input[type=text], .n2-search-bar.has-black-text .dark-mode input[type=text], .dark-mode .n2-search-bar.has-black-text input[type=text]::-webkit-input-placeholder, .n2-search-bar.has-black-text .dark-mode input[type=text]::-webkit-input-placeholder, .dark-mode .n2-search-bar.has-black-text .empty-search-input, .n2-search-bar.has-black-text .dark-mode .empty-search-input {
  color: white !important;
}
.dark-mode .dropdown-button {
  color: white;
}
.dark-mode .dropdown-button:hover {
  color: #FAFAFA !important;
}
.dark-mode .md-form input, .dark-mode .md-form textarea {
  color: white !important;
}
.dark-mode .md-form label {
  color: white !important;
}
.dark-mode .selectize-input {
  color: white !important;
  border-color: white !important;
}
.dark-mode .selectize-input:after {
  border-color: white transparent transparent transparent !important;
}
.dark-mode .form-group label {
  color: white !important;
}
.dark-mode ul.list-group {
  background: #282C34 !important;
}
.dark-mode ul.list-group .list-group-item, .dark-mode ul.list-group .list-group-borderless .list-group-item-header-row, .list-group-borderless .dark-mode ul.list-group .list-group-item-header-row {
  background: #282C34 !important;
}
.dark-mode ul.list-group .list-group-item:hover, .dark-mode ul.list-group .list-group-borderless .list-group-item-header-row:hover, .list-group-borderless .dark-mode ul.list-group .list-group-item-header-row:hover {
  background: #3e4451 !important;
}
.dark-mode .list-group-item, .dark-mode .list-group-borderless .list-group-item-header-row, .list-group-borderless .dark-mode .list-group-item-header-row {
  background: #282C34 !important;
}
.dark-mode .collapsible-body {
  color: white !important;
}
.dark-mode .collapsible-header {
  color: white !important;
}
.dark-mode .side-nav {
  background: #212121 !important;
}
.dark-mode .side-nav-group {
  background: #212121 !important;
}
.dark-mode .side-nav-group:hover {
  background: #282C34 !important;
}
.dark-mode .side-nav-group li {
  background: #282C34 !important;
}
.dark-mode .side-nav-group li a {
  color: white !important;
  background: #282C34 !important;
}
.dark-mode .side-nav-group li:hover {
  background: #3e4451 !important;
}
.dark-mode .side-nav-group li:hover a {
  background: #3e4451 !important;
}
.dark-mode .modal-content {
  background: #282C34 !important;
}
.dark-mode .stepper-horizontal li::after {
  background-color: white !important;
}
.dark-mode .stepper-vertical li::after {
  background-color: white !important;
}
.dark-mode .step-content {
  background: #282C34 !important;
}
.dark-mode .md-table-seleted {
  background: #3e4451 !important;
}
.dark-mode .btn-icon i {
  color: white !important;
}
.dark-mode .btn-icon i:hover {
  background-color: #3e4451 !important;
}
.dark-mode .navigation-item, .dark-mode .persistent-side-nav .subnavigation-item, .persistent-side-nav .dark-mode .subnavigation-item {
  background: #212121 !important;
  color: white !important;
}
.dark-mode .navigation-item:hover, .dark-mode .persistent-side-nav .subnavigation-item:hover, .persistent-side-nav .dark-mode .subnavigation-item:hover {
  background: #282C34 !important;
}
.dark-mode .side-nav ul li a:not(.unstyled) {
  color: white !important;
}
.dark-mode .side-nav ul li a:not(.unstyled):hover {
  background: #282C34 !important;
}

/* ==========================================================================
 * * $BASE-PICKER
 * * ========================================================================== */
/**
 * * Note: the root picker element should *NOT* be styled more than what's here. */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * * The picker input element. */
.picker__input {
  cursor: default;
}

/**
 * * When the picker is opened, the input element is "activated". */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * * The holder is the only "scrollable" top-level container element. */
.picker__holder {
  overflow: auto !important;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

/*!
 * * Default mobile-first, responsive styling for pickadate.js
 * * Demo: http://amsul.github.io/pickadate.js */
/**
 * * Note: the root picker element should *NOT* be styled more than what's here. */
/**
 * * Make the holder and frame fullscreen. */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * * The holder should overlay the entire screen. */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * * The frame that bounds the box contents of the picker. */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * * The wrapper sets the stage to vertically align the box contents. */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * * The box contains all the picker contents. */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
/**
 * * When the picker opens... */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: 20% auto;
  }
}
/**
 * * For `large` screens, transform into an inline picker. */
/* ==========================================================================
 * * CUSTOM MATERIALIZE STYLES
 * * ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD;
}

.picker__frame {
  margin: 0 auto;
  max-width: 325px;
}

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}
/* ==========================================================================
 * * $BASE-DATE-PICKER
 * * ========================================================================== */
/**
 * * The picker box. */
.picker__box {
  padding: 0;
}

/**
 * * The header containing the month and year stuff. */
.picker__header {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

/**
 * * The month and year labels. */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

/**
 * * The month and year selectors. */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%;
}

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 25%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05);
}

/**
 * * The month navigation buttons. */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.55em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  bottom: 0;
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * * The calendar table of dates */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

.picker__table th,
.picker__table td {
  text-align: center;
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * * The weekday labels */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * * The days on the calendar */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.picker__day--outfocus {
  display: none;
  padding: 0.75rem 0;
  color: #fff;
}

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * * The footer containing the "today", "clear", and "close" buttons. */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 1rem 0 0.7rem 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
  text-transform: uppercase;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "×";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
 * * CUSTOM MATERIALIZE STYLES
 * * ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden;
}

.picker__date-display {
  text-align: center;
  background-color: #2196F3;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
  margin-bottom: 1rem;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}

.picker__weekday-display {
  background-color: rgb(12.3230769231, 132.4730769231, 227.9769230769);
  padding: 10px;
  font-weight: 200;
  letter-spacing: 0.5;
  font-size: 1rem;
  margin-bottom: 15px;
}

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem;
}

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400;
}

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.picker__calendar-container {
  padding: 0 1rem;
}
.picker__calendar-container thead {
  border: none;
}

.picker__table {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.picker__day--infocus {
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day.picker__day--today {
  color: #2196F3;
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff;
}

.picker__weekday {
  font-size: 0.9rem;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  background-color: #2196F3;
  color: #ffffff;
}
.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}

.picker__footer {
  text-align: right;
  padding: 5px 10px;
}

.picker__close,
.picker__today {
  font-size: 1.1rem;
  padding: 0 0;
  color: #2196F3;
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767;
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
  background-color: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}

.picker__select--month,
.picker__select--year {
  display: inline-block;
}

.picker__select--year {
  width: 30%;
}

.md-form .red.datepicker + .picker .picker__date-display {
  background-color: #F44336;
}
.md-form .red.datepicker + .picker .picker__weekday-display {
  background-color: rgb(242.1476415094, 35.341509434, 20.1523584906);
}
.md-form .red.datepicker + .picker .picker__nav--prev:hover, .md-form .red.datepicker + .picker .picker__nav--next:hover {
  background: rgb(250.7492924528, 227.4611370407, 225.7507075472);
}
.md-form .red.datepicker + .picker .picker__select--month:focus, .md-form .red.datepicker + .picker .picker__select--year:focus {
  border-color: #F44336;
}
.md-form .red.datepicker + .picker .picker__day.picker__day--today {
  color: #F44336;
}
.md-form .red.datepicker + .picker .picker__day--selected,
.md-form .red.datepicker + .picker .picker__day--selected:hover,
.md-form .red.datepicker + .picker .picker--focused .picker__day--selected {
  background: #F44336;
}
.md-form .red.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .red.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .red.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(250.7492924528, 227.4611370407, 225.7507075472);
}
.md-form .red.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #F44336;
}
.md-form .red.datepicker + .picker button.picker__today:focus, .md-form .red.datepicker + .picker button.picker__clear:focus, .md-form .red.datepicker + .picker button.picker__close:focus {
  background-color: rgb(250.7492924528, 227.4611370407, 225.7507075472);
}
.md-form .red.datepicker + .picker .picker__button--today:focus, .md-form .red.datepicker + .picker .picker__button--clear:focus, .md-form .red.datepicker + .picker .picker__button--close:focus {
  background: rgb(250.7492924528, 227.4611370407, 225.7507075472);
}
.md-form .red.datepicker + .picker .picker__button--today:hover, .md-form .red.datepicker + .picker .picker__button--clear:hover, .md-form .red.datepicker + .picker .picker__button--close:hover {
  background: rgb(250.7492924528, 227.4611370407, 225.7507075472);
  border-bottom-color: rgb(250.7492924528, 227.4611370407, 225.7507075472);
}

.md-form .pink.datepicker + .picker .picker__date-display {
  background-color: #e91e63;
}
.md-form .pink.datepicker + .picker .picker__weekday-display {
  background-color: rgb(207.0546558704, 20.2453441296, 83.7421052632);
}
.md-form .pink.datepicker + .picker .picker__nav--prev:hover, .md-form .pink.datepicker + .picker .picker__nav--next:hover {
  background: rgb(243.7612854251, 197.7387145749, 213.3818544205);
}
.md-form .pink.datepicker + .picker .picker__select--month:focus, .md-form .pink.datepicker + .picker .picker__select--year:focus {
  border-color: #e91e63;
}
.md-form .pink.datepicker + .picker .picker__day.picker__day--today {
  color: #e91e63;
}
.md-form .pink.datepicker + .picker .picker__day--selected,
.md-form .pink.datepicker + .picker .picker__day--selected:hover,
.md-form .pink.datepicker + .picker .picker--focused .picker__day--selected {
  background: #e91e63;
}
.md-form .pink.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .pink.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .pink.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(243.7612854251, 197.7387145749, 213.3818544205);
}
.md-form .pink.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #e91e63;
}
.md-form .pink.datepicker + .picker button.picker__today:focus, .md-form .pink.datepicker + .picker button.picker__clear:focus, .md-form .pink.datepicker + .picker button.picker__close:focus {
  background-color: rgb(243.7612854251, 197.7387145749, 213.3818544205);
}
.md-form .pink.datepicker + .picker .picker__button--today:focus, .md-form .pink.datepicker + .picker .picker__button--clear:focus, .md-form .pink.datepicker + .picker .picker__button--close:focus {
  background: rgb(243.7612854251, 197.7387145749, 213.3818544205);
}
.md-form .pink.datepicker + .picker .picker__button--today:hover, .md-form .pink.datepicker + .picker .picker__button--clear:hover, .md-form .pink.datepicker + .picker .picker__button--close:hover {
  background: rgb(243.7612854251, 197.7387145749, 213.3818544205);
  border-bottom-color: rgb(243.7612854251, 197.7387145749, 213.3818544205);
}

.md-form .purple.datepicker + .picker .picker__date-display {
  background-color: #9c27b0;
}
.md-form .purple.datepicker + .picker .picker__weekday-display {
  background-color: rgb(130.096744186, 32.5241860465, 146.7758139535);
}
.md-form .purple.datepicker + .picker .picker__nav--prev:hover, .md-form .purple.datepicker + .picker .picker__nav--next:hover {
  background: rgb(216.8438274487, 168.3700581395, 225.1299418605);
}
.md-form .purple.datepicker + .picker .picker__select--month:focus, .md-form .purple.datepicker + .picker .picker__select--year:focus {
  border-color: #9c27b0;
}
.md-form .purple.datepicker + .picker .picker__day.picker__day--today {
  color: #9c27b0;
}
.md-form .purple.datepicker + .picker .picker__day--selected,
.md-form .purple.datepicker + .picker .picker__day--selected:hover,
.md-form .purple.datepicker + .picker .picker--focused .picker__day--selected {
  background: #9c27b0;
}
.md-form .purple.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .purple.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .purple.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(216.8438274487, 168.3700581395, 225.1299418605);
}
.md-form .purple.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #9c27b0;
}
.md-form .purple.datepicker + .picker button.picker__today:focus, .md-form .purple.datepicker + .picker button.picker__clear:focus, .md-form .purple.datepicker + .picker button.picker__close:focus {
  background-color: rgb(216.8438274487, 168.3700581395, 225.1299418605);
}
.md-form .purple.datepicker + .picker .picker__button--today:focus, .md-form .purple.datepicker + .picker .picker__button--clear:focus, .md-form .purple.datepicker + .picker .picker__button--close:focus {
  background: rgb(216.8438274487, 168.3700581395, 225.1299418605);
}
.md-form .purple.datepicker + .picker .picker__button--today:hover, .md-form .purple.datepicker + .picker .picker__button--clear:hover, .md-form .purple.datepicker + .picker .picker__button--close:hover {
  background: rgb(216.8438274487, 168.3700581395, 225.1299418605);
  border-bottom-color: rgb(216.8438274487, 168.3700581395, 225.1299418605);
}

.md-form .deep-purple.datepicker + .picker .picker__date-display {
  background-color: #673ab7;
}
.md-form .deep-purple.datepicker + .picker .picker__weekday-display {
  background-color: rgb(87.7423236515, 49.4082987552, 155.8917012448);
}
.md-form .deep-purple.datepicker + .picker .picker__nav--prev:hover, .md-form .deep-purple.datepicker + .picker .picker__nav--next:hover {
  background: rgb(205.0789232365, 193.0675829876, 226.4324170124);
}
.md-form .deep-purple.datepicker + .picker .picker__select--month:focus, .md-form .deep-purple.datepicker + .picker .picker__select--year:focus {
  border-color: #673ab7;
}
.md-form .deep-purple.datepicker + .picker .picker__day.picker__day--today {
  color: #673ab7;
}
.md-form .deep-purple.datepicker + .picker .picker__day--selected,
.md-form .deep-purple.datepicker + .picker .picker__day--selected:hover,
.md-form .deep-purple.datepicker + .picker .picker--focused .picker__day--selected {
  background: #673ab7;
}
.md-form .deep-purple.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .deep-purple.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .deep-purple.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(205.0789232365, 193.0675829876, 226.4324170124);
}
.md-form .deep-purple.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #673ab7;
}
.md-form .deep-purple.datepicker + .picker button.picker__today:focus, .md-form .deep-purple.datepicker + .picker button.picker__clear:focus, .md-form .deep-purple.datepicker + .picker button.picker__close:focus {
  background-color: rgb(205.0789232365, 193.0675829876, 226.4324170124);
}
.md-form .deep-purple.datepicker + .picker .picker__button--today:focus, .md-form .deep-purple.datepicker + .picker .picker__button--clear:focus, .md-form .deep-purple.datepicker + .picker .picker__button--close:focus {
  background: rgb(205.0789232365, 193.0675829876, 226.4324170124);
}
.md-form .deep-purple.datepicker + .picker .picker__button--today:hover, .md-form .deep-purple.datepicker + .picker .picker__button--clear:hover, .md-form .deep-purple.datepicker + .picker .picker__button--close:hover {
  background: rgb(205.0789232365, 193.0675829876, 226.4324170124);
  border-bottom-color: rgb(205.0789232365, 193.0675829876, 226.4324170124);
}

.md-form .indigo.datepicker + .picker .picker__date-display {
  background-color: #3f51b5;
}
.md-form .indigo.datepicker + .picker .picker__weekday-display {
  background-color: rgb(53.7823770492, 69.1487704918, 154.5176229508);
}
.md-form .indigo.datepicker + .picker .picker__nav--prev:hover, .md-form .indigo.datepicker + .picker .picker__nav--next:hover {
  background: rgb(196.6547131148, 201.1075125035, 225.8452868852);
}
.md-form .indigo.datepicker + .picker .picker__select--month:focus, .md-form .indigo.datepicker + .picker .picker__select--year:focus {
  border-color: #3f51b5;
}
.md-form .indigo.datepicker + .picker .picker__day.picker__day--today {
  color: #3f51b5;
}
.md-form .indigo.datepicker + .picker .picker__day--selected,
.md-form .indigo.datepicker + .picker .picker__day--selected:hover,
.md-form .indigo.datepicker + .picker .picker--focused .picker__day--selected {
  background: #3f51b5;
}
.md-form .indigo.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .indigo.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .indigo.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(196.6547131148, 201.1075125035, 225.8452868852);
}
.md-form .indigo.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #3f51b5;
}
.md-form .indigo.datepicker + .picker button.picker__today:focus, .md-form .indigo.datepicker + .picker button.picker__clear:focus, .md-form .indigo.datepicker + .picker button.picker__close:focus {
  background-color: rgb(196.6547131148, 201.1075125035, 225.8452868852);
}
.md-form .indigo.datepicker + .picker .picker__button--today:focus, .md-form .indigo.datepicker + .picker .picker__button--clear:focus, .md-form .indigo.datepicker + .picker .picker__button--close:focus {
  background: rgb(196.6547131148, 201.1075125035, 225.8452868852);
}
.md-form .indigo.datepicker + .picker .picker__button--today:hover, .md-form .indigo.datepicker + .picker .picker__button--clear:hover, .md-form .indigo.datepicker + .picker .picker__button--close:hover {
  background: rgb(196.6547131148, 201.1075125035, 225.8452868852);
  border-bottom-color: rgb(196.6547131148, 201.1075125035, 225.8452868852);
}

.md-form .blue.datepicker + .picker .picker__date-display {
  background-color: #2196F3;
}
.md-form .blue.datepicker + .picker .picker__weekday-display {
  background-color: rgb(12.3230769231, 132.4730769231, 227.9769230769);
}
.md-form .blue.datepicker + .picker .picker__nav--prev:hover, .md-form .blue.datepicker + .picker .picker__nav--next:hover {
  background: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}
.md-form .blue.datepicker + .picker .picker__select--month:focus, .md-form .blue.datepicker + .picker .picker__select--year:focus {
  border-color: #2196F3;
}
.md-form .blue.datepicker + .picker .picker__day.picker__day--today {
  color: #2196F3;
}
.md-form .blue.datepicker + .picker .picker__day--selected,
.md-form .blue.datepicker + .picker .picker__day--selected:hover,
.md-form .blue.datepicker + .picker .picker--focused .picker__day--selected {
  background: #2196F3;
}
.md-form .blue.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .blue.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .blue.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}
.md-form .blue.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #2196F3;
}
.md-form .blue.datepicker + .picker button.picker__today:focus, .md-form .blue.datepicker + .picker button.picker__clear:focus, .md-form .blue.datepicker + .picker button.picker__close:focus {
  background-color: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}
.md-form .blue.datepicker + .picker .picker__button--today:focus, .md-form .blue.datepicker + .picker .picker__button--clear:focus, .md-form .blue.datepicker + .picker .picker__button--close:focus {
  background: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}
.md-form .blue.datepicker + .picker .picker__button--today:hover, .md-form .blue.datepicker + .picker .picker__button--clear:hover, .md-form .blue.datepicker + .picker .picker__button--close:hover {
  background: rgb(206.5086538462, 229.6204395604, 247.9913461538);
  border-bottom-color: rgb(206.5086538462, 229.6204395604, 247.9913461538);
}

.md-form .light-blue.datepicker + .picker .picker__date-display {
  background-color: #03a9f4;
}
.md-form .light-blue.datepicker + .picker .picker__weekday-display {
  background-color: rgb(2.5663967611, 144.5736842105, 208.7336032389);
}
.md-form .light-blue.datepicker + .picker .picker__nav--prev:hover, .md-form .light-blue.datepicker + .picker .picker__nav--next:hover {
  background: rgb(177.8638157895, 225.9227915484, 247.6361842105);
}
.md-form .light-blue.datepicker + .picker .picker__select--month:focus, .md-form .light-blue.datepicker + .picker .picker__select--year:focus {
  border-color: #03a9f4;
}
.md-form .light-blue.datepicker + .picker .picker__day.picker__day--today {
  color: #03a9f4;
}
.md-form .light-blue.datepicker + .picker .picker__day--selected,
.md-form .light-blue.datepicker + .picker .picker__day--selected:hover,
.md-form .light-blue.datepicker + .picker .picker--focused .picker__day--selected {
  background: #03a9f4;
}
.md-form .light-blue.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .light-blue.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .light-blue.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(177.8638157895, 225.9227915484, 247.6361842105);
}
.md-form .light-blue.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #03a9f4;
}
.md-form .light-blue.datepicker + .picker button.picker__today:focus, .md-form .light-blue.datepicker + .picker button.picker__clear:focus, .md-form .light-blue.datepicker + .picker button.picker__close:focus {
  background-color: rgb(177.8638157895, 225.9227915484, 247.6361842105);
}
.md-form .light-blue.datepicker + .picker .picker__button--today:focus, .md-form .light-blue.datepicker + .picker .picker__button--clear:focus, .md-form .light-blue.datepicker + .picker .picker__button--close:focus {
  background: rgb(177.8638157895, 225.9227915484, 247.6361842105);
}
.md-form .light-blue.datepicker + .picker .picker__button--today:hover, .md-form .light-blue.datepicker + .picker .picker__button--clear:hover, .md-form .light-blue.datepicker + .picker .picker__button--close:hover {
  background: rgb(177.8638157895, 225.9227915484, 247.6361842105);
  border-bottom-color: rgb(177.8638157895, 225.9227915484, 247.6361842105);
}

.md-form .cyan.datepicker + .picker .picker__date-display {
  background-color: #00bcd4;
}
.md-form .cyan.datepicker + .picker .picker__weekday-display {
  background-color: rgb(0, 156.341509434, 176.3);
}
.md-form .cyan.datepicker + .picker .picker__nav--prev:hover, .md-form .cyan.datepicker + .picker .picker__nav--next:hover {
  background: rgb(144.4625, 234.5384433962, 246.0375);
}
.md-form .cyan.datepicker + .picker .picker__select--month:focus, .md-form .cyan.datepicker + .picker .picker__select--year:focus {
  border-color: #00bcd4;
}
.md-form .cyan.datepicker + .picker .picker__day.picker__day--today {
  color: #00bcd4;
}
.md-form .cyan.datepicker + .picker .picker__day--selected,
.md-form .cyan.datepicker + .picker .picker__day--selected:hover,
.md-form .cyan.datepicker + .picker .picker--focused .picker__day--selected {
  background: #00bcd4;
}
.md-form .cyan.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .cyan.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .cyan.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(144.4625, 234.5384433962, 246.0375);
}
.md-form .cyan.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #00bcd4;
}
.md-form .cyan.datepicker + .picker button.picker__today:focus, .md-form .cyan.datepicker + .picker button.picker__clear:focus, .md-form .cyan.datepicker + .picker button.picker__close:focus {
  background-color: rgb(144.4625, 234.5384433962, 246.0375);
}
.md-form .cyan.datepicker + .picker .picker__button--today:focus, .md-form .cyan.datepicker + .picker .picker__button--clear:focus, .md-form .cyan.datepicker + .picker .picker__button--close:focus {
  background: rgb(144.4625, 234.5384433962, 246.0375);
}
.md-form .cyan.datepicker + .picker .picker__button--today:hover, .md-form .cyan.datepicker + .picker .picker__button--clear:hover, .md-form .cyan.datepicker + .picker .picker__button--close:hover {
  background: rgb(144.4625, 234.5384433962, 246.0375);
  border-bottom-color: rgb(144.4625, 234.5384433962, 246.0375);
}

.md-form .teal.datepicker + .picker .picker__date-display {
  background-color: #009688;
}
.md-form .teal.datepicker + .picker .picker__weekday-display {
  background-color: rgb(0, 114.3, 103.632);
}
.md-form .teal.datepicker + .picker .picker__nav--prev:hover, .md-form .teal.datepicker + .picker .picker__nav--next:hover {
  background: rgb(87.1125, 241.3875, 226.9885);
}
.md-form .teal.datepicker + .picker .picker__select--month:focus, .md-form .teal.datepicker + .picker .picker__select--year:focus {
  border-color: #009688;
}
.md-form .teal.datepicker + .picker .picker__day.picker__day--today {
  color: #009688;
}
.md-form .teal.datepicker + .picker .picker__day--selected,
.md-form .teal.datepicker + .picker .picker__day--selected:hover,
.md-form .teal.datepicker + .picker .picker--focused .picker__day--selected {
  background: #009688;
}
.md-form .teal.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .teal.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .teal.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(87.1125, 241.3875, 226.9885);
}
.md-form .teal.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #009688;
}
.md-form .teal.datepicker + .picker button.picker__today:focus, .md-form .teal.datepicker + .picker button.picker__clear:focus, .md-form .teal.datepicker + .picker button.picker__close:focus {
  background-color: rgb(87.1125, 241.3875, 226.9885);
}
.md-form .teal.datepicker + .picker .picker__button--today:focus, .md-form .teal.datepicker + .picker .picker__button--clear:focus, .md-form .teal.datepicker + .picker .picker__button--close:focus {
  background: rgb(87.1125, 241.3875, 226.9885);
}
.md-form .teal.datepicker + .picker .picker__button--today:hover, .md-form .teal.datepicker + .picker .picker__button--clear:hover, .md-form .teal.datepicker + .picker .picker__button--close:hover {
  background: rgb(87.1125, 241.3875, 226.9885);
  border-bottom-color: rgb(87.1125, 241.3875, 226.9885);
}

.md-form .green.datepicker + .picker .picker__date-display {
  background-color: #4CAF50;
}
.md-form .green.datepicker + .picker .picker__weekday-display {
  background-color: rgb(65.190438247, 150.109561753, 68.6215139442);
}
.md-form .green.datepicker + .picker .picker__nav--prev:hover, .md-form .green.datepicker + .picker .picker__nav--next:hover {
  background: rgb(204.912001992, 224.587998008, 205.70699173);
}
.md-form .green.datepicker + .picker .picker__select--month:focus, .md-form .green.datepicker + .picker .picker__select--year:focus {
  border-color: #4CAF50;
}
.md-form .green.datepicker + .picker .picker__day.picker__day--today {
  color: #4CAF50;
}
.md-form .green.datepicker + .picker .picker__day--selected,
.md-form .green.datepicker + .picker .picker__day--selected:hover,
.md-form .green.datepicker + .picker .picker--focused .picker__day--selected {
  background: #4CAF50;
}
.md-form .green.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .green.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .green.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(204.912001992, 224.587998008, 205.70699173);
}
.md-form .green.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #4CAF50;
}
.md-form .green.datepicker + .picker button.picker__today:focus, .md-form .green.datepicker + .picker button.picker__clear:focus, .md-form .green.datepicker + .picker button.picker__close:focus {
  background-color: rgb(204.912001992, 224.587998008, 205.70699173);
}
.md-form .green.datepicker + .picker .picker__button--today:focus, .md-form .green.datepicker + .picker .picker__button--clear:focus, .md-form .green.datepicker + .picker .picker__button--close:focus {
  background: rgb(204.912001992, 224.587998008, 205.70699173);
}
.md-form .green.datepicker + .picker .picker__button--today:hover, .md-form .green.datepicker + .picker .picker__button--clear:hover, .md-form .green.datepicker + .picker .picker__button--close:hover {
  background: rgb(204.912001992, 224.587998008, 205.70699173);
  border-bottom-color: rgb(204.912001992, 224.587998008, 205.70699173);
}

.md-form .light-green.datepicker + .picker .picker__date-display {
  background-color: #8bc34a;
}
.md-form .light-green.datepicker + .picker .picker__weekday-display {
  background-color: rgb(121.0062240664, 175.2170124481, 58.0829875519);
}
.md-form .light-green.datepicker + .picker .picker__nav--prev:hover, .md-form .light-green.datepicker + .picker .picker__nav--next:hover {
  background: rgb(224.5683554233, 234.7523340249, 212.7476659751);
}
.md-form .light-green.datepicker + .picker .picker__select--month:focus, .md-form .light-green.datepicker + .picker .picker__select--year:focus {
  border-color: #8bc34a;
}
.md-form .light-green.datepicker + .picker .picker__day.picker__day--today {
  color: #8bc34a;
}
.md-form .light-green.datepicker + .picker .picker__day--selected,
.md-form .light-green.datepicker + .picker .picker__day--selected:hover,
.md-form .light-green.datepicker + .picker .picker--focused .picker__day--selected {
  background: #8bc34a;
}
.md-form .light-green.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .light-green.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .light-green.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(224.5683554233, 234.7523340249, 212.7476659751);
}
.md-form .light-green.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #8bc34a;
}
.md-form .light-green.datepicker + .picker button.picker__today:focus, .md-form .light-green.datepicker + .picker button.picker__clear:focus, .md-form .light-green.datepicker + .picker button.picker__close:focus {
  background-color: rgb(224.5683554233, 234.7523340249, 212.7476659751);
}
.md-form .light-green.datepicker + .picker .picker__button--today:focus, .md-form .light-green.datepicker + .picker .picker__button--clear:focus, .md-form .light-green.datepicker + .picker .picker__button--close:focus {
  background: rgb(224.5683554233, 234.7523340249, 212.7476659751);
}
.md-form .light-green.datepicker + .picker .picker__button--today:hover, .md-form .light-green.datepicker + .picker .picker__button--clear:hover, .md-form .light-green.datepicker + .picker .picker__button--close:hover {
  background: rgb(224.5683554233, 234.7523340249, 212.7476659751);
  border-bottom-color: rgb(224.5683554233, 234.7523340249, 212.7476659751);
}

.md-form .lime.datepicker + .picker .picker__date-display {
  background-color: #cddc39;
}
.md-form .lime.datepicker + .picker .picker__weekday-display {
  background-color: rgb(189.5188841202, 205.0532188841, 36.2467811159);
}
.md-form .lime.datepicker + .picker .picker__nav--prev:hover, .md-form .lime.datepicker + .picker .picker__nav--next:hover {
  background: rgb(239.9695216435, 242.725804721, 212.774195279);
}
.md-form .lime.datepicker + .picker .picker__select--month:focus, .md-form .lime.datepicker + .picker .picker__select--year:focus {
  border-color: #cddc39;
}
.md-form .lime.datepicker + .picker .picker__day.picker__day--today {
  color: #cddc39;
}
.md-form .lime.datepicker + .picker .picker__day--selected,
.md-form .lime.datepicker + .picker .picker__day--selected:hover,
.md-form .lime.datepicker + .picker .picker--focused .picker__day--selected {
  background: #cddc39;
}
.md-form .lime.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .lime.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .lime.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(239.9695216435, 242.725804721, 212.774195279);
}
.md-form .lime.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #cddc39;
}
.md-form .lime.datepicker + .picker button.picker__today:focus, .md-form .lime.datepicker + .picker button.picker__clear:focus, .md-form .lime.datepicker + .picker button.picker__close:focus {
  background-color: rgb(239.9695216435, 242.725804721, 212.774195279);
}
.md-form .lime.datepicker + .picker .picker__button--today:focus, .md-form .lime.datepicker + .picker .picker__button--clear:focus, .md-form .lime.datepicker + .picker .picker__button--close:focus {
  background: rgb(239.9695216435, 242.725804721, 212.774195279);
}
.md-form .lime.datepicker + .picker .picker__button--today:hover, .md-form .lime.datepicker + .picker .picker__button--clear:hover, .md-form .lime.datepicker + .picker .picker__button--close:hover {
  background: rgb(239.9695216435, 242.725804721, 212.774195279);
  border-bottom-color: rgb(239.9695216435, 242.725804721, 212.774195279);
}

.md-form .yellow.datepicker + .picker .picker__date-display {
  background-color: #ffeb3b;
}
.md-form .yellow.datepicker + .picker .picker__weekday-display {
  background-color: rgb(255, 231.3571428571, 23.3);
}
.md-form .yellow.datepicker + .picker .picker__nav--prev:hover, .md-form .yellow.datepicker + .picker .picker__nav--next:hover {
  background: rgb(253.6875, 252.1696428571, 238.8125);
}
.md-form .yellow.datepicker + .picker .picker__select--month:focus, .md-form .yellow.datepicker + .picker .picker__select--year:focus {
  border-color: #ffeb3b;
}
.md-form .yellow.datepicker + .picker .picker__day.picker__day--today {
  color: #ffeb3b;
}
.md-form .yellow.datepicker + .picker .picker__day--selected,
.md-form .yellow.datepicker + .picker .picker__day--selected:hover,
.md-form .yellow.datepicker + .picker .picker--focused .picker__day--selected {
  background: #ffeb3b;
}
.md-form .yellow.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .yellow.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .yellow.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(253.6875, 252.1696428571, 238.8125);
}
.md-form .yellow.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #ffeb3b;
}
.md-form .yellow.datepicker + .picker button.picker__today:focus, .md-form .yellow.datepicker + .picker button.picker__clear:focus, .md-form .yellow.datepicker + .picker button.picker__close:focus {
  background-color: rgb(253.6875, 252.1696428571, 238.8125);
}
.md-form .yellow.datepicker + .picker .picker__button--today:focus, .md-form .yellow.datepicker + .picker .picker__button--clear:focus, .md-form .yellow.datepicker + .picker .picker__button--close:focus {
  background: rgb(253.6875, 252.1696428571, 238.8125);
}
.md-form .yellow.datepicker + .picker .picker__button--today:hover, .md-form .yellow.datepicker + .picker .picker__button--clear:hover, .md-form .yellow.datepicker + .picker .picker__button--close:hover {
  background: rgb(253.6875, 252.1696428571, 238.8125);
  border-bottom-color: rgb(253.6875, 252.1696428571, 238.8125);
}

.md-form .amber.datepicker + .picker .picker__date-display {
  background-color: #ffc107;
}
.md-form .amber.datepicker + .picker .picker__weekday-display {
  background-color: rgb(226.3, 169.725, 0);
}
.md-form .amber.datepicker + .picker .picker__nav--prev:hover, .md-form .amber.datepicker + .picker .picker__nav--next:hover {
  background: rgb(249.7875, 235.01875, 190.7125);
}
.md-form .amber.datepicker + .picker .picker__select--month:focus, .md-form .amber.datepicker + .picker .picker__select--year:focus {
  border-color: #ffc107;
}
.md-form .amber.datepicker + .picker .picker__day.picker__day--today {
  color: #ffc107;
}
.md-form .amber.datepicker + .picker .picker__day--selected,
.md-form .amber.datepicker + .picker .picker__day--selected:hover,
.md-form .amber.datepicker + .picker .picker--focused .picker__day--selected {
  background: #ffc107;
}
.md-form .amber.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .amber.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .amber.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(249.7875, 235.01875, 190.7125);
}
.md-form .amber.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #ffc107;
}
.md-form .amber.datepicker + .picker button.picker__today:focus, .md-form .amber.datepicker + .picker button.picker__clear:focus, .md-form .amber.datepicker + .picker button.picker__close:focus {
  background-color: rgb(249.7875, 235.01875, 190.7125);
}
.md-form .amber.datepicker + .picker .picker__button--today:focus, .md-form .amber.datepicker + .picker .picker__button--clear:focus, .md-form .amber.datepicker + .picker .picker__button--close:focus {
  background: rgb(249.7875, 235.01875, 190.7125);
}
.md-form .amber.datepicker + .picker .picker__button--today:hover, .md-form .amber.datepicker + .picker .picker__button--clear:hover, .md-form .amber.datepicker + .picker .picker__button--close:hover {
  background: rgb(249.7875, 235.01875, 190.7125);
  border-bottom-color: rgb(249.7875, 235.01875, 190.7125);
}

.md-form .orange.datepicker + .picker .picker__date-display {
  background-color: #ff9800;
}
.md-form .orange.datepicker + .picker .picker__weekday-display {
  background-color: rgb(219.3, 130.72, 0);
}
.md-form .orange.datepicker + .picker .picker__nav--prev:hover, .md-form .orange.datepicker + .picker .picker__nav--next:hover {
  background: rgb(249.2625, 222.9975, 184.2375);
}
.md-form .orange.datepicker + .picker .picker__select--month:focus, .md-form .orange.datepicker + .picker .picker__select--year:focus {
  border-color: #ff9800;
}
.md-form .orange.datepicker + .picker .picker__day.picker__day--today {
  color: #ff9800;
}
.md-form .orange.datepicker + .picker .picker__day--selected,
.md-form .orange.datepicker + .picker .picker__day--selected:hover,
.md-form .orange.datepicker + .picker .picker--focused .picker__day--selected {
  background: #ff9800;
}
.md-form .orange.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .orange.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .orange.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(249.2625, 222.9975, 184.2375);
}
.md-form .orange.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #ff9800;
}
.md-form .orange.datepicker + .picker button.picker__today:focus, .md-form .orange.datepicker + .picker button.picker__clear:focus, .md-form .orange.datepicker + .picker button.picker__close:focus {
  background-color: rgb(249.2625, 222.9975, 184.2375);
}
.md-form .orange.datepicker + .picker .picker__button--today:focus, .md-form .orange.datepicker + .picker .picker__button--clear:focus, .md-form .orange.datepicker + .picker .picker__button--close:focus {
  background: rgb(249.2625, 222.9975, 184.2375);
}
.md-form .orange.datepicker + .picker .picker__button--today:hover, .md-form .orange.datepicker + .picker .picker__button--clear:hover, .md-form .orange.datepicker + .picker .picker__button--close:hover {
  background: rgb(249.2625, 222.9975, 184.2375);
  border-bottom-color: rgb(249.2625, 222.9975, 184.2375);
}

.md-form .deep-orange.datepicker + .picker .picker__date-display {
  background-color: #ff5722;
}
.md-form .deep-orange.datepicker + .picker .picker__weekday-display {
  background-color: rgb(253.3, 60.7461538462, 0);
}
.md-form .deep-orange.datepicker + .picker .picker__nav--prev:hover, .md-form .deep-orange.datepicker + .picker .picker__nav--next:hover {
  background: rgb(251.8125, 224.3509615385, 215.6875);
}
.md-form .deep-orange.datepicker + .picker .picker__select--month:focus, .md-form .deep-orange.datepicker + .picker .picker__select--year:focus {
  border-color: #ff5722;
}
.md-form .deep-orange.datepicker + .picker .picker__day.picker__day--today {
  color: #ff5722;
}
.md-form .deep-orange.datepicker + .picker .picker__day--selected,
.md-form .deep-orange.datepicker + .picker .picker__day--selected:hover,
.md-form .deep-orange.datepicker + .picker .picker--focused .picker__day--selected {
  background: #ff5722;
}
.md-form .deep-orange.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .deep-orange.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .deep-orange.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(251.8125, 224.3509615385, 215.6875);
}
.md-form .deep-orange.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #ff5722;
}
.md-form .deep-orange.datepicker + .picker button.picker__today:focus, .md-form .deep-orange.datepicker + .picker button.picker__clear:focus, .md-form .deep-orange.datepicker + .picker button.picker__close:focus {
  background-color: rgb(251.8125, 224.3509615385, 215.6875);
}
.md-form .deep-orange.datepicker + .picker .picker__button--today:focus, .md-form .deep-orange.datepicker + .picker .picker__button--clear:focus, .md-form .deep-orange.datepicker + .picker .picker__button--close:focus {
  background: rgb(251.8125, 224.3509615385, 215.6875);
}
.md-form .deep-orange.datepicker + .picker .picker__button--today:hover, .md-form .deep-orange.datepicker + .picker .picker__button--clear:hover, .md-form .deep-orange.datepicker + .picker .picker__button--close:hover {
  background: rgb(251.8125, 224.3509615385, 215.6875);
  border-bottom-color: rgb(251.8125, 224.3509615385, 215.6875);
}

.md-form .brown.datepicker + .picker .picker__date-display {
  background-color: #795548;
}
.md-form .brown.datepicker + .picker .picker__weekday-display {
  background-color: rgb(98.618134715, 69.2772020725, 58.681865285);
}
.md-form .brown.datepicker + .picker .picker__nav--prev:hover, .md-form .brown.datepicker + .picker .picker__nav--next:hover {
  background: rgb(192.9441062176, 182.3731746325, 178.5558937824);
}
.md-form .brown.datepicker + .picker .picker__select--month:focus, .md-form .brown.datepicker + .picker .picker__select--year:focus {
  border-color: #795548;
}
.md-form .brown.datepicker + .picker .picker__day.picker__day--today {
  color: #795548;
}
.md-form .brown.datepicker + .picker .picker__day--selected,
.md-form .brown.datepicker + .picker .picker__day--selected:hover,
.md-form .brown.datepicker + .picker .picker--focused .picker__day--selected {
  background: #795548;
}
.md-form .brown.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .brown.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .brown.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(192.9441062176, 182.3731746325, 178.5558937824);
}
.md-form .brown.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #795548;
}
.md-form .brown.datepicker + .picker button.picker__today:focus, .md-form .brown.datepicker + .picker button.picker__clear:focus, .md-form .brown.datepicker + .picker button.picker__close:focus {
  background-color: rgb(192.9441062176, 182.3731746325, 178.5558937824);
}
.md-form .brown.datepicker + .picker .picker__button--today:focus, .md-form .brown.datepicker + .picker .picker__button--clear:focus, .md-form .brown.datepicker + .picker .picker__button--close:focus {
  background: rgb(192.9441062176, 182.3731746325, 178.5558937824);
}
.md-form .brown.datepicker + .picker .picker__button--today:hover, .md-form .brown.datepicker + .picker .picker__button--clear:hover, .md-form .brown.datepicker + .picker .picker__button--close:hover {
  background: rgb(192.9441062176, 182.3731746325, 178.5558937824);
  border-bottom-color: rgb(192.9441062176, 182.3731746325, 178.5558937824);
}

.md-form .blue-grey.datepicker + .picker .picker__date-display {
  background-color: #607d8b;
}
.md-form .blue-grey.datepicker + .picker .picker__weekday-display {
  background-color: rgb(81.4161702128, 106.0106382979, 117.8838297872);
}
.md-form .blue-grey.datepicker + .picker .picker__nav--prev:hover, .md-form .blue-grey.datepicker + .picker .picker__nav--next:hover {
  background: rgb(205.1587765957, 207.3050779317, 208.3412234043);
}
.md-form .blue-grey.datepicker + .picker .picker__select--month:focus, .md-form .blue-grey.datepicker + .picker .picker__select--year:focus {
  border-color: #607d8b;
}
.md-form .blue-grey.datepicker + .picker .picker__day.picker__day--today {
  color: #607d8b;
}
.md-form .blue-grey.datepicker + .picker .picker__day--selected,
.md-form .blue-grey.datepicker + .picker .picker__day--selected:hover,
.md-form .blue-grey.datepicker + .picker .picker--focused .picker__day--selected {
  background: #607d8b;
}
.md-form .blue-grey.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .blue-grey.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .blue-grey.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(205.1587765957, 207.3050779317, 208.3412234043);
}
.md-form .blue-grey.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #607d8b;
}
.md-form .blue-grey.datepicker + .picker button.picker__today:focus, .md-form .blue-grey.datepicker + .picker button.picker__clear:focus, .md-form .blue-grey.datepicker + .picker button.picker__close:focus {
  background-color: rgb(205.1587765957, 207.3050779317, 208.3412234043);
}
.md-form .blue-grey.datepicker + .picker .picker__button--today:focus, .md-form .blue-grey.datepicker + .picker .picker__button--clear:focus, .md-form .blue-grey.datepicker + .picker .picker__button--close:focus {
  background: rgb(205.1587765957, 207.3050779317, 208.3412234043);
}
.md-form .blue-grey.datepicker + .picker .picker__button--today:hover, .md-form .blue-grey.datepicker + .picker .picker__button--clear:hover, .md-form .blue-grey.datepicker + .picker .picker__button--close:hover {
  background: rgb(205.1587765957, 207.3050779317, 208.3412234043);
  border-bottom-color: rgb(205.1587765957, 207.3050779317, 208.3412234043);
}

.md-form .grey.datepicker + .picker .picker__date-display {
  background-color: #9e9e9e;
}
.md-form .grey.datepicker + .picker .picker__weekday-display {
  background-color: rgb(140.15, 140.15, 140.15);
}
.md-form .grey.datepicker + .picker .picker__nav--prev:hover, .md-form .grey.datepicker + .picker .picker__nav--next:hover {
  background: rgb(247.25, 247.25, 247.25);
}
.md-form .grey.datepicker + .picker .picker__select--month:focus, .md-form .grey.datepicker + .picker .picker__select--year:focus {
  border-color: #9e9e9e;
}
.md-form .grey.datepicker + .picker .picker__day.picker__day--today {
  color: #9e9e9e;
}
.md-form .grey.datepicker + .picker .picker__day--selected,
.md-form .grey.datepicker + .picker .picker__day--selected:hover,
.md-form .grey.datepicker + .picker .picker--focused .picker__day--selected {
  background: #9e9e9e;
}
.md-form .grey.datepicker + .picker .picker__day--selected.picker__day--outfocus,
.md-form .grey.datepicker + .picker .picker__day--selected:hover.picker__day--outfocus,
.md-form .grey.datepicker + .picker .picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: rgb(247.25, 247.25, 247.25);
}
.md-form .grey.datepicker + .picker .picker__button--today:before {
  border-top: 0.66em solid #9e9e9e;
}
.md-form .grey.datepicker + .picker button.picker__today:focus, .md-form .grey.datepicker + .picker button.picker__clear:focus, .md-form .grey.datepicker + .picker button.picker__close:focus {
  background-color: rgb(247.25, 247.25, 247.25);
}
.md-form .grey.datepicker + .picker .picker__button--today:focus, .md-form .grey.datepicker + .picker .picker__button--clear:focus, .md-form .grey.datepicker + .picker .picker__button--close:focus {
  background: rgb(247.25, 247.25, 247.25);
}
.md-form .grey.datepicker + .picker .picker__button--today:hover, .md-form .grey.datepicker + .picker .picker__button--clear:hover, .md-form .grey.datepicker + .picker .picker__button--close:hover {
  background: rgb(247.25, 247.25, 247.25);
  border-bottom-color: rgb(247.25, 247.25, 247.25);
}

/* ==========================================================================
 * * $BASE-TIME-PICKER
 * * ========================================================================== */
/**
 * * The list of times. */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * * The times on the clock. */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * * The clear button */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
 * * $DEFAULT-TIME-PICKER
 * * ========================================================================== */
/**
 * * The frame the bounds the time picker. */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}

/**
 * * The picker box. */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
/*!
 * * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * * Copyright 2014 Wang Shenwei.
 * * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * *
 * * Further modified
 * * Copyright 2015 Ching Yaw Hao.
 * *
 * * Bootstrap v3.1.1 (http://getbootstrap.com)
 * * Copyright 2011-2014 Twitter, Inc.
 * * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
.clockpicker-display {
  vertical-align: middle;
  display: inline-block;
  margin: auto;
  height: 85px;
  font-size: 70px;
  padding: 10px;
  padding-bottom: 0px;
  color: #b2dfdb;
}

.clockpicker-display-column {
  float: left;
}

.clockpicker-display-am-pm {
  padding-left: 5px;
  vertical-align: bottom;
  height: 85px;
}

.clockpicker-span-am-pm {
  display: inline-block;
  font-size: 23px;
  line-height: 25px;
  color: #b2dfdb;
}

.clockpicker-span-hours, .clockpicker-span-minutes {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: color 500ms;
  -moz-transition: color 500ms;
  -ms-transition: color 500ms;
  -o-transition: color 500ms;
  transition: color 500ms;
  cursor: pointer;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes pulse {
  from {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes pulse {
  from {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulse {
  from {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
#click-am, #click-pm {
  cursor: pointer;
}

.clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary, #click-am.text-primary, #click-pm.text-primary {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  color: white;
}

.clockpicker-moving {
  cursor: move;
}

.clockpicker-plate {
  background-color: #eeeeee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 20px;
  /* Disable text selection highlighting. Thanks to Hermanya */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clockpicker-canvas,
.clockpicker-dial {
  width: 270px;
  height: 270px;
  position: absolute;
  left: -1px;
  top: -1px;
}

.clockpicker-minutes {
  visibility: hidden;
}

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -ms-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  background-color: rgba(0, 150, 136, 0);
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: rgba(0, 150, 136, 0.25);
}

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms, opacity 350ms;
  -moz-transition: -moz-transform 350ms, opacity 350ms;
  -ms-transition: -ms-transform 350ms, opacity 350ms;
  -o-transition: -o-transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms;
}

.clockpicker-dial-out {
  opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

.clockpicker-canvas {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.clockpicker-canvas-out {
  opacity: 0.25;
}

.clockpicker-canvas-bearing {
  stroke: none;
  fill: rgba(0, 77, 64, 0.75);
}

.clockpicker-canvas-fg {
  stroke: none;
  fill: rgba(0, 77, 64, 0);
}

.clockpicker-canvas-fg.active {
  fill: rgba(0, 77, 64, 0.5);
}

.clockpicker-canvas-bg {
  stroke: none;
  fill: rgba(0, 150, 136, 0.25);
}

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 150, 136, 0.25);
}

.clockpicker-canvas line {
  stroke: rgba(0, 150, 136, 0.25);
  stroke-width: 1;
  stroke-linecap: round;
  /*shape-rendering: crispEdges; */
}

.clockpicker-am-pm-block {
  margin-top: -10px;
  width: 100%;
  height: 50px;
}

.clockpicker-button.am-button {
  height: 45px;
  width: 45px;
  float: left;
  color: #fff;
}

.clockpicker-button.pm-button {
  height: 45px;
  width: 45px;
  float: right;
  color: #fff;
}

.btn-floating.btn-flat:focus, .btn-floating.btn-stroked:focus, .segmented-controls .btn-floating.segmented-control:focus, .btn-floating.btn-flat:visited, .btn-floating.btn-stroked:visited, .segmented-controls .btn-floating.segmented-control:visited {
  background-color: transparent;
}

.btn-floating.btn-flat:hover, .btn-floating.btn-stroked:hover, .segmented-controls .btn-floating.segmented-control:hover {
  box-shadow: none;
  background-color: transparent;
}

.btn-floating.btn-flat, .btn-floating.btn-stroked, .segmented-controls .btn-floating.segmented-control {
  padding: 0;
  background: #2196F3;
}
.btn-floating.btn-flat:hover, .btn-floating.btn-stroked:hover, .segmented-controls .btn-floating.segmented-control:hover, .btn-floating.btn-flat:focus, .btn-floating.btn-stroked:focus, .segmented-controls .btn-floating.segmented-control:focus {
  background-color: rgb(57.1923076923, 161.4423076923, 244.3076923077) !important;
}
.btn-floating.btn-flat.active, .btn-floating.active.btn-stroked, .segmented-controls .btn-floating.active.segmented-control {
  background-color: rgb(8.9230769231, 95.9230769231, 165.0769230769) !important;
}

.btn-floating.btn-flat.active, .btn-floating.active.btn-stroked, .segmented-controls .btn-floating.active.segmented-control {
  background-color: rgba(0, 150, 136, 0.25);
}

.btn-floating.btn-flat:active, .btn-floating.btn-stroked:active, .segmented-controls .btn-floating.segmented-control:active {
  background-color: rgba(0, 150, 136, 0.5);
}

.picker__footer .clockpicker-button {
  margin: auto;
  margin-top: 15px;
}

.picker__footer .clockpicker-button:focus {
  background-color: transparent;
}

.picker__footer .clockpicker-button:active {
  background-color: rgba(0, 150, 136, 0.25);
}

.darktheme .picker__box {
  background-color: #212121;
}

.darktheme .picker__date-display {
  background-color: transparent;
}

.darktheme .clockpicker-display {
  color: white;
}

.darktheme .clockpicker-span-am-pm {
  color: white;
}

.darktheme .clockpicker-span-hours.text-primary, .darktheme .clockpicker-span-minutes.text-primary, .darktheme #click-am.text-primary, .darktheme #click-pm.text-primary {
  color: #ff4081;
}

.darktheme .clockpicker-plate {
  background-color: transparent;
}

.darktheme .clockpicker-tick {
  color: white;
  background-color: rgba(255, 64, 129, 0);
}

.darktheme .clockpicker-tick.active, .darktheme .clockpicker-tick:hover {
  background-color: rgba(255, 64, 129, 0.25);
}

.darktheme .clockpicker-canvas-bearing {
  fill: white;
}

.darktheme .clockpicker-canvas-fg {
  fill: rgba(255, 64, 129, 0);
}

.darktheme .clockpicker-canvas-fg.active {
  fill: rgba(255, 64, 129, 0.5);
}

.darktheme .clockpicker-canvas-bg {
  fill: rgba(255, 64, 129, 0.25);
}

.darktheme .clockpicker-canvas-bg-trans {
  fill: rgba(255, 64, 129, 0.25);
}

.darktheme .clockpicker-canvas line {
  stroke: rgba(255, 64, 129, 0.25);
}

.darktheme button {
  color: white;
}

.darktheme .btn-floating.btn-flat.active, .darktheme .btn-floating.active.btn-stroked, .darktheme .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .darktheme .btn-floating.active.segmented-control {
  background-color: rgba(255, 64, 129, 0.25);
}

.darktheme .btn-floating.btn-flat:active, .darktheme .btn-floating.btn-stroked:active, .darktheme .segmented-controls .btn-floating.segmented-control:active, .segmented-controls .darktheme .btn-floating.segmented-control:active {
  background-color: rgba(255, 64, 129, 0.5);
}

.darktheme .picker__footer .clockpicker-button:active {
  background-color: rgba(255, 64, 129, 0.25);
}

.clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary, #click-am.text-primary, #click-pm.text-primary {
  color: #fff !important;
}

.md-form .red.timepicker + .picker .picker__date-display {
  background-color: #F44336;
}
.md-form .red.timepicker + .picker .btn-floating.btn-flat, .md-form .red.timepicker + .picker .btn-floating.btn-stroked, .md-form .red.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .red.timepicker + .picker .btn-floating.segmented-control {
  background: #F44336;
}
.md-form .red.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .red.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .red.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .red.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .red.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .red.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .red.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .red.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(245.3231132075, 89.6132075472, 78.1768867925) !important;
}
.md-form .red.timepicker + .picker .btn-floating.btn-flat.active, .md-form .red.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .red.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .red.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(185.8301886792, 22.1886792453, 10.1698113208) !important;
}
.md-form .red.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .red.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .red.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .red.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #F44336 !important;
}

.md-form .pink.timepicker + .picker .picker__date-display {
  background-color: #e91e63;
}
.md-form .pink.timepicker + .picker .btn-floating.btn-flat, .md-form .pink.timepicker + .picker .btn-floating.btn-stroked, .md-form .pink.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .pink.timepicker + .picker .btn-floating.segmented-control {
  background: #e91e63;
}
.md-form .pink.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .pink.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .pink.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .pink.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .pink.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .pink.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .pink.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .pink.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(235.2712550607, 53.2287449393, 115.1052631579) !important;
}
.md-form .pink.timepicker + .picker .btn-floating.btn-flat.active, .md-form .pink.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .pink.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .pink.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(146.6599190283, 14.3400809717, 59.3157894737) !important;
}
.md-form .pink.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .pink.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .pink.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .pink.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #e91e63 !important;
}

.md-form .purple.timepicker + .picker .picker__date-display {
  background-color: #9c27b0;
}
.md-form .purple.timepicker + .picker .btn-floating.btn-flat, .md-form .purple.timepicker + .picker .btn-floating.btn-stroked, .md-form .purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .purple.timepicker + .picker .btn-floating.segmented-control {
  background: #9c27b0;
}
.md-form .purple.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .purple.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .purple.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .purple.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .purple.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .purple.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(174.5023255814, 43.6255813953, 196.8744186047) !important;
}
.md-form .purple.timepicker + .picker .btn-floating.btn-flat.active, .md-form .purple.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .purple.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .purple.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(81.9906976744, 20.4976744186, 92.5023255814) !important;
}
.md-form .purple.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .purple.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .purple.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .purple.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #9c27b0 !important;
}

.md-form .deep-purple.timepicker + .picker .picker__date-display {
  background-color: #673ab7;
}
.md-form .deep-purple.timepicker + .picker .btn-floating.btn-flat, .md-form .deep-purple.timepicker + .picker .btn-floating.btn-stroked, .md-form .deep-purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .deep-purple.timepicker + .picker .btn-floating.segmented-control {
  background: #673ab7;
}
.md-form .deep-purple.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .deep-purple.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .deep-purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .deep-purple.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .deep-purple.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .deep-purple.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .deep-purple.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .deep-purple.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(115.5684647303, 70.101659751, 196.398340249) !important;
}
.md-form .deep-purple.timepicker + .picker .btn-floating.btn-flat.active, .md-form .deep-purple.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .deep-purple.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .deep-purple.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(59.4066390041, 33.4522821577, 105.5477178423) !important;
}
.md-form .deep-purple.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .deep-purple.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .deep-purple.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .deep-purple.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #673ab7 !important;
}

.md-form .indigo.timepicker + .picker .picker__date-display {
  background-color: #3f51b5;
}
.md-form .indigo.timepicker + .picker .btn-floating.btn-flat, .md-form .indigo.timepicker + .picker .btn-floating.btn-stroked, .md-form .indigo.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .indigo.timepicker + .picker .btn-floating.segmented-control {
  background: #3f51b5;
}
.md-form .indigo.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .indigo.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .indigo.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .indigo.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .indigo.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .indigo.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .indigo.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .indigo.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(76.5963114754, 94.3381147541, 192.9036885246) !important;
}
.md-form .indigo.timepicker + .picker .btn-floating.btn-flat.active, .md-form .indigo.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .indigo.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .indigo.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(36.6639344262, 47.1393442623, 105.3360655738) !important;
}
.md-form .indigo.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .indigo.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .indigo.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .indigo.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #3f51b5 !important;
}

.md-form .blue.timepicker + .picker .picker__date-display {
  background-color: #2196F3;
}
.md-form .blue.timepicker + .picker .btn-floating.btn-flat, .md-form .blue.timepicker + .picker .btn-floating.btn-stroked, .md-form .blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .blue.timepicker + .picker .btn-floating.segmented-control {
  background: #2196F3;
}
.md-form .blue.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .blue.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .blue.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .blue.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .blue.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .blue.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(57.1923076923, 161.4423076923, 244.3076923077) !important;
}
.md-form .blue.timepicker + .picker .btn-floating.btn-flat.active, .md-form .blue.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .blue.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .blue.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(8.9230769231, 95.9230769231, 165.0769230769) !important;
}
.md-form .blue.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .blue.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .blue.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .blue.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #2196F3 !important;
}

.md-form .light-blue.timepicker + .picker .picker__date-display {
  background-color: #03a9f4;
}
.md-form .light-blue.timepicker + .picker .btn-floating.btn-flat, .md-form .light-blue.timepicker + .picker .btn-floating.btn-stroked, .md-form .light-blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .light-blue.timepicker + .picker .btn-floating.segmented-control {
  background: #03a9f4;
}
.md-form .light-blue.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .light-blue.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .light-blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .light-blue.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .light-blue.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .light-blue.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .light-blue.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .light-blue.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(20.3846153846, 180, 252.1153846154) !important;
}
.md-form .light-blue.timepicker + .picker .btn-floating.btn-flat.active, .md-form .light-blue.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .light-blue.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .light-blue.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(1.7611336032, 99.2105263158, 143.2388663968) !important;
}
.md-form .light-blue.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .light-blue.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .light-blue.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .light-blue.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #03a9f4 !important;
}

.md-form .cyan.timepicker + .picker .picker__date-display {
  background-color: #00bcd4;
}
.md-form .cyan.timepicker + .picker .btn-floating.btn-flat, .md-form .cyan.timepicker + .picker .btn-floating.btn-stroked, .md-form .cyan.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .cyan.timepicker + .picker .btn-floating.segmented-control {
  background: #00bcd4;
}
.md-form .cyan.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .cyan.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .cyan.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .cyan.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .cyan.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .cyan.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .cyan.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .cyan.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(0, 210.6132075472, 237.5) !important;
}
.md-form .cyan.timepicker + .picker .btn-floating.btn-flat.active, .md-form .cyan.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .cyan.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .cyan.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(0, 97.5471698113, 110) !important;
}
.md-form .cyan.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .cyan.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .cyan.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .cyan.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #00bcd4 !important;
}

.md-form .teal.timepicker + .picker .picker__date-display {
  background-color: #009688;
}
.md-form .teal.timepicker + .picker .btn-floating.btn-flat, .md-form .teal.timepicker + .picker .btn-floating.btn-stroked, .md-form .teal.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .teal.timepicker + .picker .btn-floating.segmented-control {
  background: #009688;
}
.md-form .teal.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .teal.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .teal.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .teal.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .teal.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .teal.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .teal.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .teal.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(0, 175.5, 159.12) !important;
}
.md-form .teal.timepicker + .picker .btn-floating.btn-flat.active, .md-form .teal.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .teal.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .teal.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(0, 48, 43.52) !important;
}
.md-form .teal.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .teal.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .teal.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .teal.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #009688 !important;
}

.md-form .green.timepicker + .picker .picker__date-display {
  background-color: #4CAF50;
}
.md-form .green.timepicker + .picker .btn-floating.btn-flat, .md-form .green.timepicker + .picker .btn-floating.btn-stroked, .md-form .green.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .green.timepicker + .picker .btn-floating.segmented-control {
  background: #4CAF50;
}
.md-form .green.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .green.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .green.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .green.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .green.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .green.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .green.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .green.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(92.2011952191, 184.2988047809, 95.922310757) !important;
}
.md-form .green.timepicker + .picker .btn-floating.btn-flat.active, .md-form .green.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .green.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .green.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(45.1155378486, 103.8844621514, 47.4900398406) !important;
}
.md-form .green.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .green.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .green.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .green.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #4CAF50 !important;
}

.md-form .light-green.timepicker + .picker .picker__date-display {
  background-color: #8bc34a;
}
.md-form .light-green.timepicker + .picker .btn-floating.btn-flat, .md-form .light-green.timepicker + .picker .btn-floating.btn-stroked, .md-form .light-green.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .light-green.timepicker + .picker .btn-floating.segmented-control {
  background: #8bc34a;
}
.md-form .light-green.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .light-green.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .light-green.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .light-green.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .light-green.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .light-green.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .light-green.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .light-green.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(151.2738589212, 201.3485477178, 93.1514522822) !important;
}
.md-form .light-green.timepicker + .picker .btn-floating.btn-flat.active, .md-form .light-green.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .light-green.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .light-green.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(86.6182572614, 125.4232365145, 41.5767634855) !important;
}
.md-form .light-green.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .light-green.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .light-green.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .light-green.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #8bc34a !important;
}

.md-form .lime.timepicker + .picker .picker__date-display {
  background-color: #cddc39;
}
.md-form .lime.timepicker + .picker .btn-floating.btn-flat, .md-form .lime.timepicker + .picker .btn-floating.btn-stroked, .md-form .lime.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .lime.timepicker + .picker .btn-floating.segmented-control {
  background: #cddc39;
}
.md-form .lime.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .lime.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .lime.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .lime.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .lime.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .lime.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .lime.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .lime.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(210.4721030043, 223.830472103, 78.669527897) !important;
}
.md-form .lime.timepicker + .picker .btn-floating.btn-flat.active, .md-form .lime.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .lime.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .lime.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(137.4463519313, 148.7124463519, 26.2875536481) !important;
}
.md-form .lime.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .lime.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .lime.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .lime.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #cddc39 !important;
}

.md-form .yellow.timepicker + .picker .picker__date-display {
  background-color: #ffeb3b;
}
.md-form .yellow.timepicker + .picker .btn-floating.btn-flat, .md-form .yellow.timepicker + .picker .btn-floating.btn-stroked, .md-form .yellow.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .yellow.timepicker + .picker .btn-floating.segmented-control {
  background: #ffeb3b;
}
.md-form .yellow.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .yellow.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .yellow.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .yellow.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .yellow.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .yellow.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .yellow.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .yellow.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(255, 237.6020408163, 84.5) !important;
}
.md-form .yellow.timepicker + .picker .btn-floating.btn-flat.active, .md-form .yellow.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .yellow.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .yellow.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(212, 190.3673469388, 0) !important;
}
.md-form .yellow.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .yellow.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .yellow.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .yellow.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #ffeb3b !important;
}

.md-form .amber.timepicker + .picker .picker__date-display {
  background-color: #ffc107;
}
.md-form .amber.timepicker + .picker .btn-floating.btn-flat, .md-form .amber.timepicker + .picker .btn-floating.btn-stroked, .md-form .amber.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .amber.timepicker + .picker .btn-floating.segmented-control {
  background: #ffc107;
}
.md-form .amber.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .amber.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .amber.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .amber.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .amber.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .amber.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .amber.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .amber.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(255, 199.375, 32.5) !important;
}
.md-form .amber.timepicker + .picker .btn-floating.btn-flat.active, .md-form .amber.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .amber.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .amber.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: #a07800 !important;
}
.md-form .amber.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .amber.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .amber.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .amber.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #ffc107 !important;
}

.md-form .orange.timepicker + .picker .picker__date-display {
  background-color: #ff9800;
}
.md-form .orange.timepicker + .picker .btn-floating.btn-flat, .md-form .orange.timepicker + .picker .btn-floating.btn-stroked, .md-form .orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .orange.timepicker + .picker .btn-floating.segmented-control {
  background: #ff9800;
}
.md-form .orange.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .orange.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .orange.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .orange.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .orange.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .orange.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(255, 162.3, 25.5) !important;
}
.md-form .orange.timepicker + .picker .btn-floating.btn-flat.active, .md-form .orange.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .orange.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .orange.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(153, 91.2, 0) !important;
}
.md-form .orange.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .orange.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .orange.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .orange.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #ff9800 !important;
}

.md-form .deep-orange.timepicker + .picker .picker__date-display {
  background-color: #ff5722;
}
.md-form .deep-orange.timepicker + .picker .btn-floating.btn-flat, .md-form .deep-orange.timepicker + .picker .btn-floating.btn-stroked, .md-form .deep-orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .deep-orange.timepicker + .picker .btn-floating.segmented-control {
  background: #ff5722;
}
.md-form .deep-orange.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .deep-orange.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .deep-orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .deep-orange.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .deep-orange.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .deep-orange.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .deep-orange.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .deep-orange.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(255, 106.3846153846, 59.5) !important;
}
.md-form .deep-orange.timepicker + .picker .btn-floating.btn-flat.active, .md-form .deep-orange.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .deep-orange.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .deep-orange.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(187, 44.8461538462, 0) !important;
}
.md-form .deep-orange.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .deep-orange.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .deep-orange.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .deep-orange.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #ff5722 !important;
}

.md-form .brown.timepicker + .picker .picker__date-display {
  background-color: #795548;
}
.md-form .brown.timepicker + .picker .btn-floating.btn-flat, .md-form .brown.timepicker + .picker .btn-floating.btn-stroked, .md-form .brown.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .brown.timepicker + .picker .btn-floating.segmented-control {
  background: #795548;
}
.md-form .brown.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .brown.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .brown.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .brown.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .brown.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .brown.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .brown.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .brown.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(136.9870466321, 96.2305699482, 81.5129533679) !important;
}
.md-form .brown.timepicker + .picker .btn-floating.btn-flat.active, .md-form .brown.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .brown.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .brown.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(57.0518134715, 40.0777202073, 33.9481865285) !important;
}
.md-form .brown.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .brown.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .brown.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .brown.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #795548 !important;
}

.md-form .blue-grey.timepicker + .picker .picker__date-display {
  background-color: #607d8b;
}
.md-form .blue-grey.timepicker + .picker .btn-floating.btn-flat, .md-form .blue-grey.timepicker + .picker .btn-floating.btn-stroked, .md-form .blue-grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .blue-grey.timepicker + .picker .btn-floating.segmented-control {
  background: #607d8b;
}
.md-form .blue-grey.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .blue-grey.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .blue-grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .blue-grey.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .blue-grey.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .blue-grey.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .blue-grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .blue-grey.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(107.4234042553, 138.2127659574, 153.0765957447) !important;
}
.md-form .blue-grey.timepicker + .picker .btn-floating.btn-flat.active, .md-form .blue-grey.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .blue-grey.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .blue-grey.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: rgb(54.3319148936, 70.7446808511, 78.6680851064) !important;
}
.md-form .blue-grey.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .blue-grey.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .blue-grey.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .blue-grey.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #607d8b !important;
}

.md-form .grey.timepicker + .picker .picker__date-display {
  background-color: #9e9e9e;
}
.md-form .grey.timepicker + .picker .btn-floating.btn-flat, .md-form .grey.timepicker + .picker .btn-floating.btn-stroked, .md-form .grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control, .segmented-controls .md-form .grey.timepicker + .picker .btn-floating.segmented-control {
  background: #9e9e9e;
}
.md-form .grey.timepicker + .picker .btn-floating.btn-flat:hover, .md-form .grey.timepicker + .picker .btn-floating.btn-stroked:hover, .md-form .grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control:hover, .segmented-controls .md-form .grey.timepicker + .picker .btn-floating.segmented-control:hover, .md-form .grey.timepicker + .picker .btn-floating.btn-flat:focus, .md-form .grey.timepicker + .picker .btn-floating.btn-stroked:focus, .md-form .grey.timepicker + .picker .segmented-controls .btn-floating.segmented-control:focus, .segmented-controls .md-form .grey.timepicker + .picker .btn-floating.segmented-control:focus {
  background-color: rgb(170.75, 170.75, 170.75) !important;
}
.md-form .grey.timepicker + .picker .btn-floating.btn-flat.active, .md-form .grey.timepicker + .picker .btn-floating.active.btn-stroked, .md-form .grey.timepicker + .picker .segmented-controls .btn-floating.active.segmented-control, .segmented-controls .md-form .grey.timepicker + .picker .btn-floating.active.segmented-control {
  background-color: #6b6b6b !important;
}
.md-form .grey.timepicker + .picker .picker__footer .btn-flat.clockpicker-button, .md-form .grey.timepicker + .picker .picker__footer .clockpicker-button.btn-stroked, .md-form .grey.timepicker + .picker .picker__footer .segmented-controls .clockpicker-button.segmented-control, .segmented-controls .md-form .grey.timepicker + .picker .picker__footer .clockpicker-button.segmented-control {
  color: #9e9e9e !important;
}

.md-form .deep-orange.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #ff3d00;
  opacity: 0.75;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-canvas-fg {
  fill: #ff3d00;
  opacity: 0;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #ff3d00;
  opacity: 0.5;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-canvas-bg {
  fill: #ff6e40;
  opacity: 0.4;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #ff6e40;
  opacity: 0.4;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-canvas line {
  stroke: #ff6e40;
  opacity: 0.4;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-tick:hover {
  background-color: #ff6e40;
  opacity: 0.4;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-display {
  color: #ffab91;
}
.md-form .deep-orange.timepicker + .picker .clockpicker-span-am-pm {
  color: #ffab91;
}

.md-form .orange.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #ff9100;
  opacity: 0.75;
}
.md-form .orange.timepicker + .picker .clockpicker-canvas-fg {
  fill: #ff9100;
  opacity: 0;
}
.md-form .orange.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #ff9100;
  opacity: 0.5;
}
.md-form .orange.timepicker + .picker .clockpicker-canvas-bg {
  fill: #ffab40;
  opacity: 0.4;
}
.md-form .orange.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #ffab40;
  opacity: 0.4;
}
.md-form .orange.timepicker + .picker .clockpicker-canvas line {
  stroke: #ffab40;
  opacity: 0.4;
}
.md-form .orange.timepicker + .picker .clockpicker-tick:hover {
  background-color: #ffab40;
  opacity: 0.4;
}
.md-form .orange.timepicker + .picker .clockpicker-display {
  color: #ffcc80;
}
.md-form .orange.timepicker + .picker .clockpicker-span-am-pm {
  color: #ffcc80;
}

.md-form .green.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #00E676;
  opacity: 0.75;
}
.md-form .green.timepicker + .picker .clockpicker-canvas-fg {
  fill: #00E676;
  opacity: 0;
}
.md-form .green.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #00E676;
  opacity: 0.5;
}
.md-form .green.timepicker + .picker .clockpicker-canvas-bg {
  fill: #69F0AE;
  opacity: 0.4;
}
.md-form .green.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #69F0AE;
  opacity: 0.4;
}
.md-form .green.timepicker + .picker .clockpicker-canvas line {
  stroke: #69F0AE;
  opacity: 0.4;
}
.md-form .green.timepicker + .picker .clockpicker-tick:hover {
  background-color: #69F0AE;
  opacity: 0.4;
}
.md-form .green.timepicker + .picker .clockpicker-display {
  color: #A5D6A7;
}
.md-form .green.timepicker + .picker .clockpicker-span-am-pm {
  color: #A5D6A7;
}

.md-form .teal.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #1de9b6;
  opacity: 0.75;
}
.md-form .teal.timepicker + .picker .clockpicker-canvas-fg {
  fill: #1de9b6;
  opacity: 0;
}
.md-form .teal.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #1de9b6;
  opacity: 0.5;
}
.md-form .teal.timepicker + .picker .clockpicker-canvas-bg {
  fill: #64ffda;
  opacity: 0.4;
}
.md-form .teal.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #64ffda;
  opacity: 0.4;
}
.md-form .teal.timepicker + .picker .clockpicker-canvas line {
  stroke: #64ffda;
  opacity: 0.4;
}
.md-form .teal.timepicker + .picker .clockpicker-tick:hover {
  background-color: #64ffda;
  opacity: 0.4;
}
.md-form .teal.timepicker + .picker .clockpicker-display {
  color: #80cbc4;
}
.md-form .teal.timepicker + .picker .clockpicker-span-am-pm {
  color: #80cbc4;
}

.md-form .cyan.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #00e5ff;
  opacity: 0.75;
}
.md-form .cyan.timepicker + .picker .clockpicker-canvas-fg {
  fill: #00e5ff;
  opacity: 0;
}
.md-form .cyan.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #00e5ff;
  opacity: 0.5;
}
.md-form .cyan.timepicker + .picker .clockpicker-canvas-bg {
  fill: #18ffff;
  opacity: 0.4;
}
.md-form .cyan.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #18ffff;
  opacity: 0.4;
}
.md-form .cyan.timepicker + .picker .clockpicker-canvas line {
  stroke: #18ffff;
  opacity: 0.4;
}
.md-form .cyan.timepicker + .picker .clockpicker-tick:hover {
  background-color: #18ffff;
  opacity: 0.4;
}
.md-form .cyan.timepicker + .picker .clockpicker-display {
  color: #80deea;
}
.md-form .cyan.timepicker + .picker .clockpicker-span-am-pm {
  color: #80deea;
}

.md-form .light-blue.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #00b0ff;
  opacity: 0.75;
}
.md-form .light-blue.timepicker + .picker .clockpicker-canvas-fg {
  fill: #00b0ff;
  opacity: 0;
}
.md-form .light-blue.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #00b0ff;
  opacity: 0.5;
}
.md-form .light-blue.timepicker + .picker .clockpicker-canvas-bg {
  fill: #40c4ff;
  opacity: 0.4;
}
.md-form .light-blue.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #40c4ff;
  opacity: 0.4;
}
.md-form .light-blue.timepicker + .picker .clockpicker-canvas line {
  stroke: #40c4ff;
  opacity: 0.4;
}
.md-form .light-blue.timepicker + .picker .clockpicker-tick:hover {
  background-color: #40c4ff;
  opacity: 0.4;
}
.md-form .light-blue.timepicker + .picker .clockpicker-display {
  color: #81d4fa;
}
.md-form .light-blue.timepicker + .picker .clockpicker-span-am-pm {
  color: #81d4fa;
}

.md-form .blue.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #2979FF;
  opacity: 0.75;
}
.md-form .blue.timepicker + .picker .clockpicker-canvas-fg {
  fill: #2979FF;
  opacity: 0;
}
.md-form .blue.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #2979FF;
  opacity: 0.5;
}
.md-form .blue.timepicker + .picker .clockpicker-canvas-bg {
  fill: #448AFF;
  opacity: 0.4;
}
.md-form .blue.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #448AFF;
  opacity: 0.4;
}
.md-form .blue.timepicker + .picker .clockpicker-canvas line {
  stroke: #448AFF;
  opacity: 0.4;
}
.md-form .blue.timepicker + .picker .clockpicker-tick:hover {
  background-color: #448AFF;
  opacity: 0.4;
}
.md-form .blue.timepicker + .picker .clockpicker-display {
  color: #90CAF9;
}
.md-form .blue.timepicker + .picker .clockpicker-span-am-pm {
  color: #90CAF9;
}

.md-form .indigo.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #3d5afe;
  opacity: 0.75;
}
.md-form .indigo.timepicker + .picker .clockpicker-canvas-fg {
  fill: #3d5afe;
  opacity: 0;
}
.md-form .indigo.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #3d5afe;
  opacity: 0.5;
}
.md-form .indigo.timepicker + .picker .clockpicker-canvas-bg {
  fill: #536dfe;
  opacity: 0.4;
}
.md-form .indigo.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #536dfe;
  opacity: 0.4;
}
.md-form .indigo.timepicker + .picker .clockpicker-canvas line {
  stroke: #536dfe;
  opacity: 0.4;
}
.md-form .indigo.timepicker + .picker .clockpicker-tick:hover {
  background-color: #536dfe;
  opacity: 0.4;
}
.md-form .indigo.timepicker + .picker .clockpicker-display {
  color: #9fa8da;
}
.md-form .indigo.timepicker + .picker .clockpicker-span-am-pm {
  color: #9fa8da;
}

.md-form .deep-purple.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #651fff;
  opacity: 0.75;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-canvas-fg {
  fill: #651fff;
  opacity: 0;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #651fff;
  opacity: 0.5;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-canvas-bg {
  fill: #7c4dff;
  opacity: 0.4;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #7c4dff;
  opacity: 0.4;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-canvas line {
  stroke: #7c4dff;
  opacity: 0.4;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-tick:hover {
  background-color: #7c4dff;
  opacity: 0.4;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-display {
  color: #b39ddb;
}
.md-form .deep-purple.timepicker + .picker .clockpicker-span-am-pm {
  color: #b39ddb;
}

.md-form .purple.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #d500f9;
  opacity: 0.75;
}
.md-form .purple.timepicker + .picker .clockpicker-canvas-fg {
  fill: #d500f9;
  opacity: 0;
}
.md-form .purple.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #d500f9;
  opacity: 0.5;
}
.md-form .purple.timepicker + .picker .clockpicker-canvas-bg {
  fill: #e040fb;
  opacity: 0.4;
}
.md-form .purple.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #e040fb;
  opacity: 0.4;
}
.md-form .purple.timepicker + .picker .clockpicker-canvas line {
  stroke: #e040fb;
  opacity: 0.4;
}
.md-form .purple.timepicker + .picker .clockpicker-tick:hover {
  background-color: #e040fb;
  opacity: 0.4;
}
.md-form .purple.timepicker + .picker .clockpicker-display {
  color: #ce93d8;
}
.md-form .purple.timepicker + .picker .clockpicker-span-am-pm {
  color: #ce93d8;
}

.md-form .red.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #FF1744;
  opacity: 0.75;
}
.md-form .red.timepicker + .picker .clockpicker-canvas-fg {
  fill: #FF1744;
  opacity: 0;
}
.md-form .red.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #FF1744;
  opacity: 0.5;
}
.md-form .red.timepicker + .picker .clockpicker-canvas-bg {
  fill: #FF5252;
  opacity: 0.4;
}
.md-form .red.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #FF5252;
  opacity: 0.4;
}
.md-form .red.timepicker + .picker .clockpicker-canvas line {
  stroke: #FF5252;
  opacity: 0.4;
}
.md-form .red.timepicker + .picker .clockpicker-tick:hover {
  background-color: #FF5252;
  opacity: 0.4;
}
.md-form .red.timepicker + .picker .clockpicker-display {
  color: #EF9A9A;
}
.md-form .red.timepicker + .picker .clockpicker-span-am-pm {
  color: #EF9A9A;
}

.md-form .pink.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #f50057;
  opacity: 0.75;
}
.md-form .pink.timepicker + .picker .clockpicker-canvas-fg {
  fill: #f50057;
  opacity: 0;
}
.md-form .pink.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #f50057;
  opacity: 0.5;
}
.md-form .pink.timepicker + .picker .clockpicker-canvas-bg {
  fill: #ff4081;
  opacity: 0.4;
}
.md-form .pink.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #ff4081;
  opacity: 0.4;
}
.md-form .pink.timepicker + .picker .clockpicker-canvas line {
  stroke: #ff4081;
  opacity: 0.4;
}
.md-form .pink.timepicker + .picker .clockpicker-tick:hover {
  background-color: #ff4081;
  opacity: 0.4;
}
.md-form .pink.timepicker + .picker .clockpicker-display {
  color: #f48fb1;
}
.md-form .pink.timepicker + .picker .clockpicker-span-am-pm {
  color: #f48fb1;
}

.md-form .amber.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #ff8f00;
  opacity: 0.75;
}
.md-form .amber.timepicker + .picker .clockpicker-canvas-fg {
  fill: #ff8f00;
  opacity: 0;
}
.md-form .amber.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #ff8f00;
  opacity: 0.5;
}
.md-form .amber.timepicker + .picker .clockpicker-canvas-bg {
  fill: #ffa000;
  opacity: 0.4;
}
.md-form .amber.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #ffa000;
  opacity: 0.4;
}
.md-form .amber.timepicker + .picker .clockpicker-canvas line {
  stroke: #ffa000;
  opacity: 0.4;
}
.md-form .amber.timepicker + .picker .clockpicker-tick:hover {
  background-color: #ffa000;
  opacity: 0.4;
}
.md-form .amber.timepicker + .picker .clockpicker-display {
  color: #ffa000;
}
.md-form .amber.timepicker + .picker .clockpicker-span-am-pm {
  color: #ffa000;
}

.md-form .yellow.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #f9a825;
  opacity: 0.75;
}
.md-form .yellow.timepicker + .picker .clockpicker-canvas-fg {
  fill: #f9a825;
  opacity: 0;
}
.md-form .yellow.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #f9a825;
  opacity: 0.5;
}
.md-form .yellow.timepicker + .picker .clockpicker-canvas-bg {
  fill: #fbc02d;
  opacity: 0.4;
}
.md-form .yellow.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #fbc02d;
  opacity: 0.4;
}
.md-form .yellow.timepicker + .picker .clockpicker-canvas line {
  stroke: #fbc02d;
  opacity: 0.4;
}
.md-form .yellow.timepicker + .picker .clockpicker-tick:hover {
  background-color: #fbc02d;
  opacity: 0.4;
}
.md-form .yellow.timepicker + .picker .clockpicker-display {
  color: #fbc02d;
}
.md-form .yellow.timepicker + .picker .clockpicker-span-am-pm {
  color: #fbc02d;
}

.md-form .lime.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #9e9d24;
  opacity: 0.75;
}
.md-form .lime.timepicker + .picker .clockpicker-canvas-fg {
  fill: #9e9d24;
  opacity: 0;
}
.md-form .lime.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #9e9d24;
  opacity: 0.5;
}
.md-form .lime.timepicker + .picker .clockpicker-canvas-bg {
  fill: #afb42b;
  opacity: 0.4;
}
.md-form .lime.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #afb42b;
  opacity: 0.4;
}
.md-form .lime.timepicker + .picker .clockpicker-canvas line {
  stroke: #afb42b;
  opacity: 0.4;
}
.md-form .lime.timepicker + .picker .clockpicker-tick:hover {
  background-color: #afb42b;
  opacity: 0.4;
}
.md-form .lime.timepicker + .picker .clockpicker-display {
  color: #afb42b;
}
.md-form .lime.timepicker + .picker .clockpicker-span-am-pm {
  color: #afb42b;
}

.md-form .light-green.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #558b2f;
  opacity: 0.75;
}
.md-form .light-green.timepicker + .picker .clockpicker-canvas-fg {
  fill: #558b2f;
  opacity: 0;
}
.md-form .light-green.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #558b2f;
  opacity: 0.5;
}
.md-form .light-green.timepicker + .picker .clockpicker-canvas-bg {
  fill: #689f38;
  opacity: 0.4;
}
.md-form .light-green.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #689f38;
  opacity: 0.4;
}
.md-form .light-green.timepicker + .picker .clockpicker-canvas line {
  stroke: #689f38;
  opacity: 0.4;
}
.md-form .light-green.timepicker + .picker .clockpicker-tick:hover {
  background-color: #689f38;
  opacity: 0.4;
}
.md-form .light-green.timepicker + .picker .clockpicker-display {
  color: #689f38;
}
.md-form .light-green.timepicker + .picker .clockpicker-span-am-pm {
  color: #689f38;
}

.md-form .brown.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #4e342e;
  opacity: 0.75;
}
.md-form .brown.timepicker + .picker .clockpicker-canvas-fg {
  fill: #4e342e;
  opacity: 0;
}
.md-form .brown.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #4e342e;
  opacity: 0.5;
}
.md-form .brown.timepicker + .picker .clockpicker-canvas-bg {
  fill: #5d4037;
  opacity: 0.4;
}
.md-form .brown.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #5d4037;
  opacity: 0.4;
}
.md-form .brown.timepicker + .picker .clockpicker-canvas line {
  stroke: #5d4037;
  opacity: 0.4;
}
.md-form .brown.timepicker + .picker .clockpicker-tick:hover {
  background-color: #5d4037;
  opacity: 0.4;
}
.md-form .brown.timepicker + .picker .clockpicker-display {
  color: #5d4037;
}
.md-form .brown.timepicker + .picker .clockpicker-span-am-pm {
  color: #5d4037;
}

.md-form .grey.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #424242;
  opacity: 0.75;
}
.md-form .grey.timepicker + .picker .clockpicker-canvas-fg {
  fill: #424242;
  opacity: 0;
}
.md-form .grey.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #424242;
  opacity: 0.5;
}
.md-form .grey.timepicker + .picker .clockpicker-canvas-bg {
  fill: #616161;
  opacity: 0.4;
}
.md-form .grey.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #616161;
  opacity: 0.4;
}
.md-form .grey.timepicker + .picker .clockpicker-canvas line {
  stroke: #616161;
  opacity: 0.4;
}
.md-form .grey.timepicker + .picker .clockpicker-tick:hover {
  background-color: #616161;
  opacity: 0.4;
}
.md-form .grey.timepicker + .picker .clockpicker-display {
  color: #616161;
}
.md-form .grey.timepicker + .picker .clockpicker-span-am-pm {
  color: #616161;
}

.md-form .blue-grey.timepicker + .picker .clockpicker-canvas-bearing {
  fill: #37474f;
  opacity: 0.75;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-canvas-fg {
  fill: #37474f;
  opacity: 0;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-canvas-fg.active {
  fill: #37474f;
  opacity: 0.5;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-canvas-bg {
  fill: #455a64;
  opacity: 0.4;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-canvas-bg-trans {
  fill: #455a64;
  opacity: 0.4;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-canvas line {
  stroke: #455a64;
  opacity: 0.4;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-tick:hover {
  background-color: #455a64;
  opacity: 0.4;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-display {
  color: #455a64;
}
.md-form .blue-grey.timepicker + .picker .clockpicker-span-am-pm {
  color: #455a64;
}

@media print {
  body {
    font-size: 12px;
  }
  [class*=col-] {
    padding-right: 4px;
    padding-left: 4px;
  }
  .m-0, i.btn input[type=submit] {
    margin: 0px !important;
  }
  .mt-0 {
    margin-top: 0px !important;
  }
  .mr-0 {
    margin-right: 0px !important;
  }
  .mb-0, .card-head h5, #article-placement-publication-ids .checkbox-collection-wrapper .hidden-sponsorship-select .md-form {
    margin-bottom: 0px !important;
  }
  .ml-0 {
    margin-left: 0px !important;
  }
  .mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-0, i.btn input[type=submit], #toast-container > .toast-info .col, #toast-container > .toast-info .n2-search-bar, .n2-search-bar a.btn-flat, .n2-search-bar a.btn-stroked, .n2-search-bar .segmented-controls a.segmented-control, .segmented-controls .n2-search-bar a.segmented-control {
    padding: 0px !important;
  }
  .pt-0 {
    padding-top: 0px !important;
  }
  .pr-0 {
    padding-right: 0px !important;
  }
  .pb-0 {
    padding-bottom: 0px !important;
  }
  .pl-0 {
    padding-left: 0px !important;
  }
  .px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-1, .cascading-media .jumbotron {
    margin: 4px !important;
  }
  .mt-1 {
    margin-top: 4px !important;
  }
  .mr-1 {
    margin-right: 4px !important;
  }
  .mb-1, .hidden-sponsorship-select .md-form {
    margin-bottom: 4px !important;
  }
  .ml-1 {
    margin-left: 4px !important;
  }
  .mx-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-1 {
    padding: 4px !important;
  }
  .pt-1 {
    padding-top: 4px !important;
  }
  .pr-1 {
    padding-right: 4px !important;
  }
  .pb-1 {
    padding-bottom: 4px !important;
  }
  .pl-1 {
    padding-left: 4px !important;
  }
  .px-1, .year-month-option {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-1, .n2-search-bar input[type=text] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-2 {
    margin: 8px !important;
  }
  .mt-2 {
    margin-top: 8px !important;
  }
  .mr-2 {
    margin-right: 8px !important;
  }
  .mb-2 {
    margin-bottom: 8px !important;
  }
  .ml-2, .empty-search-input {
    margin-left: 8px !important;
  }
  .mx-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-2 {
    padding: 8px !important;
  }
  .pt-2 {
    padding-top: 8px !important;
  }
  .pr-2 {
    padding-right: 8px !important;
  }
  .pb-2 {
    padding-bottom: 8px !important;
  }
  .pl-2, .toast-close-button, #toast-container > .toast-info .toast-action {
    padding-left: 8px !important;
  }
  .px-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-2, .year-month-option, #toast-container > div {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-3 {
    margin: 12px !important;
  }
  .mt-3 {
    margin-top: 12px !important;
  }
  .mr-3 {
    margin-right: 12px !important;
  }
  .mb-3 {
    margin-bottom: 12px !important;
  }
  .ml-3 {
    margin-left: 12px !important;
  }
  .mx-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-3, .two-column-form__sidebar-label {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-3, .card-head, .side-nav .logo-wrapper img {
    padding: 12px !important;
  }
  .pt-3 {
    padding-top: 12px !important;
  }
  .pr-3 {
    padding-right: 12px !important;
  }
  .pb-3 {
    padding-bottom: 12px !important;
  }
  .pl-3 {
    padding-left: 12px !important;
  }
  .px-3, #toast-container > div {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .m-4 {
    margin: 16px !important;
  }
  .mt-4 {
    margin-top: 16px !important;
  }
  .mr-4 {
    margin-right: 16px !important;
  }
  .mb-4 {
    margin-bottom: 16px !important;
  }
  .ml-4 {
    margin-left: 16px !important;
  }
  .mx-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-4 {
    padding: 16px !important;
  }
  .pt-4 {
    padding-top: 16px !important;
  }
  .pr-4 {
    padding-right: 16px !important;
  }
  .pb-4 {
    padding-bottom: 16px !important;
  }
  .pl-4 {
    padding-left: 16px !important;
  }
  .px-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-5 {
    margin: 20px !important;
  }
  .mt-5 {
    margin-top: 20px !important;
  }
  .mr-5 {
    margin-right: 20px !important;
  }
  .mb-5, .action-buttons-row {
    margin-bottom: 20px !important;
  }
  .ml-5 {
    margin-left: 20px !important;
  }
  .mx-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-5 {
    padding: 20px !important;
  }
  .pt-5 {
    padding-top: 20px !important;
  }
  .pr-5 {
    padding-right: 20px !important;
  }
  .pb-5 {
    padding-bottom: 20px !important;
  }
  .pl-5 {
    padding-left: 20px !important;
  }
  .px-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-6 {
    margin: 24px !important;
  }
  .mt-6 {
    margin-top: 24px !important;
  }
  .mr-6 {
    margin-right: 24px !important;
  }
  .mb-6 {
    margin-bottom: 24px !important;
  }
  .ml-6 {
    margin-left: 24px !important;
  }
  .mx-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-6 {
    padding: 24px !important;
  }
  .pt-6 {
    padding-top: 24px !important;
  }
  .pr-6 {
    padding-right: 24px !important;
  }
  .pb-6 {
    padding-bottom: 24px !important;
  }
  .pl-6 {
    padding-left: 24px !important;
  }
  .px-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-7 {
    margin: 28px !important;
  }
  .mt-7 {
    margin-top: 28px !important;
  }
  .mr-7 {
    margin-right: 28px !important;
  }
  .mb-7 {
    margin-bottom: 28px !important;
  }
  .ml-7 {
    margin-left: 28px !important;
  }
  .mx-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-7 {
    padding: 28px !important;
  }
  .pt-7 {
    padding-top: 28px !important;
  }
  .pr-7 {
    padding-right: 28px !important;
  }
  .pb-7 {
    padding-bottom: 28px !important;
  }
  .pl-7 {
    padding-left: 28px !important;
  }
  .px-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .m-8 {
    margin: 32px !important;
  }
  .mt-8 {
    margin-top: 32px !important;
  }
  .mr-8 {
    margin-right: 32px !important;
  }
  .mb-8 {
    margin-bottom: 32px !important;
  }
  .ml-8 {
    margin-left: 32px !important;
  }
  .mx-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-8 {
    padding: 32px !important;
  }
  .pt-8 {
    padding-top: 32px !important;
  }
  .pr-8 {
    padding-right: 32px !important;
  }
  .pb-8 {
    padding-bottom: 32px !important;
  }
  .pl-8 {
    padding-left: 32px !important;
  }
  .px-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-9 {
    margin: 36px !important;
  }
  .mt-9 {
    margin-top: 36px !important;
  }
  .mr-9 {
    margin-right: 36px !important;
  }
  .mb-9 {
    margin-bottom: 36px !important;
  }
  .ml-9 {
    margin-left: 36px !important;
  }
  .mx-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-9 {
    padding: 36px !important;
  }
  .pt-9 {
    padding-top: 36px !important;
  }
  .pr-9 {
    padding-right: 36px !important;
  }
  .pb-9 {
    padding-bottom: 36px !important;
  }
  .pl-9 {
    padding-left: 36px !important;
  }
  .px-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .m-10 {
    margin: 40px !important;
  }
  .mt-10 {
    margin-top: 40px !important;
  }
  .mr-10 {
    margin-right: 40px !important;
  }
  .mb-10 {
    margin-bottom: 40px !important;
  }
  .ml-10 {
    margin-left: 40px !important;
  }
  .mx-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-10 {
    padding: 40px !important;
  }
  .pt-10, .two-column-form__sidebar {
    padding-top: 40px !important;
  }
  .pr-10 {
    padding-right: 40px !important;
  }
  .pb-10 {
    padding-bottom: 40px !important;
  }
  .pl-10 {
    padding-left: 40px !important;
  }
  .px-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-11 {
    margin: 44px !important;
  }
  .mt-11 {
    margin-top: 44px !important;
  }
  .mr-11 {
    margin-right: 44px !important;
  }
  .mb-11 {
    margin-bottom: 44px !important;
  }
  .ml-11 {
    margin-left: 44px !important;
  }
  .mx-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-11 {
    padding: 44px !important;
  }
  .pt-11 {
    padding-top: 44px !important;
  }
  .pr-11 {
    padding-right: 44px !important;
  }
  .pb-11 {
    padding-bottom: 44px !important;
  }
  .pl-11 {
    padding-left: 44px !important;
  }
  .px-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .m-12 {
    margin: 48px !important;
  }
  .mt-12 {
    margin-top: 48px !important;
  }
  .mr-12 {
    margin-right: 48px !important;
  }
  .mb-12 {
    margin-bottom: 48px !important;
  }
  .ml-12 {
    margin-left: 48px !important;
  }
  .mx-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-12 {
    padding: 48px !important;
  }
  .pt-12 {
    padding-top: 48px !important;
  }
  .pr-12 {
    padding-right: 48px !important;
  }
  .pb-12 {
    padding-bottom: 48px !important;
  }
  .pl-12 {
    padding-left: 48px !important;
  }
  .px-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-13 {
    margin: 52px !important;
  }
  .mt-13 {
    margin-top: 52px !important;
  }
  .mr-13 {
    margin-right: 52px !important;
  }
  .mb-13 {
    margin-bottom: 52px !important;
  }
  .ml-13 {
    margin-left: 52px !important;
  }
  .mx-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-13 {
    padding: 52px !important;
  }
  .pt-13 {
    padding-top: 52px !important;
  }
  .pr-13 {
    padding-right: 52px !important;
  }
  .pb-13 {
    padding-bottom: 52px !important;
  }
  .pl-13 {
    padding-left: 52px !important;
  }
  .px-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .m-14 {
    margin: 56px !important;
  }
  .mt-14 {
    margin-top: 56px !important;
  }
  .mr-14 {
    margin-right: 56px !important;
  }
  .mb-14 {
    margin-bottom: 56px !important;
  }
  .ml-14 {
    margin-left: 56px !important;
  }
  .mx-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-14 {
    padding: 56px !important;
  }
  .pt-14 {
    padding-top: 56px !important;
  }
  .pr-14 {
    padding-right: 56px !important;
  }
  .pb-14 {
    padding-bottom: 56px !important;
  }
  .pl-14 {
    padding-left: 56px !important;
  }
  .px-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-15 {
    margin: 60px !important;
  }
  .mt-15 {
    margin-top: 60px !important;
  }
  .mr-15 {
    margin-right: 60px !important;
  }
  .mb-15 {
    margin-bottom: 60px !important;
  }
  .ml-15 {
    margin-left: 60px !important;
  }
  .mx-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-15 {
    padding: 60px !important;
  }
  .pt-15 {
    padding-top: 60px !important;
  }
  .pr-15 {
    padding-right: 60px !important;
  }
  .pb-15 {
    padding-bottom: 60px !important;
  }
  .pl-15 {
    padding-left: 60px !important;
  }
  .px-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print and (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-sm-1 {
    margin: 4px !important;
  }
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-sm-1 {
    padding: 4px !important;
  }
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-sm-2 {
    margin: 8px !important;
  }
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-sm-2 {
    padding: 8px !important;
  }
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-sm-3 {
    margin: 12px !important;
  }
  .mt-sm-3 {
    margin-top: 12px !important;
  }
  .mr-sm-3 {
    margin-right: 12px !important;
  }
  .mb-sm-3 {
    margin-bottom: 12px !important;
  }
  .ml-sm-3 {
    margin-left: 12px !important;
  }
  .mx-sm-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-sm-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-sm-3 {
    padding: 12px !important;
  }
  .pt-sm-3 {
    padding-top: 12px !important;
  }
  .pr-sm-3 {
    padding-right: 12px !important;
  }
  .pb-sm-3 {
    padding-bottom: 12px !important;
  }
  .pl-sm-3 {
    padding-left: 12px !important;
  }
  .px-sm-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-sm-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .m-sm-4 {
    margin: 16px !important;
  }
  .mt-sm-4 {
    margin-top: 16px !important;
  }
  .mr-sm-4 {
    margin-right: 16px !important;
  }
  .mb-sm-4 {
    margin-bottom: 16px !important;
  }
  .ml-sm-4 {
    margin-left: 16px !important;
  }
  .mx-sm-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-sm-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-sm-4 {
    padding: 16px !important;
  }
  .pt-sm-4 {
    padding-top: 16px !important;
  }
  .pr-sm-4 {
    padding-right: 16px !important;
  }
  .pb-sm-4 {
    padding-bottom: 16px !important;
  }
  .pl-sm-4 {
    padding-left: 16px !important;
  }
  .px-sm-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-sm-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-sm-5 {
    margin: 20px !important;
  }
  .mt-sm-5 {
    margin-top: 20px !important;
  }
  .mr-sm-5 {
    margin-right: 20px !important;
  }
  .mb-sm-5 {
    margin-bottom: 20px !important;
  }
  .ml-sm-5 {
    margin-left: 20px !important;
  }
  .mx-sm-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-sm-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-sm-5 {
    padding: 20px !important;
  }
  .pt-sm-5 {
    padding-top: 20px !important;
  }
  .pr-sm-5 {
    padding-right: 20px !important;
  }
  .pb-sm-5 {
    padding-bottom: 20px !important;
  }
  .pl-sm-5 {
    padding-left: 20px !important;
  }
  .px-sm-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-sm-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-sm-6 {
    margin: 24px !important;
  }
  .mt-sm-6 {
    margin-top: 24px !important;
  }
  .mr-sm-6 {
    margin-right: 24px !important;
  }
  .mb-sm-6 {
    margin-bottom: 24px !important;
  }
  .ml-sm-6 {
    margin-left: 24px !important;
  }
  .mx-sm-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-sm-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-sm-6 {
    padding: 24px !important;
  }
  .pt-sm-6 {
    padding-top: 24px !important;
  }
  .pr-sm-6 {
    padding-right: 24px !important;
  }
  .pb-sm-6 {
    padding-bottom: 24px !important;
  }
  .pl-sm-6 {
    padding-left: 24px !important;
  }
  .px-sm-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-sm-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-sm-7 {
    margin: 28px !important;
  }
  .mt-sm-7 {
    margin-top: 28px !important;
  }
  .mr-sm-7 {
    margin-right: 28px !important;
  }
  .mb-sm-7 {
    margin-bottom: 28px !important;
  }
  .ml-sm-7 {
    margin-left: 28px !important;
  }
  .mx-sm-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-sm-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-sm-7 {
    padding: 28px !important;
  }
  .pt-sm-7 {
    padding-top: 28px !important;
  }
  .pr-sm-7 {
    padding-right: 28px !important;
  }
  .pb-sm-7 {
    padding-bottom: 28px !important;
  }
  .pl-sm-7 {
    padding-left: 28px !important;
  }
  .px-sm-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .m-sm-8 {
    margin: 32px !important;
  }
  .mt-sm-8 {
    margin-top: 32px !important;
  }
  .mr-sm-8 {
    margin-right: 32px !important;
  }
  .mb-sm-8 {
    margin-bottom: 32px !important;
  }
  .ml-sm-8 {
    margin-left: 32px !important;
  }
  .mx-sm-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-sm-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-sm-8 {
    padding: 32px !important;
  }
  .pt-sm-8 {
    padding-top: 32px !important;
  }
  .pr-sm-8 {
    padding-right: 32px !important;
  }
  .pb-sm-8 {
    padding-bottom: 32px !important;
  }
  .pl-sm-8 {
    padding-left: 32px !important;
  }
  .px-sm-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-sm-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-sm-9 {
    margin: 36px !important;
  }
  .mt-sm-9 {
    margin-top: 36px !important;
  }
  .mr-sm-9 {
    margin-right: 36px !important;
  }
  .mb-sm-9 {
    margin-bottom: 36px !important;
  }
  .ml-sm-9 {
    margin-left: 36px !important;
  }
  .mx-sm-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-sm-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-sm-9 {
    padding: 36px !important;
  }
  .pt-sm-9 {
    padding-top: 36px !important;
  }
  .pr-sm-9 {
    padding-right: 36px !important;
  }
  .pb-sm-9 {
    padding-bottom: 36px !important;
  }
  .pl-sm-9 {
    padding-left: 36px !important;
  }
  .px-sm-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .m-sm-10 {
    margin: 40px !important;
  }
  .mt-sm-10 {
    margin-top: 40px !important;
  }
  .mr-sm-10 {
    margin-right: 40px !important;
  }
  .mb-sm-10 {
    margin-bottom: 40px !important;
  }
  .ml-sm-10 {
    margin-left: 40px !important;
  }
  .mx-sm-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-sm-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-sm-10 {
    padding: 40px !important;
  }
  .pt-sm-10 {
    padding-top: 40px !important;
  }
  .pr-sm-10 {
    padding-right: 40px !important;
  }
  .pb-sm-10 {
    padding-bottom: 40px !important;
  }
  .pl-sm-10 {
    padding-left: 40px !important;
  }
  .px-sm-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-sm-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-sm-11 {
    margin: 44px !important;
  }
  .mt-sm-11 {
    margin-top: 44px !important;
  }
  .mr-sm-11 {
    margin-right: 44px !important;
  }
  .mb-sm-11 {
    margin-bottom: 44px !important;
  }
  .ml-sm-11 {
    margin-left: 44px !important;
  }
  .mx-sm-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-sm-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-sm-11 {
    padding: 44px !important;
  }
  .pt-sm-11 {
    padding-top: 44px !important;
  }
  .pr-sm-11 {
    padding-right: 44px !important;
  }
  .pb-sm-11 {
    padding-bottom: 44px !important;
  }
  .pl-sm-11 {
    padding-left: 44px !important;
  }
  .px-sm-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .m-sm-12 {
    margin: 48px !important;
  }
  .mt-sm-12 {
    margin-top: 48px !important;
  }
  .mr-sm-12 {
    margin-right: 48px !important;
  }
  .mb-sm-12 {
    margin-bottom: 48px !important;
  }
  .ml-sm-12 {
    margin-left: 48px !important;
  }
  .mx-sm-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-sm-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-sm-12 {
    padding: 48px !important;
  }
  .pt-sm-12 {
    padding-top: 48px !important;
  }
  .pr-sm-12 {
    padding-right: 48px !important;
  }
  .pb-sm-12 {
    padding-bottom: 48px !important;
  }
  .pl-sm-12 {
    padding-left: 48px !important;
  }
  .px-sm-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-sm-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-sm-13 {
    margin: 52px !important;
  }
  .mt-sm-13 {
    margin-top: 52px !important;
  }
  .mr-sm-13 {
    margin-right: 52px !important;
  }
  .mb-sm-13 {
    margin-bottom: 52px !important;
  }
  .ml-sm-13 {
    margin-left: 52px !important;
  }
  .mx-sm-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-sm-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-sm-13 {
    padding: 52px !important;
  }
  .pt-sm-13 {
    padding-top: 52px !important;
  }
  .pr-sm-13 {
    padding-right: 52px !important;
  }
  .pb-sm-13 {
    padding-bottom: 52px !important;
  }
  .pl-sm-13 {
    padding-left: 52px !important;
  }
  .px-sm-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .m-sm-14 {
    margin: 56px !important;
  }
  .mt-sm-14 {
    margin-top: 56px !important;
  }
  .mr-sm-14 {
    margin-right: 56px !important;
  }
  .mb-sm-14 {
    margin-bottom: 56px !important;
  }
  .ml-sm-14 {
    margin-left: 56px !important;
  }
  .mx-sm-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-sm-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-sm-14 {
    padding: 56px !important;
  }
  .pt-sm-14 {
    padding-top: 56px !important;
  }
  .pr-sm-14 {
    padding-right: 56px !important;
  }
  .pb-sm-14 {
    padding-bottom: 56px !important;
  }
  .pl-sm-14 {
    padding-left: 56px !important;
  }
  .px-sm-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-sm-15 {
    margin: 60px !important;
  }
  .mt-sm-15 {
    margin-top: 60px !important;
  }
  .mr-sm-15 {
    margin-right: 60px !important;
  }
  .mb-sm-15 {
    margin-bottom: 60px !important;
  }
  .ml-sm-15 {
    margin-left: 60px !important;
  }
  .mx-sm-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-sm-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-sm-15 {
    padding: 60px !important;
  }
  .pt-sm-15 {
    padding-top: 60px !important;
  }
  .pr-sm-15 {
    padding-right: 60px !important;
  }
  .pb-sm-15 {
    padding-bottom: 60px !important;
  }
  .pl-sm-15 {
    padding-left: 60px !important;
  }
  .px-sm-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print and (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-md-1 {
    margin: 4px !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
  }
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-md-1 {
    padding: 4px !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-md-2 {
    margin: 8px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
  }
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-md-2 {
    padding: 8px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-md-3 {
    margin: 12px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mr-md-3 {
    margin-right: 12px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .ml-md-3 {
    margin-left: 12px !important;
  }
  .mx-md-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-md-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-md-3 {
    padding: 12px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .px-md-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .m-md-4 {
    margin: 16px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mr-md-4 {
    margin-right: 16px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .ml-md-4 {
    margin-left: 16px !important;
  }
  .mx-md-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-md-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-md-4 {
    padding: 16px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .px-md-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-md-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-md-5 {
    margin: 20px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mr-md-5 {
    margin-right: 20px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .ml-md-5 {
    margin-left: 20px !important;
  }
  .mx-md-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-md-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-md-5 {
    padding: 20px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .px-md-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-md-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-md-6 {
    margin: 24px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mr-md-6 {
    margin-right: 24px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .ml-md-6 {
    margin-left: 24px !important;
  }
  .mx-md-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-md-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-md-6 {
    padding: 24px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .px-md-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-md-7 {
    margin: 28px !important;
  }
  .mt-md-7 {
    margin-top: 28px !important;
  }
  .mr-md-7 {
    margin-right: 28px !important;
  }
  .mb-md-7 {
    margin-bottom: 28px !important;
  }
  .ml-md-7 {
    margin-left: 28px !important;
  }
  .mx-md-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-md-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-md-7 {
    padding: 28px !important;
  }
  .pt-md-7 {
    padding-top: 28px !important;
  }
  .pr-md-7 {
    padding-right: 28px !important;
  }
  .pb-md-7 {
    padding-bottom: 28px !important;
  }
  .pl-md-7 {
    padding-left: 28px !important;
  }
  .px-md-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .m-md-8 {
    margin: 32px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mr-md-8 {
    margin-right: 32px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .ml-md-8 {
    margin-left: 32px !important;
  }
  .mx-md-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-md-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-md-8 {
    padding: 32px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .px-md-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-md-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-md-9 {
    margin: 36px !important;
  }
  .mt-md-9 {
    margin-top: 36px !important;
  }
  .mr-md-9 {
    margin-right: 36px !important;
  }
  .mb-md-9 {
    margin-bottom: 36px !important;
  }
  .ml-md-9 {
    margin-left: 36px !important;
  }
  .mx-md-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-md-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-md-9 {
    padding: 36px !important;
  }
  .pt-md-9 {
    padding-top: 36px !important;
  }
  .pr-md-9 {
    padding-right: 36px !important;
  }
  .pb-md-9 {
    padding-bottom: 36px !important;
  }
  .pl-md-9 {
    padding-left: 36px !important;
  }
  .px-md-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .m-md-10 {
    margin: 40px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .mr-md-10 {
    margin-right: 40px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .ml-md-10 {
    margin-left: 40px !important;
  }
  .mx-md-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-md-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-md-10 {
    padding: 40px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .px-md-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-md-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-md-11 {
    margin: 44px !important;
  }
  .mt-md-11 {
    margin-top: 44px !important;
  }
  .mr-md-11 {
    margin-right: 44px !important;
  }
  .mb-md-11 {
    margin-bottom: 44px !important;
  }
  .ml-md-11 {
    margin-left: 44px !important;
  }
  .mx-md-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-md-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-md-11 {
    padding: 44px !important;
  }
  .pt-md-11 {
    padding-top: 44px !important;
  }
  .pr-md-11 {
    padding-right: 44px !important;
  }
  .pb-md-11 {
    padding-bottom: 44px !important;
  }
  .pl-md-11 {
    padding-left: 44px !important;
  }
  .px-md-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .m-md-12 {
    margin: 48px !important;
  }
  .mt-md-12 {
    margin-top: 48px !important;
  }
  .mr-md-12 {
    margin-right: 48px !important;
  }
  .mb-md-12 {
    margin-bottom: 48px !important;
  }
  .ml-md-12 {
    margin-left: 48px !important;
  }
  .mx-md-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-md-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-md-12 {
    padding: 48px !important;
  }
  .pt-md-12 {
    padding-top: 48px !important;
  }
  .pr-md-12 {
    padding-right: 48px !important;
  }
  .pb-md-12 {
    padding-bottom: 48px !important;
  }
  .pl-md-12 {
    padding-left: 48px !important;
  }
  .px-md-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-md-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-md-13 {
    margin: 52px !important;
  }
  .mt-md-13 {
    margin-top: 52px !important;
  }
  .mr-md-13 {
    margin-right: 52px !important;
  }
  .mb-md-13 {
    margin-bottom: 52px !important;
  }
  .ml-md-13 {
    margin-left: 52px !important;
  }
  .mx-md-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-md-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-md-13 {
    padding: 52px !important;
  }
  .pt-md-13 {
    padding-top: 52px !important;
  }
  .pr-md-13 {
    padding-right: 52px !important;
  }
  .pb-md-13 {
    padding-bottom: 52px !important;
  }
  .pl-md-13 {
    padding-left: 52px !important;
  }
  .px-md-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .m-md-14 {
    margin: 56px !important;
  }
  .mt-md-14 {
    margin-top: 56px !important;
  }
  .mr-md-14 {
    margin-right: 56px !important;
  }
  .mb-md-14 {
    margin-bottom: 56px !important;
  }
  .ml-md-14 {
    margin-left: 56px !important;
  }
  .mx-md-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-md-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-md-14 {
    padding: 56px !important;
  }
  .pt-md-14 {
    padding-top: 56px !important;
  }
  .pr-md-14 {
    padding-right: 56px !important;
  }
  .pb-md-14 {
    padding-bottom: 56px !important;
  }
  .pl-md-14 {
    padding-left: 56px !important;
  }
  .px-md-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-md-15 {
    margin: 60px !important;
  }
  .mt-md-15 {
    margin-top: 60px !important;
  }
  .mr-md-15 {
    margin-right: 60px !important;
  }
  .mb-md-15 {
    margin-bottom: 60px !important;
  }
  .ml-md-15 {
    margin-left: 60px !important;
  }
  .mx-md-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-md-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-md-15 {
    padding: 60px !important;
  }
  .pt-md-15 {
    padding-top: 60px !important;
  }
  .pr-md-15 {
    padding-right: 60px !important;
  }
  .pb-md-15 {
    padding-bottom: 60px !important;
  }
  .pl-md-15 {
    padding-left: 60px !important;
  }
  .px-md-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print and (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-lg-1 {
    margin: 4px !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-lg-1 {
    padding: 4px !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-lg-2 {
    margin: 8px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-lg-2 {
    padding: 8px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-lg-3 {
    margin: 12px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mr-lg-3 {
    margin-right: 12px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .ml-lg-3 {
    margin-left: 12px !important;
  }
  .mx-lg-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-lg-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-lg-3 {
    padding: 12px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .px-lg-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .m-lg-4 {
    margin: 16px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mr-lg-4 {
    margin-right: 16px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .ml-lg-4 {
    margin-left: 16px !important;
  }
  .mx-lg-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-lg-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-lg-4 {
    padding: 16px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .px-lg-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-lg-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-lg-5 {
    margin: 20px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mr-lg-5 {
    margin-right: 20px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .ml-lg-5 {
    margin-left: 20px !important;
  }
  .mx-lg-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-lg-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-lg-5 {
    padding: 20px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .px-lg-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-lg-6 {
    margin: 24px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mr-lg-6 {
    margin-right: 24px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .ml-lg-6 {
    margin-left: 24px !important;
  }
  .mx-lg-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-lg-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-lg-6 {
    padding: 24px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .px-lg-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-lg-7 {
    margin: 28px !important;
  }
  .mt-lg-7 {
    margin-top: 28px !important;
  }
  .mr-lg-7 {
    margin-right: 28px !important;
  }
  .mb-lg-7 {
    margin-bottom: 28px !important;
  }
  .ml-lg-7 {
    margin-left: 28px !important;
  }
  .mx-lg-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-lg-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-lg-7 {
    padding: 28px !important;
  }
  .pt-lg-7 {
    padding-top: 28px !important;
  }
  .pr-lg-7 {
    padding-right: 28px !important;
  }
  .pb-lg-7 {
    padding-bottom: 28px !important;
  }
  .pl-lg-7 {
    padding-left: 28px !important;
  }
  .px-lg-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .m-lg-8 {
    margin: 32px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mr-lg-8 {
    margin-right: 32px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .ml-lg-8 {
    margin-left: 32px !important;
  }
  .mx-lg-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-lg-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-lg-8 {
    padding: 32px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .px-lg-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-lg-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-lg-9 {
    margin: 36px !important;
  }
  .mt-lg-9 {
    margin-top: 36px !important;
  }
  .mr-lg-9 {
    margin-right: 36px !important;
  }
  .mb-lg-9 {
    margin-bottom: 36px !important;
  }
  .ml-lg-9 {
    margin-left: 36px !important;
  }
  .mx-lg-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-lg-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-lg-9 {
    padding: 36px !important;
  }
  .pt-lg-9 {
    padding-top: 36px !important;
  }
  .pr-lg-9 {
    padding-right: 36px !important;
  }
  .pb-lg-9 {
    padding-bottom: 36px !important;
  }
  .pl-lg-9 {
    padding-left: 36px !important;
  }
  .px-lg-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .m-lg-10 {
    margin: 40px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .mr-lg-10 {
    margin-right: 40px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .ml-lg-10 {
    margin-left: 40px !important;
  }
  .mx-lg-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-lg-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-lg-10 {
    padding: 40px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .px-lg-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-lg-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-lg-11 {
    margin: 44px !important;
  }
  .mt-lg-11 {
    margin-top: 44px !important;
  }
  .mr-lg-11 {
    margin-right: 44px !important;
  }
  .mb-lg-11 {
    margin-bottom: 44px !important;
  }
  .ml-lg-11 {
    margin-left: 44px !important;
  }
  .mx-lg-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-lg-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-lg-11 {
    padding: 44px !important;
  }
  .pt-lg-11 {
    padding-top: 44px !important;
  }
  .pr-lg-11 {
    padding-right: 44px !important;
  }
  .pb-lg-11 {
    padding-bottom: 44px !important;
  }
  .pl-lg-11 {
    padding-left: 44px !important;
  }
  .px-lg-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .m-lg-12 {
    margin: 48px !important;
  }
  .mt-lg-12 {
    margin-top: 48px !important;
  }
  .mr-lg-12 {
    margin-right: 48px !important;
  }
  .mb-lg-12 {
    margin-bottom: 48px !important;
  }
  .ml-lg-12 {
    margin-left: 48px !important;
  }
  .mx-lg-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-lg-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-lg-12 {
    padding: 48px !important;
  }
  .pt-lg-12 {
    padding-top: 48px !important;
  }
  .pr-lg-12 {
    padding-right: 48px !important;
  }
  .pb-lg-12 {
    padding-bottom: 48px !important;
  }
  .pl-lg-12 {
    padding-left: 48px !important;
  }
  .px-lg-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-lg-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-lg-13 {
    margin: 52px !important;
  }
  .mt-lg-13 {
    margin-top: 52px !important;
  }
  .mr-lg-13 {
    margin-right: 52px !important;
  }
  .mb-lg-13 {
    margin-bottom: 52px !important;
  }
  .ml-lg-13 {
    margin-left: 52px !important;
  }
  .mx-lg-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-lg-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-lg-13 {
    padding: 52px !important;
  }
  .pt-lg-13 {
    padding-top: 52px !important;
  }
  .pr-lg-13 {
    padding-right: 52px !important;
  }
  .pb-lg-13 {
    padding-bottom: 52px !important;
  }
  .pl-lg-13 {
    padding-left: 52px !important;
  }
  .px-lg-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .m-lg-14 {
    margin: 56px !important;
  }
  .mt-lg-14 {
    margin-top: 56px !important;
  }
  .mr-lg-14 {
    margin-right: 56px !important;
  }
  .mb-lg-14 {
    margin-bottom: 56px !important;
  }
  .ml-lg-14 {
    margin-left: 56px !important;
  }
  .mx-lg-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-lg-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-lg-14 {
    padding: 56px !important;
  }
  .pt-lg-14 {
    padding-top: 56px !important;
  }
  .pr-lg-14 {
    padding-right: 56px !important;
  }
  .pb-lg-14 {
    padding-bottom: 56px !important;
  }
  .pl-lg-14 {
    padding-left: 56px !important;
  }
  .px-lg-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-lg-15 {
    margin: 60px !important;
  }
  .mt-lg-15 {
    margin-top: 60px !important;
  }
  .mr-lg-15 {
    margin-right: 60px !important;
  }
  .mb-lg-15 {
    margin-bottom: 60px !important;
  }
  .ml-lg-15 {
    margin-left: 60px !important;
  }
  .mx-lg-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-lg-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-lg-15 {
    padding: 60px !important;
  }
  .pt-lg-15 {
    padding-top: 60px !important;
  }
  .pr-lg-15 {
    padding-right: 60px !important;
  }
  .pb-lg-15 {
    padding-bottom: 60px !important;
  }
  .pl-lg-15 {
    padding-left: 60px !important;
  }
  .px-lg-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print and (min-width: 1200px) {
  .m-xl-0 {
    margin: 0px !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .p-xl-0 {
    padding: 0px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .m-xl-1 {
    margin: 4px !important;
  }
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .p-xl-1 {
    padding: 4px !important;
  }
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-xl-2 {
    margin: 8px !important;
  }
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .p-xl-2 {
    padding: 8px !important;
  }
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-xl-3 {
    margin: 12px !important;
  }
  .mt-xl-3 {
    margin-top: 12px !important;
  }
  .mr-xl-3 {
    margin-right: 12px !important;
  }
  .mb-xl-3 {
    margin-bottom: 12px !important;
  }
  .ml-xl-3 {
    margin-left: 12px !important;
  }
  .mx-xl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .my-xl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .p-xl-3 {
    padding: 12px !important;
  }
  .pt-xl-3 {
    padding-top: 12px !important;
  }
  .pr-xl-3 {
    padding-right: 12px !important;
  }
  .pb-xl-3 {
    padding-bottom: 12px !important;
  }
  .pl-xl-3 {
    padding-left: 12px !important;
  }
  .px-xl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .py-xl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .m-xl-4 {
    margin: 16px !important;
  }
  .mt-xl-4 {
    margin-top: 16px !important;
  }
  .mr-xl-4 {
    margin-right: 16px !important;
  }
  .mb-xl-4 {
    margin-bottom: 16px !important;
  }
  .ml-xl-4 {
    margin-left: 16px !important;
  }
  .mx-xl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .my-xl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .p-xl-4 {
    padding: 16px !important;
  }
  .pt-xl-4 {
    padding-top: 16px !important;
  }
  .pr-xl-4 {
    padding-right: 16px !important;
  }
  .pb-xl-4 {
    padding-bottom: 16px !important;
  }
  .pl-xl-4 {
    padding-left: 16px !important;
  }
  .px-xl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .py-xl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .m-xl-5 {
    margin: 20px !important;
  }
  .mt-xl-5 {
    margin-top: 20px !important;
  }
  .mr-xl-5 {
    margin-right: 20px !important;
  }
  .mb-xl-5 {
    margin-bottom: 20px !important;
  }
  .ml-xl-5 {
    margin-left: 20px !important;
  }
  .mx-xl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-xl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .p-xl-5 {
    padding: 20px !important;
  }
  .pt-xl-5 {
    padding-top: 20px !important;
  }
  .pr-xl-5 {
    padding-right: 20px !important;
  }
  .pb-xl-5 {
    padding-bottom: 20px !important;
  }
  .pl-xl-5 {
    padding-left: 20px !important;
  }
  .px-xl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-xl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-xl-6 {
    margin: 24px !important;
  }
  .mt-xl-6 {
    margin-top: 24px !important;
  }
  .mr-xl-6 {
    margin-right: 24px !important;
  }
  .mb-xl-6 {
    margin-bottom: 24px !important;
  }
  .ml-xl-6 {
    margin-left: 24px !important;
  }
  .mx-xl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .my-xl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .p-xl-6 {
    padding: 24px !important;
  }
  .pt-xl-6 {
    padding-top: 24px !important;
  }
  .pr-xl-6 {
    padding-right: 24px !important;
  }
  .pb-xl-6 {
    padding-bottom: 24px !important;
  }
  .pl-xl-6 {
    padding-left: 24px !important;
  }
  .px-xl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .py-xl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .m-xl-7 {
    margin: 28px !important;
  }
  .mt-xl-7 {
    margin-top: 28px !important;
  }
  .mr-xl-7 {
    margin-right: 28px !important;
  }
  .mb-xl-7 {
    margin-bottom: 28px !important;
  }
  .ml-xl-7 {
    margin-left: 28px !important;
  }
  .mx-xl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .p-xl-7 {
    padding: 28px !important;
  }
  .pt-xl-7 {
    padding-top: 28px !important;
  }
  .pr-xl-7 {
    padding-right: 28px !important;
  }
  .pb-xl-7 {
    padding-bottom: 28px !important;
  }
  .pl-xl-7 {
    padding-left: 28px !important;
  }
  .px-xl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .m-xl-8 {
    margin: 32px !important;
  }
  .mt-xl-8 {
    margin-top: 32px !important;
  }
  .mr-xl-8 {
    margin-right: 32px !important;
  }
  .mb-xl-8 {
    margin-bottom: 32px !important;
  }
  .ml-xl-8 {
    margin-left: 32px !important;
  }
  .mx-xl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .my-xl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .p-xl-8 {
    padding: 32px !important;
  }
  .pt-xl-8 {
    padding-top: 32px !important;
  }
  .pr-xl-8 {
    padding-right: 32px !important;
  }
  .pb-xl-8 {
    padding-bottom: 32px !important;
  }
  .pl-xl-8 {
    padding-left: 32px !important;
  }
  .px-xl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .py-xl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .m-xl-9 {
    margin: 36px !important;
  }
  .mt-xl-9 {
    margin-top: 36px !important;
  }
  .mr-xl-9 {
    margin-right: 36px !important;
  }
  .mb-xl-9 {
    margin-bottom: 36px !important;
  }
  .ml-xl-9 {
    margin-left: 36px !important;
  }
  .mx-xl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .p-xl-9 {
    padding: 36px !important;
  }
  .pt-xl-9 {
    padding-top: 36px !important;
  }
  .pr-xl-9 {
    padding-right: 36px !important;
  }
  .pb-xl-9 {
    padding-bottom: 36px !important;
  }
  .pl-xl-9 {
    padding-left: 36px !important;
  }
  .px-xl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .m-xl-10 {
    margin: 40px !important;
  }
  .mt-xl-10 {
    margin-top: 40px !important;
  }
  .mr-xl-10 {
    margin-right: 40px !important;
  }
  .mb-xl-10 {
    margin-bottom: 40px !important;
  }
  .ml-xl-10 {
    margin-left: 40px !important;
  }
  .mx-xl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-xl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .p-xl-10 {
    padding: 40px !important;
  }
  .pt-xl-10 {
    padding-top: 40px !important;
  }
  .pr-xl-10 {
    padding-right: 40px !important;
  }
  .pb-xl-10 {
    padding-bottom: 40px !important;
  }
  .pl-xl-10 {
    padding-left: 40px !important;
  }
  .px-xl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-xl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-xl-11 {
    margin: 44px !important;
  }
  .mt-xl-11 {
    margin-top: 44px !important;
  }
  .mr-xl-11 {
    margin-right: 44px !important;
  }
  .mb-xl-11 {
    margin-bottom: 44px !important;
  }
  .ml-xl-11 {
    margin-left: 44px !important;
  }
  .mx-xl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .p-xl-11 {
    padding: 44px !important;
  }
  .pt-xl-11 {
    padding-top: 44px !important;
  }
  .pr-xl-11 {
    padding-right: 44px !important;
  }
  .pb-xl-11 {
    padding-bottom: 44px !important;
  }
  .pl-xl-11 {
    padding-left: 44px !important;
  }
  .px-xl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .m-xl-12 {
    margin: 48px !important;
  }
  .mt-xl-12 {
    margin-top: 48px !important;
  }
  .mr-xl-12 {
    margin-right: 48px !important;
  }
  .mb-xl-12 {
    margin-bottom: 48px !important;
  }
  .ml-xl-12 {
    margin-left: 48px !important;
  }
  .mx-xl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .my-xl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .p-xl-12 {
    padding: 48px !important;
  }
  .pt-xl-12 {
    padding-top: 48px !important;
  }
  .pr-xl-12 {
    padding-right: 48px !important;
  }
  .pb-xl-12 {
    padding-bottom: 48px !important;
  }
  .pl-xl-12 {
    padding-left: 48px !important;
  }
  .px-xl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .py-xl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .m-xl-13 {
    margin: 52px !important;
  }
  .mt-xl-13 {
    margin-top: 52px !important;
  }
  .mr-xl-13 {
    margin-right: 52px !important;
  }
  .mb-xl-13 {
    margin-bottom: 52px !important;
  }
  .ml-xl-13 {
    margin-left: 52px !important;
  }
  .mx-xl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .p-xl-13 {
    padding: 52px !important;
  }
  .pt-xl-13 {
    padding-top: 52px !important;
  }
  .pr-xl-13 {
    padding-right: 52px !important;
  }
  .pb-xl-13 {
    padding-bottom: 52px !important;
  }
  .pl-xl-13 {
    padding-left: 52px !important;
  }
  .px-xl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .m-xl-14 {
    margin: 56px !important;
  }
  .mt-xl-14 {
    margin-top: 56px !important;
  }
  .mr-xl-14 {
    margin-right: 56px !important;
  }
  .mb-xl-14 {
    margin-bottom: 56px !important;
  }
  .ml-xl-14 {
    margin-left: 56px !important;
  }
  .mx-xl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .p-xl-14 {
    padding: 56px !important;
  }
  .pt-xl-14 {
    padding-top: 56px !important;
  }
  .pr-xl-14 {
    padding-right: 56px !important;
  }
  .pb-xl-14 {
    padding-bottom: 56px !important;
  }
  .pl-xl-14 {
    padding-left: 56px !important;
  }
  .px-xl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .m-xl-15 {
    margin: 60px !important;
  }
  .mt-xl-15 {
    margin-top: 60px !important;
  }
  .mr-xl-15 {
    margin-right: 60px !important;
  }
  .mb-xl-15 {
    margin-bottom: 60px !important;
  }
  .ml-xl-15 {
    margin-left: 60px !important;
  }
  .mx-xl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .p-xl-15 {
    padding: 60px !important;
  }
  .pt-xl-15 {
    padding-top: 60px !important;
  }
  .pr-xl-15 {
    padding-right: 60px !important;
  }
  .pb-xl-15 {
    padding-bottom: 60px !important;
  }
  .pl-xl-15 {
    padding-left: 60px !important;
  }
  .px-xl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print {
  .card-block {
    padding: 8px;
  }
  .list-group-item, .list-group-borderless .list-group-item-header-row {
    padding: 0.25rem 0.5rem;
  }
  .md-table .table {
    font-size: 12px;
    margin-bottom: 4px !important;
  }
  .md-table .table td, .md-table .table th {
    padding: 4px;
  }
  .md-table .table .multi-select {
    padding-left: 8px;
  }
  .md-table .table .action {
    padding-right: 8px;
  }
  .md-table .table.table-sm td, .md-table .table.table-sm th {
    padding: 4px;
  }
  .md-table .table.table-sm .multi-select {
    padding-left: 8px;
  }
  .md-table .table.table-sm .action {
    padding-right: 8px;
  }
  .md-table .page-count {
    font-size: 12px;
  }
}
/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element, .fr-element:focus {
  outline: 0 solid transparent;
}

.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important;
}

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element [contenteditable=true] {
  outline: 0 solid transparent;
}

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333;
}

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #333333;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-wrapper {
  position: relative;
  z-index: 1;
}

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef;
  }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto;
  }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none;
  }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px;
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333;
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px;
}

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: "";
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px;
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333;
}

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333;
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}

.fr-popup.fr-mobile .fr-command:focus-visible {
  outline: none;
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s;
}

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

body.fr-prevent-scroll {
  overflow: hidden;
}

body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}

.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4, .fr-modal .fr-modal-wrapper .fr-modal-head .dropdown-button.in-header {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}

ol.decimal_type {
  counter-reset: item;
}

ol.decimal_type > li {
  display: block;
  position: relative;
}

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;
}

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px;
}

.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}
@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}
.fr-popup .fr-input-focus {
  background: whitesmoke;
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  display: none !important;
}

.fr-popup.fr-empty {
  display: none !important;
}

.fr-popup .fr-hs {
  display: block !important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0;
}

.fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number], .fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s;
}

.fr-popup .fr-input-line input[type=text]:hover, .fr-popup .fr-input-line input[type=number]:hover, .fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151;
}

.fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line input[type=number]:focus, .fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number] {
  height: 46px;
}

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text;
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
}

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden;
}

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px;
  }
}
.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none;
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px;
}

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}

.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s;
}

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-toolbar::after {
  height: 0;
}

.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}

.fr-toolbar .fr-float-right {
  float: right;
}

.fr-toolbar .fr-float-left {
  float: left;
}

.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}

.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px;
}

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}
.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}

.fr-toolbar .fr-popup .fr-command:focus-visible {
  outline: none;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630;
}

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0;
}

.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}

.fr-toolbar.fr-inline .fr-more-toolbar {
  position: absolute !important;
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
  position: relative !important;
}

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s;
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF;
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}

.fr-separator + .fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px;
}

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - 8px);
  margin: 0 4px;
  height: 1px;
}

.fr-separator.fr-hidden {
  display: none !important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  display: inline-block;
}

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-second-toolbar:empty {
  min-height: 10px;
  position: relative;
  margin-top: -1px;
  z-index: 2;
}

#fr-logo {
  float: left;
  outline: none;
}

#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
}

#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer;
}

#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s;
}

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7;
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  position: fixed;
  z-index: 10;
}

.fr-sticky-on.fr-sticky-ios {
  position: -webkit-sticky;
  left: 0;
  right: 0;
  width: auto !important;
}

.modal .fr-sticky-on {
  position: sticky;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

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

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5;
}

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3;
}

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545;
}

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545;
}

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1;
}

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important;
}

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3;
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3;
}

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3;
}

.fr-track-hide {
  display: none;
}

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box;
}

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

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-code-view .fr-counter {
  display: none;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none;
}

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}

.fr-box .CodeMirror {
  display: none;
}

.fr-box.fr-code-view textarea.fr-code {
  display: block;
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none;
}

.fr-box.fr-code-view .CodeMirror {
  display: block;
}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 24px;
  width: 24px;
  text-align: center;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  padding: 17px 0 0;
  margin: 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 40px;
  width: 38px;
}

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px;
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}

.fr-popup .fr-color-set.fr-selected-set {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}

.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 24px;
  width: 24px;
  margin: 4px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
  fill: #222222;
}

.fr-popup .fr-color-set > span .fr-selected-color {
  color: #FFF;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}

.fr-drag-helper.fr-visible {
  display: block;
}

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;
}

.fr-popup .fr-emoticon img {
  height: 24px;
  width: 24px;
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}

.fr-height-auto {
  height: auto !important;
}

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}

.fr-trim-button:hover {
  background: #ebebeb;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

.fr-by-url-padding {
  padding: 11.5px 0;
}

.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain;
}

.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}

.fr-popup .fr-files-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-progress-bar-style {
  width: calc(100% - 40px);
}

.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-pull-left {
  float: left;
}

.fr-pull-right {
  float: right;
}

.fr-icons {
  padding: 10px 20px 0;
  display: inline;
}

.fr-transform-135 {
  transform: rotate(135deg);
}

.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px;
}

.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px;
}

.fr-upload-progress {
  padding: 1px;
}

.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px;
  }
  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.fr-half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px;
}

.fr-decorated {
  overflow: hidden;
  text-align: center;
}

.fr-decorated > span {
  position: relative;
  display: inline-block;
}

.fr-decorated > span:before, .fr-decorated > span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  margin: 0 20px;
}

.fr-decorated > span:before {
  right: 100%;
}

.fr-decorated > span:after {
  left: 100%;
}

.fr-align-right {
  float: right;
}

.fr-checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px;
}

.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
}

.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important;
}

.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important;
}

button[data-cmd=insertFiles] {
  padding-left: 2px !important;
  padding-top: 2.7px !important;
}

button[data-cmd=autoplay] svg {
  position: relative !important;
  top: 3.2px !important;
}

button[data-cmd=insertAll] {
  padding-left: 4px !important;
}

button[data-cmd=insertAll] svg {
  position: relative !important;
  top: 3.2px !important;
}

.fr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.fr-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}

.fr-file-item-left {
  display: flex;
  flex-wrap: wrap;
}

.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px;
}

.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px;
}

.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px;
}

.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-files-checkbox svg {
  margin-left: 0px;
  margin-top: 0px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-files-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.fr-files-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
}

.fr-files-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}

.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}

.fr-files-checkbox input:checked + span svg {
  display: block;
}

.fr-files-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-checkbox-disabled svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-checkbox-disabled span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.fr-checkbox-disabled input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: default;
  height: 13px !important;
  margin: 0;
  padding: 0;
  width: 13px !important;
  top: 7px;
  left: 7px;
}

.fr-checkbox-disabled input:not(:checked) + span {
  border: solid 2px #999999;
}

.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}

.fr-checkbox-disabled input:checked + span svg {
  display: block;
}

.fr-checkbox-disabled input:checked:active + span {
  background-color: #EcF5Ff;
}

.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642;
}

.fr-file-item-thumbnail-hover {
  transition: transform 0.2s;
}

.fr-file-item-thumbnail-hover:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
}

.fr-margin-16 {
  margin-bottom: 16px;
}

.fr-none {
  display: none;
}

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

.fr-files-manager-tooltip {
  position: relative;
}

.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}

.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647;
}

.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible;
}

.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dot {
  width: 20px;
  height: 20px;
  background-image: radial-gradient(circle, grey 1px, transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px;
}

.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important;
}

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px;
  }
}
@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
  }
  .fr-file-item-description {
    width: 130px;
  }
  .fr-file-item-right {
    width: 100%;
  }
  .progress-circle {
    font-size: 6px;
  }
}
@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px;
  }
  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px;
  }
  .fr-file-item-description {
    width: 80px;
  }
  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px;
  }
  .fr-file-name {
    font-size: 10px;
  }
  .fr-file-action-icons {
    padding: 0px !important;
  }
}
@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px;
  }
}
.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
}

.fr-file-view-modal-content {
  display: inline-block;
  text-align: center;
}

.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%;
}

.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.fr-file-view-close:hover, .fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px;
}

.fr-file-error-h5 {
  margin: 0;
}

.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px;
}

.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
}

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important;
}

.fr-checkbox-container:hover input ~ .fr-checkmark {
  background-color: #ccc;
}

.fr-checkbox-container input:checked ~ .fr-checkmark {
  background-color: #2196F3;
}

.fr-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.fr-checkbox-container input:checked ~ .fr-checkmark:after {
  display: block;
}

.fr-container .fr-checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fr-file-item-details .file-name {
  font-weight: bold;
  display: inline;
}

.fr-file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline;
}

.fr-width-10 {
  width: 10%;
  display: inline-block;
}

.fr-width-20 {
  width: 20%;
  display: inline-block;
}

.fr-width-30 {
  width: 30%;
  display: inline-block;
}

.fr-width-40 {
  width: 40%;
  display: inline-block;
}

.fr-width-50 {
  width: 50%;
  display: inline-block;
}

.fr-width-60 {
  width: 60%;
  display: inline-block;
}

.fr-width-100 {
  width: 100%;
  display: inline-block;
}

.fr-width-80 {
  width: 80%;
  display: inline-block;
}

.fr-width-90 {
  width: 90%;
  display: inline-block;
}

.fr-width-85 {
  width: 85%;
  display: inline-block;
}

.fr-width-5 {
  width: 5%;
  display: inline-block;
}

.fr-width-7 {
  width: 7%;
  display: inline-block;
}

.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px;
}

.fr-position-content {
  position: relative;
  top: 10px;
}

.file-error {
  color: red;
}

#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px;
}

.fr-files-manager {
  z-index: 2147483641 !important;
}

.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}

.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2;
}

.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.progress-circle.over50 .first50-bar {
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
  display: none;
}

.progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
}

.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box;
}

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px;
}

.fr-hovered-over-file {
  background-color: #F0F0F0;
}

.fr-thumbnail-padding {
  padding-right: 4px;
}

.fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path, .fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path, .fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd=openFilePicker] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePicker] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path, .fr-command.fr-btn[data-cmd=openFilePickerReplaceImageOnly] svg path, .fr-command.fr-btn[data-cmd=openFilePickerReplaceVideoOnly] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImageOnly] svg path:last-child, .fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideoOnly] svg path:last-child, .fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path, .fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path, .fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path, .fr-popup .fr-command.fr-btn[data-cmd=openFilePickerFile] svg path {
  fill: #ef4a25;
}

.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path {
  fill: #0098F7;
}

.fsp-picker-appear-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

body.fr-fullscreen .fs-transforms-container {
  position: absolute;
  z-index: 2247483660;
}

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

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-find-replace-layer .fr-header, .fr-find-replace-layer .fr-body {
  margin: 15px;
}

.fr-find-replace-layer .fr-drag-handle {
  cursor: move;
}

.fr-find-replace-layer h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}

.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}

.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder, .fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder {
  color: #a9a9a9;
}

.fr-find-replace-layer .fr-body .fr-label-disabled {
  background-color: #f5f5f5;
}

.fr-find-replace-layer .fr-body .fr-close-btn {
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
}

.fr-find-replace-layer .fr-body .fr-close-btn:hover {
  color: grey;
}

.fr-find-replace-layer .fr-body .fr-toggle-advanced-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  width: auto;
  background: none;
  color: #353333;
}

.fr-find-replace-layer .fr-body .fr-separator {
  margin: 10px 0;
  border-top: 1px solid #e0e0e0;
}

.fr-find-replace-layer .fr-body input {
  width: 70%;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}

.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.fr-find-replace-layer .fr-body .fr-arrow-buttons {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: 10px;
  margin-top: 3px;
}

.fr-find-replace-layer .fr-body .fr-arrow-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 2px 4px;
  margin-bottom: 12px;
  font-size: 12px;
}

.fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}

.fr-find-replace-layer .fr-body .fr-advanced-options {
  margin-top: 10px;
  font-size: 14px;
  cursor: pointer;
  color: #007bff;
  text-decoration: underline;
}

.fr-find-replace-layer .fr-body .fr-button-group {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px;
}

.fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn {
  background-color: #FFF;
  color: #0098f7;
  margin-top: 10px;
  border: 1px solid #0098f7;
}

.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}

.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}

.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}

.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}

.fr-find-replace-layer .fr-body button {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
}

.fr-find-replace-layer .fr-body #fr-replaceText {
  width: 77%;
}

.fr-find-replace-layer .fr-body #fr-findText {
  position: relative;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}

.fr-find-replace-layer .fr-body #fr-findText:focus {
  border: 2px solid #0098f7;
}

.fr-find-replace-layer .fr-body .fr-find-error {
  color: #f70000;
  font-size: 12px;
  padding-bottom: 5px;
  display: none;
}

.fr-find-replace-layer .fr-body #fr-findText.error {
  border-color: #f70000;
}

.fr-find-replace-layer .fr-body .fr-count-indicator {
  position: absolute;
  right: 80px;
  top: 49%;
  transform: translateY(-50%);
  color: gray;
  font-size: 12px;
  pointer-events: none;
  visibility: hidden;
  z-index: 10;
}

.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
  margin-right: 10px;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 2px;
  font-weight: 100;
}

.fr-find-replace-layer .fr-body .fr-advanced-options-panel {
  border-radius: 4px;
}

.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group {
  display: flex;
  margin-top: 10px;
}

.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item {
  position: relative;
  display: inline-block;
  height: 20px;
}

.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item input[type=checkbox] {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: inherit;
  left: -5px;
}

.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-label {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: -10px;
  position: relative;
}

.fr-find-replace-layer .fr-body .fr-toggle-btn {
  width: 40px;
  height: 20px;
  background-color: #CCCCCC;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.fr-find-replace-layer .fr-body .fr-arrow {
  margin-right: 5px;
  font-size: 12px;
  margin-top: 1px;
  position: absolute;
  right: 15px;
}

.fr-find-replace-layer .fr-body .fr-btn-active-popup {
  background: #d6d6d6;
}

.fr-find-replace-highlight {
  background-color: #ffff00;
}

.fr-find-replace-current-highlight {
  background-color: #ffa500;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
}

.fr-box.fr-fullscreen .fr-wrapper {
  background-color: #FFF;
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-fullscreen .fr-toolbar {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}

.fr-box.fr-fullscreen .fr-second-toolbar {
  margin-top: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}

.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
img.fr-draggable {
  user-select: none;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left;
}

.fr-modal .fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5;
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  outline: none;
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background-color: #EcF5Ff;
  color: #0098f7;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  outline: none;
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6;
}

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7;
}

div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}

div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}

div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0;
}

div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 20px) / 2);
}

@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 40px) / 3);
  }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 60px) / 4);
  }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #CCCCCC;
  z-index: 1;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  z-index: 3;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #B8312F;
  fill: #FFF;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #FFF;
  fill: #0098f7;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none;
}

.fr-line-breaker.fr-visible {
  display: block;
}

.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - 20px);
  top: -20px;
}

.fr-line-breaker a.fr-floating-btn svg {
  margin: 8px;
  height: 24px;
  width: 24px;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-wrapper-markdown {
  display: flex;
}

.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit;
}

.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee;
}

.fr-markdown-editor > p {
  margin: 0;
}

.fr-markdown-view > p {
  margin-top: 0;
}

.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px;
}

.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5;
}

.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

.fr-markdown-view > dt {
  font-weight: 700;
}

.fr-markdown-view > dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.fr-markdown-view > sup {
  top: -0.5em;
}

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

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

.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem;
}

.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.fr-markdown-view > table > tbody > tr > td, .fr-markdown-view > table > tbody > tr > th, .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd;
}

.fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px;
}

.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none;
}

.fr-markdown-view > h1 {
  font-size: 2em !important;
}

.fr-markdown-view > h2 {
  font-size: 1.5em !important;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-quick-insert a.fr-floating-btn svg {
  margin: 8px;
  width: 24px;
  height: 24px;
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.fr-quick-insert.fr-hidden {
  display: none;
}

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap;
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  padding: 6px 10px 10px 10px;
  display: inline-block;
  color: #222222;
  background: #FFF;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222222;
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px;
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-weight: normal;
  font-size: 16px;
}

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
  position: relative;
}

.fr-element table td.fr-selected-cell:after, .fr-element table th.fr-selected-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 100, 255, 0.15);
  pointer-events: none;
}

.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none;
}

.fr-table-resizer.fr-moving {
  z-index: 2;
}

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7;
}

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-table-selector {
  display: block;
  position: absolute;
  z-index: 9999;
  width: 16px;
  height: 16px;
  padding: 3px;
  border: transparent 2px solid;
  border-radius: 4px 4px 0 0;
}

.fr-table-selector a {
  width: 16px;
  height: 16px;
  display: block;
}

.fr-table-selector a > svg {
  width: 16px;
  height: 16px;
}

.fr-table-selector-active {
  opacity: 1;
  visibility: visible;
  border: #fdcf00 2px solid;
}

.fr-table-selector-active a > svg {
  color: #fdcf00;
}

.fr-table-selector-active-selected {
  border: #0d65ff 2px solid;
}

.fr-table-selector-active-selected a > svg {
  color: #0d65ff;
}

.fr-table-selector-inactive {
  opacity: 0;
  visibility: hidden;
}

.fr-view .fr-table-selection-hover {
  outline: #fdcf00 2px solid;
}

.fr-view .fr-table-selected {
  outline: #0d65ff 2px solid;
  caret-color: transparent;
}

.fr-popup .fr-table-size {
  margin: 20px;
}

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
}

.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 5px;
  white-space: nowrap;
}

.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0 4px 4px 0;
  background: transparent;
}

.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #DDD;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, 0.3);
  border: solid 1px #0098f7;
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}

.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe;
}

.fr-trim-video-name {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 15px;
}

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}

.fr-trim-button:hover {
  background: #ebebeb;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-slidecontainer {
  width: 100%;
}

.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3;
}

.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px;
}

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}

.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer;
}

.fr-range-value-start {
  position: absolute;
}

.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px;
}

.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px;
}

.fr-range-value-end {
  position: absolute;
}

.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px;
}

.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px;
}

#startTimeValue {
  top: -153% !important;
}

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

#endTimeValue {
  top: -153% !important;
}

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px;
}

.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px;
}

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px;
}

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px;
}

.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px;
}

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}

.fr-range-slider > input[type=range]::-moz-focus-outer {
  border: 0;
}

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px;
  }
  #fr-form-container {
    top: 20%;
  }
}
#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element .fr-video::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: transparent;
}

.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}

.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box .fr-video-resizer.fr-active {
  display: block;
}

.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

.fr-autoplay-margin {
  margin-top: 0px !important;
}

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view table tfoot td {
  background: #ececec;
}

.fr-view .fr-mso-hidden {
  display: none;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "📎";
  font-weight: normal;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #AAA !important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: 0.5;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil, .fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view table tfoot td {
  background: #ececec;
}

.fr-view .fr-mso-hidden {
  display: none;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "📎";
  font-weight: normal;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #AAA !important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: 0.5;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}

/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.mercury-notifications-button {
  cursor: pointer;
}
.mercury-notifications-button .material-icons {
  color: white;
}
.mercury-notifications-button .badge {
  position: absolute !important;
  color: white;
  vertical-align: top;
  margin-left: 13px !important;
  margin-top: -8px !important;
  background-color: #F24A41;
  border-radius: 1em;
  padding: 5px 7px;
  font-weight: normal;
  opacity: 0;
}
.mercury-notifications-button .badge.on {
  opacity: 1;
}

#mercury-sidebar {
  background-color: #f5f5f5;
  color: #424242;
}
#mercury-sidebar .sidebar-header {
  display: flex;
  flex-direction: row;
  padding: 16px 16px 8px 6px;
  height: 64px;
}
#mercury-sidebar .sidebar-header h3 {
  flex-grow: 1;
  padding: 0 15px;
  border: 0 !important;
}
#mercury-sidebar .do-not-disturb .do-not-disturb-switch {
  display: inline-block;
  vertical-align: middle;
  /* the height of the knob overhang */
  padding-top: 6px;
}

#mercury-toast-area {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  margin-top: 70px;
  z-index: 1;
  padding: 0px 15px;
}

.empty-list-notice {
  display: none;
  text-align: center;
  height: 50px;
}

.mercury-notifications-list {
  padding: 0px 15px;
}

.mercury-notifications-list:empty + .empty-list-notice {
  display: block;
}

.mercury-notification-card {
  border: 0;
  border-radius: 2px;
  margin-bottom: 8px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-left: 4px solid #000000;
}
.mercury-notification-card h3 {
  border: 0;
}
.mercury-notification-card.pub_manager {
  border-left: 4px solid #2C94F0;
}
.mercury-notification-card.portal {
  border-left: 4px solid #1DBAD1;
}
.mercury-notification-card .notice-at {
  font-size: 10px;
  opacity: 0.75;
  float: right;
  margin-right: 10px;
}
.mercury-notification-card .notice-from {
  margin-top: -4px;
}
.mercury-notification-card .dismiss-button-container {
  position: absolute;
  width: 100%;
  height: 0%;
  display: flex;
  flex-direction: row-reverse;
}
.mercury-notification-card .dismiss-button-container i {
  height: 24px;
  margin-top: 8px;
  margin-right: 8px;
  display: block;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.mercury-notification-card:hover .dismiss-button-container i {
  opacity: 1;
}
.mercury-notification-card:hover .notice-at {
  opacity: 0;
}
.mercury-notification-card a.linked-mercury-notification-wrapper {
  line-height: 1.5;
  height: auto;
  font-size: inherit !important;
  color: inherit !important;
  padding: 16px 8px;
}
.mercury-notification-card .unlinked-mercury-notification-wrapper {
  padding: 16px 8px;
}

.mercury-notifications-btn {
  cursor: pointer;
  width: 28px;
  height: 28px;
}

/*!
   * Bootstrap Datetime Picker v4.17.49
   * Copyright 2015-2020 Jonathan Peterson
   * Licensed under MIT (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/LICENSE)
   */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

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

/*
 * Global add-ons
 */
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Main content
 */
.section-content {
  padding-top: 20px;
}
.section-content.gutter-right {
  width: calc(100% - 20px);
}

.main .page-header {
  margin-top: 0;
}

.right {
  float: right;
}

.full-content-section {
  margin-left: -30px;
  margin-right: -30px;
}

.link {
  cursor: pointer;
}

.bootstrap-select {
  margin-left: -16px !important;
  display: flex;
  flex-direction: column;
}
.bootstrap-select .btn {
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 20px;
  text-transform: none;
}

.nojs {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 100px 50px;
  z-index: 9;
  background-color: #500;
}

#sidenav-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 120vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 997 !important;
  will-change: opacity !important;
  display: hidden !important;
}

.chip .material-icons {
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
}

.selectize-control.multi .selectize-input > div {
  height: unset;
  min-height: 32px;
}

/* froala */
.fr-element p {
  margin-bottom: 0;
}

.stepper.stepper-vertical.stepper-last-line > li:last-child::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: calc(100% - 40px);
  left: 35px;
  top: 55px;
  background-color: rgba(0, 0, 0, 0.1);
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.centered-content {
  justify-content: center;
  align-items: center;
}

.row-gap-0 {
  row-gap: 0;
}

.row-gap-1 {
  row-gap: 8px;
}

.row-gap-2 {
  row-gap: 16px;
}

.row-gap-3 {
  row-gap: 24px;
}

.row-gap-4 {
  row-gap: 32px;
}

.row-gap-5 {
  row-gap: 40px;
}

select.underline {
  border-top: none;
  border-left: none;
  border-right: none;
}
select.underline:hover, select.underline:active {
  box-shadow: none;
}

/* Typesetting colors  */
/* Typesetting weights */
.u-ta-center {
  text-align: center;
}

.u-wrap {
  word-break: break-word;
  white-space: normal;
}

.u-t-border-top {
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

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

.u-no-border-radius {
  border-radius: 0 !important;
}

.cursor-none {
  cursor: auto !important;
}

.fs-18 {
  font-size: 18px !important;
}

.u-fixed-body {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-top--single-nav {
  top: 64px;
}

.width-50 {
  width: 50px;
}

.pointer-events--none {
  pointer-events: none;
}

.bg-gray {
  background-color: #424242;
}

.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.zindex-3 {
  z-index: 3;
}

.zindex-4 {
  z-index: 4;
}

.zindex-5 {
  z-index: 5;
}

.zindex-6 {
  z-index: 6;
}

.zindex-7 {
  z-index: 7;
}

.zindex-8 {
  z-index: 8;
}

.zindex-9 {
  z-index: 9;
}

.zindex-10 {
  z-index: 10;
}

/* Type
 *
 * .type--gray1            - Changes the type to be gray1
 * .type--semibold         - Changes the type to be 500 weight */
.type--gray1,
.type--gray1 * {
  color: #999999;
}

.type--semibold,
.type--semibold * {
  font-weight: 500 !important;
}

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

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

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

.col-form-label, .list-header-item {
  font-weight: bold;
}

.form-actions::after {
  display: block;
  clear: both;
  content: "";
}
.form-actions .btn {
  float: right;
  margin-left: 10px;
}
.form-actions .btn:last-child {
  margin-left: 0px;
}

.progress.progress-asset {
  height: 6px;
  margin-bottom: 8px;
}

.field_with_errors {
  display: inline;
}

.radio-label {
  font-size: 12pt;
  color: #55595c;
}

.picker__wrap {
  margin-bottom: 60%;
}

/* Labels  */
label.label--no-text {
  margin-bottom: 5px;
}

input.input--full-width,
select.select--full-width {
  width: 100%;
}

.char-count-offset {
  margin-top: -36px;
}

.annotation-select-field ul.select-dropdown {
  max-height: 200px;
}

/* options should appear on top of froala toolbar */
.selectize-dropdown {
  z-index: 11;
}

/* until selectize initializes, a native select sizes to its widest option and can overflow its card */
select.selectize:not(.selectized) {
  max-width: 100%;
}

/* Grid  */
.column--middle {
  vertical-align: middle;
}

.column--top {
  vertical-align: top;
}

/* Tables  */
table.table.table-clickable-row tbody tr, table.table.table-clickable-row tbody tr td {
  cursor: pointer;
}

.table.table--borderless td {
  border: none;
}

.table.table--last-row-borderless tr:last-child td {
  border-bottom: none;
}

.table.table--middle td, th {
  vertical-align: middle;
}

.sortable-header {
  cursor: pointer;
}

.arrow {
  position: relative;
  cursor: pointer;
}
.arrow:after {
  font-size: 0;
  line-height: 0;
  bottom: 0;
  left: 5px;
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.arrow.arrow-up:after {
  top: 2px;
  border-bottom: 5px solid #e0e0e0;
}
.arrow.arrow-up.active:after {
  border-bottom: 5px solid #636363;
}
.arrow.arrow-down:after {
  border-top: 5px solid #e0e0e0;
}
.arrow.arrow-down.active:after {
  border-top: 5px solid #636363;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  width: 104%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  font-size: 16px;
}

span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  text-decoration: none;
  outline: 0;
  background-color: #fafafa;
  cursor: pointer;
}

.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

span.twitter-typeahead {
  width: 100%;
}

.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}

.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}

.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}

.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}

.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}

.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}

textarea.plain-disabled {
  background-color: white;
  width: 100%;
}

.ad_design_text {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 232px;
  min-height: 232px;
}

.ad-status-circle {
  height: 18px;
  width: 18px;
  border-radius: 50%;
}

.area-director .dashboard-guide h2 {
  color: #999;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size: 2em;
}
.area-director .dashboard-guide h2:nth-child(n+2) {
  display: none;
}
.area-director .dashboard-guide h2.ads-approved {
  color: #0A9D57;
}
.area-director .dashboard-guide h2.ads-pending {
  color: #EAA422;
}
.area-director .dashboard-guide h2.ads-waiting {
  color: #E50000;
}
.area-director .ad-design-jobs {
  display: none;
}
.area-director .ad-design-jobs.filter-approved table tbody tr, .area-director .ad-design-jobs.filter-pending table tbody tr, .area-director .ad-design-jobs.filter-waiting table tbody tr {
  display: none;
}
.area-director .publication-job-table {
  display: none;
}
.area-director .publication-job-table.job-approved .status-banner, .area-director .publication-job-table.job-pending .status-banner, .area-director .publication-job-table.job-waiting .status-banner {
  color: white;
}
.area-director .publication-job-table.job-approved .status-banner {
  background-color: #0A9D57;
}
.area-director .publication-job-table.job-pending .status-banner {
  background-color: #EAA422;
}
.area-director .publication-job-table.job-waiting .status-banner {
  background-color: #E50000;
}
.area-director .ad-design-jobs .status-banner, .area-director .status-table .status-banner {
  background-color: #eee;
}
.area-director .ad-design-jobs .status-banner .territory-name, .area-director .ad-design-jobs .status-banner .publication-name, .area-director .ad-design-jobs .status-banner .publication-month, .area-director .status-table .status-banner .territory-name, .area-director .status-table .status-banner .publication-name, .area-director .status-table .status-banner .publication-month {
  padding: 0px 15px;
  font-size: 130%;
  font-weight: bold;
}
.area-director .ad-design-jobs .status-banner .publication-month, .area-director .status-table .status-banner .publication-month {
  text-align: right;
}
.area-director .ad-design-jobs .status-banner .status, .area-director .status-table .status-banner .status {
  text-align: center;
  text-transform: uppercase;
  padding-top: 0.5em;
}
.area-director .ad-design-jobs .status .approved, .area-director .ad-design-jobs .status .pending, .area-director .ad-design-jobs .status .waiting, .area-director .status-table .status .approved, .area-director .status-table .status .pending, .area-director .status-table .status .waiting {
  display: none;
}
.area-director .ad-design-jobs.filter-approved, .area-director .ad-design-jobs.filter-pending, .area-director .ad-design-jobs.filter-waiting, .area-director .status-table.filter-approved, .area-director .status-table.filter-pending, .area-director .status-table.filter-waiting {
  display: block;
}
.area-director .ad-design-jobs.filter-approved .status-banner, .area-director .ad-design-jobs.filter-pending .status-banner, .area-director .ad-design-jobs.filter-waiting .status-banner, .area-director .status-table.filter-approved .status-banner, .area-director .status-table.filter-pending .status-banner, .area-director .status-table.filter-waiting .status-banner {
  color: white;
}
.area-director .ad-design-jobs.filter-approved .status .approved, .area-director .status-table.filter-approved .status .approved {
  display: inline;
}
.area-director .ad-design-jobs.filter-approved .status-banner, .area-director .status-table.filter-approved .status-banner {
  background-color: #0A9D57;
}
.area-director .ad-design-jobs.filter-approved tr[data-status=approved], .area-director .status-table.filter-approved tr[data-status=approved] {
  display: table-row;
}
.area-director .ad-design-jobs.filter-pending .status .pending, .area-director .status-table.filter-pending .status .pending {
  display: inline;
}
.area-director .ad-design-jobs.filter-pending .status-banner, .area-director .status-table.filter-pending .status-banner {
  background-color: #EAA422;
}
.area-director .ad-design-jobs.filter-pending tr[data-status=pending], .area-director .status-table.filter-pending tr[data-status=pending] {
  display: table-row;
}
.area-director .ad-design-jobs.filter-waiting .status .waiting, .area-director .status-table.filter-waiting .status .waiting {
  display: inline;
}
.area-director .ad-design-jobs.filter-waiting .status-banner, .area-director .status-table.filter-waiting .status-banner {
  background-color: #E50000;
}
.area-director .ad-design-jobs.filter-waiting tr[data-status=waiting], .area-director .status-table.filter-waiting tr[data-status=waiting] {
  display: table-row;
}

.ad_design_jobs-show,
.cross_sales-show,
.ad_design_jobs-final_review {
  min-height: calc(100vh - 50px);
}

.article-jobs-table-col {
  background-color: white;
  min-height: calc(100vh - 178px);
}
.article-jobs-table-col .nav-search-filter a {
  color: #666;
}
.article-jobs-table-col .nav-search-filter a:hover {
  color: #000;
}

.guide {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2em;
  color: #969696;
  padding: 150px 25% 0px 25%;
}

.caption-image {
  margin-top: 30px;
}

.article-summary .panel-heading {
  min-height: 63px;
}
.new-article-option:hover {
  transition: box-shadow ease-in-out 0.15s;
}

#article-placement-publication-ids .checkbox-collection-wrapper {
  display: block;
}
#article-placement-publication-ids .checkbox-collection-wrapper input[type=radio] + label {
  transform: none;
}
.container-fluid.article-builder {
  display: flex;
  justify-content: center;
  max-width: 1920px;
}
.container-fluid.article-builder .mypopover {
  max-width: 400px;
}
.container-fluid.article-builder .mypopover > .card, .container-fluid.article-builder .mypopover > .month-card {
  padding: 0.5rem;
}
.container-fluid.article-builder .mypopover .n2-card-footer a {
  color: #5E6E82;
  font-style: italic;
  font-weight: 500;
}

.article-builder-form {
  display: grid;
  grid-template-columns: 1fr 10fr 1fr;
  grid-template-rows: 1fr auto 1fr;
  grid-template-areas: "header  header  header" ".       form    ." "footer  footer  footer";
  gap: 1rem;
  min-width: 100vw;
  justify-items: center;
}
.article-builder-form.multiple-column {
  grid-template-areas: "header  header  header" "form       form    form" "footer  footer  footer";
}
.article-builder-form .character-count-container {
  position: relative;
  container-type: inline-size;
  container-name: character-count;
}
.article-builder-form .character-count {
  position: absolute;
  right: 0;
  top: 22%;
  color: #B6C1D2;
}
@container character-count (max-width: 220px) {
  .article-builder-form .character-count {
    position: relative;
  }
}
.article-builder-form .btn {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
@media (min-width: 576px) {
  .article-builder-form .btn {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}
.article-builder-form .disabled {
  filter: grayscale(100%) opacity(50%);
}
.article-builder-form .delete-record-button {
  margin-left: auto;
  float: right;
  cursor: pointer;
  opacity: 0.77;
}
.article-builder-form .delete-record-button:hover {
  opacity: 1;
}
.article-builder-form .delete-all-button,
.article-builder-form .delete-form-button {
  display: flex;
  justify-content: space-between;
  align-content: center;
  max-width: 130px;
  margin-left: auto;
  text-transform: uppercase;
  color: #2C7BE5;
  cursor: pointer;
}
.article-builder-form .delete-all-button {
  max-width: 105px;
}
.article-builder-form textarea {
  background-color: white;
  color: black;
  line-height: 1.5;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  resize: vertical;
  min-height: 90px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.article-builder-form textarea:focus {
  border-color: #2196F3;
}
.article-builder-form:has(.js-article-asset-upload) {
  grid-template-columns: 1fr 10fr 1fr;
}

.article-builder-form-header {
  grid-area: header;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.625rem;
}

.article-builder-form-main {
  grid-area: form;
  align-items: center;
  width: 100%;
}
.article-builder-form-main .layout-type-page {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 7.25rem;
}
.article-builder-form-main .layout-type-page > div {
  justify-self: center;
}
.article-builder-form-main .layout-type-page .radio-button-option {
  display: flex;
  gap: 0.5rem;
  flex-direction: column-reverse;
  align-content: center;
  justify-content: center;
}
.article-builder-form-main .layout-type-page .input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.article-builder-form-main .js-file-loading {
  padding-left: 65px;
}
.article-builder-form-main:has(.article-images-container > .destination > .target) {
  background-color: #f5f5f5;
  gap: 1rem;
}
.article-builder-form-main:has(.article-images-container > .destination > .target) .js-article-asset-upload,
.article-builder-form-main:has(.article-images-container > .destination > .target) .js-asset-upload-body {
  background-color: #F9FAFD;
}
.article-builder-form-main:has(.article-images-container) .secondary .btn {
  display: none;
}
.article-builder-form-main > .js-asset-upload-body > .photo-uploader-info-area {
  display: flex;
  flex-direction: column;
}
.article-builder-form-main .vertical-content {
  display: flex;
  flex-direction: column;
}
.article-builder-form-main .photo-uploader-info-area {
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 3rem;
}
.article-builder-form-main .photo-uploader-info-area .photo-uploader-icon {
  align-self: center;
  max-width: 133px;
  max-height: 133px;
}
.article-builder-form-main .photo-uploader-info-area p {
  padding-left: 4rem;
  padding-right: 4rem;
  border: 2px dashed #D8E2EF;
  border-radius: 6px;
}
.article-builder-form-main [class*=edit_article_layouts] {
  display: grid;
  grid-template-areas: "primary secondary";
  grid-template-columns: 6fr 4fr;
  gap: 3.75rem;
  padding: 0rem 3rem;
  /* Darker hover effect is necessary for buttons not inside cards due to the
  same default background color of the page as the regular hover effect. */
  /* Reset to regular hover effect for buttons inside cards. */
}
.article-builder-form-main [class*=edit_article_layouts]:has(.article-images-container) {
  grid-template-areas: "primary";
  grid-template-columns: 1fr;
  padding: 0rem;
}
.article-builder-form-main [class*=edit_article_layouts] .article-images-container .target:nth-of-type(odd) .card, .article-builder-form-main [class*=edit_article_layouts] .article-images-container .target:nth-of-type(odd) .month-card {
  background-color: #F9FAFD;
}
.article-builder-form-main [class*=edit_article_layouts] .form-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.article-builder-form-main [class*=edit_article_layouts] .card, .article-builder-form-main [class*=edit_article_layouts] .month-card {
  padding: 1.25rem 1rem 2.25rem 3rem;
}
.article-builder-form-main [class*=edit_article_layouts] .card .n2-card-header, .article-builder-form-main [class*=edit_article_layouts] .month-card .n2-card-header {
  padding-right: 0.5rem;
}
.article-builder-form-main [class*=edit_article_layouts] .card .content, .article-builder-form-main [class*=edit_article_layouts] .month-card .content {
  padding-right: 2.25rem;
}
.article-builder-form-main [class*=edit_article_layouts] .primary, .article-builder-form-main [class*=edit_article_layouts] .secondary {
  display: flex;
  flex-direction: column;
}
.article-builder-form-main [class*=edit_article_layouts] .primary {
  grid-area: primary;
  gap: 3.75rem;
}
.article-builder-form-main [class*=edit_article_layouts] .secondary {
  grid-area: secondary;
  gap: 1.5rem;
}
.article-builder-form-main [class*=edit_article_layouts] .secondary .fr-toolbar, .article-builder-form-main [class*=edit_article_layouts] .secondary .fr-second-toolbar {
  background-color: transparent;
}
.article-builder-form-main [class*=edit_article_layouts] .secondary .fr-element {
  background-color: white;
}
.article-builder-form-main [class*=edit_article_layouts] label {
  margin-right: 0.5rem;
}
.article-builder-form-main [class*=edit_article_layouts] input:focus:not([readonly]) + label {
  color: black;
}
.article-builder-form-main [class*=edit_article_layouts] .btn-flat:hover, .article-builder-form-main [class*=edit_article_layouts] .btn-stroked:hover, .article-builder-form-main [class*=edit_article_layouts] .segmented-controls .segmented-control:hover, .segmented-controls .article-builder-form-main [class*=edit_article_layouts] .segmented-control:hover {
  background-color: #eeeeee;
}
.article-builder-form-main [class*=edit_article_layouts] .card .btn-flat:hover, .article-builder-form-main [class*=edit_article_layouts] .month-card .btn-flat:hover, .article-builder-form-main [class*=edit_article_layouts] .card .btn-stroked:hover, .article-builder-form-main [class*=edit_article_layouts] .month-card .btn-stroked:hover, .article-builder-form-main [class*=edit_article_layouts] .card .segmented-controls .segmented-control:hover, .article-builder-form-main [class*=edit_article_layouts] .month-card .segmented-controls .segmented-control:hover, .segmented-controls .article-builder-form-main [class*=edit_article_layouts] .card .segmented-control:hover, .segmented-controls .article-builder-form-main [class*=edit_article_layouts] .month-card .segmented-control:hover {
  background-color: #f5f5f5;
}
.article-builder-form-main [class*=edit_article_layouts] .button-container:has(label) {
  padding-top: 1rem;
}
.article-builder-form-main [class*=edit_article_layouts] ::placeholder {
  color: #B6C1D2;
}
.article-builder-form-main [class*=edit_article_layouts] label[required]:after {
  content: " *";
  color: #EF4444;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2.25rem 2rem 2.25rem 2rem;
  visibility: visible;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container .button-container:has(> .form-expander) .tooltip-button {
  display: none;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) {
  visibility: hidden;
  padding: 0;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) h3, .article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) .tooltip-button {
  display: none;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) .mypopover .n2-card-header h3 {
  display: block;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) .button-container {
  visibility: visible;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) .button-container .form-expander {
  padding-left: 0;
}
.article-builder-form-main [class*=edit_article_layouts] .card-container:has(> .destination.hidden):not(:has(> .card > .delete-record-button)) .button-container:has(> .form-expander) .tooltip-button {
  display: inline-block;
}
@media (max-width: 1279px) {
  .article-builder-form-main [class*=edit_article_layouts] {
    grid-template-columns: 1fr;
    grid-template-areas: "primary" "secondary";
    gap: 2rem;
  }
}
.article-builder-form-main .js-article-asset-upload {
  display: flex;
  justify-content: end;
  padding-top: 2rem;
  padding-right: 2rem;
}
.article-builder-form-main:has(.js-asset-upload-body) {
  margin-right: 0;
  margin-left: 0;
}
.article-builder-form-main:has(.js-asset-upload-body) .navbar, .article-builder-form-main:has(.js-asset-upload-body) .section-header {
  background-color: white;
}
.article-builder-form-main .js-asset-upload-body {
  background-color: white;
  width: 100%;
  min-height: 50dvh;
  justify-content: center;
}

.article-builder-form-footer {
  grid-area: footer;
  display: flex;
  justify-content: space-between;
  padding-top: 4.5rem;
  margin: 0 20vw 0 20vw;
  width: 60vw;
}
.article-builder-form-footer .btn {
  align-content: center;
  max-height: 2.5rem;
}

.article-builder-form-footer div:only-child,
.article-builder-form-footer button:only-child {
  margin-left: auto;
}

.image-preview img {
  max-width: 100px; /* Adjust as needed */
  height: auto;
  border-radius: 5px;
}

.article-image-form-fields {
  display: flex;
  flex-direction: column; /* Stack labels and inputs vertically */
  gap: 5px;
}

.article-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

@keyframes alert-box-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}
.alert-spinner {
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
}
.alert-spinner:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  border: 2px solid rgba(0, 64, 133, 0.81);
  border-radius: 100%;
  border-right-color: transparent;
  animation: 1s linear infinite alert-box-spinner-spin;
}

/* Simpli.fi campaigns audit page (er_plus_jobs/:id/simplifi_campaigns). */
.simplifi-audit__well {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.simplifi-audit__ext-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.simplifi-audit__row:not(:last-child) {
  margin-bottom: 24px;
}

.simplifi-audit__row--loading {
  opacity: 0.55;
  transition: opacity 0.15s ease-in-out;
  pointer-events: none;
}

.simplifi-audit__row--error > .card, .simplifi-audit__row--error > .month-card {
  box-shadow: inset 0 0 0 2px #f44336;
}

.simplifi-audit .chip {
  height: 26px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.4px;
}

.simplifi-audit .chip > i.material-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 12px;
}

.simplifi-audit .chip.green > i.material-icons {
  color: #4caf50;
}

.simplifi-audit .chip.red > i.material-icons {
  color: #f44336;
}

.simplifi-audit .chip.amber > i.material-icons {
  color: #ffa000;
}

.btn-link {
  color: #2196F3;
  font-weight: 600;
}
.btn-link:focus, .btn-link:hover {
  background-color: #D1DCEC;
}
.btn-link:active {
  color: #fff;
  background-color: #2196F3;
  background-color: rgb(11.0153846154, 118.4153846154, 203.7846153846);
  background-image: radial-gradient(circle, rgb(11.0153846154, 118.4153846154, 203.7846153846) 10%, #2196F3 11%);
  background-repeat: no-repeat;
}

.btn-link.btn-sm, .btn-group-sm > .btn-link.btn {
  font-size: 10px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn-primary--important {
  color: #2196F3 !important;
}

.text-center .btn-dequeue, .year-month-option .btn-dequeue, .two-column-form__sidebar .btn-dequeue {
  margin-top: -50px;
  font-size: 24px;
  padding: 11px 14px;
}

.link-unstyled {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:link {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}

.btn.btn-link.unstyled {
  text-decoration: none;
  padding: 0;
  box-shadow: unset;
  border-radius: 5px;
}

.btn-hidden {
  display: none;
}

.layout-selection-form .radio-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.layout-selection-form .radio-button-row input[type=radio] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.layout-selection-form .radio-button-row input[type=radio]:checked + .radio-image {
  border-color: #28a745;
}
.layout-selection-form .radio-button-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  gap: 20px;
}
.layout-selection-form .radio-button-option .radio-image {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
  border: 2px solid transparent;
  transition: border-color 0.3s;
}
.layout-selection-form .radio-button-option:hover .radio-image {
  border-color: #007bff;
}

.layout-selection-page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hidden-template {
  display: none;
}

.btn.delete-form-button {
  background-color: #fff;
  border: none;
}

.day.deadline,
.day.new.deadline {
  color: red;
  font-weight: bold;
}

.info-card {
  background-color: white;
}

.deadline-card {
  margin: 20% 0;
}

.notification-preference-card {
  width: 350px;
}

.card--with-arrow-right:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  position: absolute;
  right: 13px;
  top: -8px;
}

.card-head h5 {
  max-height: 24px;
}
.card-head i {
  max-height: 24px;
}

.dashboard-circles {
  padding-left: 2px;
  padding-right: 2px;
}
.dashboard-circles .dashboard-circle {
  cursor: pointer;
}
.dashboard-circles .dashboard-circle.disable {
  opacity: 0.5;
}
.dashboard-circles .circles-text {
  position: relative;
}
.dashboard-circles .circles-text span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
}
.dashboard-circles .circles-text .circle-count {
  font-size: 85%;
  font-weight: bold;
  margin-top: -10%;
}
.dashboard-circles .circles-text .circle-label {
  margin-top: 15%;
  font-size: 32%;
  text-transform: uppercase;
}

.dashboard-greeting th.prev, .dashboard-greeting th.next {
  opacity: 0;
  cursor: default !important;
}

.design-team-user-details .name {
  font-size: 25px;
  font-weight: 500;
}
.design-team-user-details .position {
  font-size: 15px;
}
.design-team-user-details .card-2, .design-team-user-details .annotated-asset .asset-image, .annotated-asset .design-team-user-details .asset-image {
  overflow: auto;
  padding-bottom: 25px;
  margin: 15px 0;
}
.design-team-user-details .card-2 .avatar, .design-team-user-details .annotated-asset .asset-image .avatar, .annotated-asset .design-team-user-details .asset-image .avatar {
  width: 100px;
  height: 100px;
  margin-top: 109px;
}
.design-team-user-details .position {
  margin-bottom: 25px;
}
.design-team-user-details .assignment-count {
  color: #2196F3;
  font-size: 15px;
  margin-bottom: 25px;
}
.design-team-user-details nav, .design-team-user-details img {
  margin-bottom: 45px;
}
.design-team-user-details .details-section .details-content {
  font-size: 18px;
  font-weight: 500;
}
.design-team-user-details .details-section .details-heading {
  margin-bottom: 15px;
  font-size: 15px;
}
.design-team-user-details .list-group-item .row, .design-team-user-details .list-group-borderless .list-group-item-header-row .row, .list-group-borderless .design-team-user-details .list-group-item-header-row .row, .design-team-user-details .list-group-item .two-column-form, .design-team-user-details .list-group-borderless .list-group-item-header-row .two-column-form, .list-group-borderless .design-team-user-details .list-group-item-header-row .two-column-form {
  margin-left: 0;
  margin-right: 0;
}
.design-team-user-details .striped-row {
  background-color: #f9f9f9;
}
.design-team-user-details .card-footer {
  border-top: 1px solid #999999;
}
.design-team-user-details .card-footer h3 {
  padding: 0 16px;
}

.article_job_queues-show {
  background: "/assets/designer/background-4k-0033751c508a33d15c9cf7e123ec3f607c9e3031104f0e157b167bedfdc12fbe.png";
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 50px);
}

.article_jobs-show {
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 50px);
}
.article_jobs-show #article_text ol, .article_jobs-show #article_text li {
  list-style-type: decimal;
}
.article_jobs-show #article_text ul {
  list-style-type: initial;
  padding-left: 40px;
}
.article_jobs-show #article_text ul li {
  list-style-type: initial;
}

.full-height {
  padding-bottom: 100%;
  margin-bottom: -100%;
}

.nav-label {
  color: #bbbbbb;
}

.img-full {
  width: 100%;
}

.height-450 {
  height: 450px;
}

.label-outline {
  color: #55595c;
  border: 2px solid #eceeef;
  font-size: 1rem;
  font-weight: normal;
}

.label--no-outline {
  color: #55595c;
  font-size: 1rem;
  font-weight: normal;
}

.form-control-label-group {
  padding-left: 10px;
  padding-top: 5px;
}
.form-control-label-group .label {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

.fw-medium {
  font-weight: 500;
}

.fw-heavy {
  font-weight: 700 !important;
}

.list-group-borderless .list-group-item, .list-group-borderless .list-group-item-header-row {
  border: none;
  border-top: none !important;
  padding: 7px;
}
.list-group-borderless .list-group-item.active, .list-group-borderless .active.list-group-item-header-row {
  color: white;
}
.list-group-borderless .list-group-item-header-row {
  border-bottom: 2px solid #eceeef;
}

.list-group.collapsible.local-events-list .list-group-item, .list-group.collapsible.local-events-list .list-group-borderless .list-group-item-header-row, .list-group-borderless .list-group.collapsible.local-events-list .list-group-item-header-row {
  color: #212121;
}
.list-group.collapsible.local-events-list .list-group-item:hover, .list-group.collapsible.local-events-list .list-group-borderless .list-group-item-header-row:hover, .list-group-borderless .list-group.collapsible.local-events-list .list-group-item-header-row:hover {
  color: #212121 !important;
}
.list-group.collapsible.local-events-list .list-group-item.active h3, .list-group.collapsible.local-events-list .list-group-borderless .active.list-group-item-header-row h3, .list-group-borderless .list-group.collapsible.local-events-list .active.list-group-item-header-row h3 {
  display: none;
}

.list-status-side-bar {
  height: 100%;
  width: 8px;
  position: absolute;
  left: 0;
}

.list-group-item.forced-separator, .list-group-borderless .forced-separator.list-group-item-header-row {
  border-bottom: 1px solid #e0e0e0 !important;
}

#mercury-notifications {
  margin-left: 10px;
  max-height: 24px;
}

.month-card {
  padding: 15px;
  color: #9E9E9E;
}
.month-card .prev-year, .month-card .next-year, .month-card td {
  cursor: pointer;
}
.month-card .year-mover {
  display: flex;
  justify-content: space-between;
  font-size: 22px;
  line-height: 29px;
}
.month-card .year-mover i {
  font-size: 28px;
}
.month-card .month-grid table {
  border-collapse: separate;
  border-spacing: 2px;
}
.month-card .month-grid td {
  background-color: #FAFAFA;
  padding: 7px 5px;
  font-size: 12px;
  text-align: center;
}
.month-card .month-grid td.selected {
  background-color: #2196F3;
  color: #FFF;
}

.navbar-aux-style, .navbar-secondary, .navbar-aux-half {
  z-index: 0;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.navbar-secondary {
  font-weight: bold;
  text-transform: uppercase;
  z-index: 4;
}

.nav-center {
  width: 100%;
  text-align: center;
}
.nav-center > li {
  float: none;
  display: inline-block;
}

.nav-search-filter {
  text-transform: uppercase;
  z-index: 3;
}

.annotation-helper-nav {
  text-transform: uppercase;
  font-weight: bold;
}
.annotation-helper-nav .navbar-brand {
  font-size: 16px;
  font-weight: bold;
}
.annotation-helper-nav .btn {
  font-weight: bold;
}

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

.n2-shopping-cart {
  position: relative;
  margin-left: 20px;
  margin-right: 10px;
  color: white;
}
.n2-shopping-cart .material-icons {
  line-height: unset;
}
.n2-shopping-cart .n2-badge {
  position: absolute;
  bottom: 18px;
  left: 18px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  text-align: center;
  line-height: 15px;
}

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

.with-line-breaks {
  white-space: pre-wrap;
}

.page-item > a:not(.active) {
  background-color: transparent;
}

.panel-footer {
  background: transparent;
}
.panel-footer::after {
  display: block;
  clear: both;
  content: "";
}
.panel-footer .btn {
  margin-right: 10px;
}
.panel-footer .panel-footer-right .btn {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.panel-footer .panel-footer-right .btn:last-child {
  margin-left: 0px;
}

h1.panel-title {
  font-size: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2.panel-title {
  font-size: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}

h3.panel-title {
  font-size: 34px;
  padding-top: 10px;
  padding-bottom: 10px;
}

h4.panel-title, .panel-title.dropdown-button.in-header {
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}

h5.panel-title {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

h6.panel-title {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.area-director-panel-title {
  padding-left: 30px;
}

.screen-right {
  border-right: 2px solid white;
}

.screen-left h4, .screen-left .dropdown-button.in-header {
  color: #818a91;
}
.screen-left h4.nav-brand, .screen-left .nav-brand.dropdown-button.in-header {
  padding-left: 10%;
  color: white;
}

.screen-nav {
  background-color: #818a91;
  height: 55px;
  color: white;
}

.centered-text {
  text-align: center;
}

.info-card {
  color: #818a91;
}
.info-card #article_text, .info-card #article_design_requests {
  min-height: 77pt;
}

.pre-press-preview img {
  max-width: 100%;
}

.publication_jobs-show #details-action-dropdown button, .manual_order_entries-show #details-action-dropdown button {
  color: #212121;
  background-color: transparent;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.custom_labels-show #details-action-dropdown button, .promos-show #details-action-dropdown button {
  color: #212121;
  background-color: transparent;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.search-nav {
  z-index: 5;
  min-height: 50px;
  background-color: #eee;
}
.search-nav ::-webkit-input-placeholder {
  color: #777;
}
.search-nav :-moz-placeholder {
  color: #777;
}
.search-nav ::-moz-placeholder {
  color: #777;
}
.search-nav :-ms-input-placeholder {
  color: #777;
}
.search-nav input.form-control {
  margin-top: 7px;
  border: 0;
  box-shadow: none !important;
  color: #333;
}
.search-nav .search-submit, .search-nav .search-input {
  padding: 0;
}
.search-nav .search-btn {
  background: "/assets/sprite-vector-f7589fb3a77f773de3fa9d27b7cbdd1118b11243886158ba4cc406aa3aae69f6.svg" 0px 0px no-repeat scroll;
  border: 0;
  color: rgba(0, 0, 0, 0);
  margin: 0;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
.search-nav .sidebar-toggle button {
  float: none;
  margin-top: 8px;
  margin-bottom: 0;
}

.search-bar-icon {
  text-decoration: none !important;
  color: #979797;
  font-size: 22px;
}
.search-bar-icon span {
  margin-top: 11px;
}
.search-bar-icon:hover, .search-bar-icon:visited {
  color: #979797;
  text-decoration: none !important;
}

.share-extra-fields {
  display: none;
}

.js-hide-share-extra-fields {
  display: none;
}

.js-show-share-extra-fields {
  display: block;
}

.shares-new {
  background: #818a91;
}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 72px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #EAA422;
  border-radius: 10px;
  padding: 7px;
}

.btn .tooltip-text {
  word-wrap: unset;
  text-transform: none;
  white-space: unset;
}

.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #EAA422;
  padding: 5px;
  z-index: 1;
}

.tooltip-hover:hover .tooltip-text {
  visibility: visible;
}

#tooltip-top {
  top: -50px;
  left: -30px;
}

#tooltip-top::before {
  top: 80%;
  left: 45%;
}

.tooltip-hover {
  position: relative;
  display: inline-block;
  margin: 5px 0 10px 5px;
  text-align: center;
}

.mypopover {
  position: absolute;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border: none;
  max-width: 50vw; /* Popover will be no wider than 50% of the viewport width */
  width: 100%;
  z-index: 1000; /* Ensures the popover appears on top */
  background: transparent;
  overflow: visible;
}

.button-container {
  display: inline-flex; /* Ensures buttons appear next to each other */
  align-items: center;
  width: 100%; /* Ensures each form expander is on a new line */
}

.tooltip-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.toggletip-close.btn-icon {
  border: none;
}

.user-list, .design-team-list {
  height: calc(100vh - 115px);
  overflow-y: auto;
}
.user-list.team, .design-team-list.team {
  height: calc(100vh - 278px);
}
.user-list .letter, .design-team-list .letter {
  color: #2196F3;
  font-size: 33px;
  font-weight: 300;
  z-index: 1;
}
.user-list .name, .design-team-list .name {
  font-size: 25px;
  font-weight: 500;
}
.user-list .position, .design-team-list .position {
  font-size: 15px;
}
.user-list .user-container, .design-team-list .user-container {
  border: none;
  margin-bottom: 1px;
}
.user-list .user-container .designer-avatar img, .design-team-list .user-container .designer-avatar img {
  width: 75px;
  height: 75px;
}
.user-list .user-container.selected, .design-team-list .user-container.selected {
  background-color: #2196F3 !important;
  box-shadow: 0 1px 3px;
}
.user-list .user-container.selected .list-group-item-heading, .design-team-list .user-container.selected .list-group-item-heading {
  color: white;
}
.user-list .user-container.selected .list-group-item-text, .design-team-list .user-container.selected .list-group-item-text {
  color: #ddd;
}
.user-list hr, .design-team-list hr {
  width: 100%;
}

.design-team-list {
  height: 100%;
}

[contenteditable=true] {
  display: inline-block;
  font-size: 20px;
  word-break: word-wrap;
  width: 100%;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: #818a91;
  display: block;
}
[contenteditable=true]:focus {
  cursor: text;
  display: inline-block;
}

.container.edition-mailing-list {
  max-width: 1440px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.container.edition-mailing-list .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.metric {
  font-size: 1.6rem;
}

.pseudo-table-row {
  background-color: #E8E8E8;
}

.myaddress-badge {
  background-color: #FDE6D8;
  color: #9a4621;
  font-size: 1rem;
}

.reader-badge {
  background-color: #D9F8EB;
  color: #349560;
  font-size: 1rem;
}

.client-badge {
  background-color: #D8F3FF;
  color: #186693;
  font-size: 1rem;
}

.expiring-clients {
  border-top: 4px solid #BF2E48;
}

.do-not-run {
  border-top: 4px solid #F3895A;
}

.adjusted-quantity {
  border-top: 4px solid #00D27A;
}

.do-not-mail {
  border-top: 4px solid #00B0FF;
}

input[type=checkbox] + label {
  color: #666;
}

.table-text-truncate-wide {
  display: inline-block;
  max-width: 20rem;
}

.table-text-truncate {
  display: inline-block;
  max-width: 14rem;
}

.table-text-truncate-narrow {
  display: inline-block;
  max-width: 8rem;
}

@media (min-width: 1200px) {
  .metric-card:last-child {
    border-right: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .metric-card:nth-child(3n) {
    border-right: none !important;
  }
  .metric-card {
    border-left: none !important;
  }
}
@media (max-width: 767px) {
  .metric-card {
    border-right: none !important;
  }
  .metric-card {
    border-left: none !important;
  }
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.centered-page-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: 140px;
}

.w-500 {
  width: 500px;
}

.radio-check-overlay {
  left: 25px;
  top: 10px;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.asset-preview-small {
  height: 170px;
}
.asset-preview-small h3 {
  line-height: 170px;
}

.asset-preview-xsmall {
  height: 125px;
}
.asset-preview-xsmall p {
  line-height: 125px;
}

.upload-container {
  bottom: 0;
  position: fixed;
  left: 20px;
}

.bg-photo {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.no-preview-text-lineheight {
  line-height: 1000px;
}

.messages {
  top: 0;
  padding-top: 10px;
  position: relative;
  text-align: left;
  height: 260px;
  overflow-y: scroll;
}
.messages .message {
  padding: 10px;
  position: relative;
  font-size: 14px;
  border-radius: 2px;
  word-wrap: break-word;
}
.messages .message p {
  margin-bottom: 0;
}
.messages .message:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
}
.messages .message.blue-message {
  background-color: #2196F3;
  color: #fff;
}
.messages .message.blue-message:after {
  border-bottom: 8px solid transparent;
  border-right: 12px solid #2196F3;
  right: 0;
}
.messages .message.blue-message.red:after {
  border-right: 12px solid #FF5252;
}
.messages .message.orange-message {
  background-color: #ffe0b2;
  color: #616161;
}
.messages .message.orange-message:after {
  border-bottom: 8px solid transparent;
  border-left: 12px solid #ffe0b2;
  left: 0;
}
.messages .message.orange-message.red:after {
  border-left: 12px solid #FF5252;
}
.messages .message.grey-message {
  background-color: #f5f5f5;
  color: #616161;
}
.messages .message.grey-message:after {
  border-bottom: 8px solid transparent;
  border-left: 12px solid #f5f5f5;
  left: 0;
}
.messages .message.grey-message.red:after {
  border-left: 12px solid #FF5252;
}
.messages .message.generic {
  width: 250px;
}
.messages .message.generic + small {
  margin: 0 70px 0 0;
}
.messages .message.attachment {
  background-color: transparent !important;
  width: 200px;
  right: 0;
  padding: 0;
}
.messages .message.attachment:after {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.messages .message.attachment.blue-message {
  margin: 0 0 0 100px;
}
.messages .message.attachment + small {
  margin: 0 0 0 100px;
}

.annotated-asset {
  position: relative;
}
.annotation-container {
  width: 360px;
  z-index: 10;
}

.annotation, .list-annotation {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  height: 40px;
  width: 40px;
  padding: 0;
  color: #FFFFFF;
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.4);
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}
.annotation.approved, .approved.list-annotation {
  background: #00C853;
}

.annotation-checked {
  position: relative;
  top: 6px;
  left: 1px;
}

.list-annotation {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  height: 32px;
  width: 32px;
  position: relative;
  border-radius: 16px;
  line-height: 32px;
}
.list-annotation.resolved {
  background: #00C853;
}
.list-annotation.csr-note {
  background: #ffca28;
}
.list-annotation.standard {
  background: #ff4081;
}

input[type=text].remove-page {
  border-bottom-color: #bdbdbd;
  margin: 0 12px;
  width: 46px;
  font-size: 28px;
  text-align: center;
}

input[type=text].remove-page-danger {
  border-bottom: 2px solid #ff4444 !important;
}
input[type=text].remove-page-danger:focus {
  box-shadow: none !important;
}

.emoji-image {
  width: 22px;
}

.emoji-image-lg {
  width: 32px;
}

.resolved-anno-checkbox {
  left: 50px;
  bottom: 0px;
  position: absolute;
}
.resolved-anno-checkbox [type=checkbox]:checked + label:before {
  border-right: 2px solid #37474f !important;
  border-bottom: 2px solid #37474f !important;
}
.resolved-anno-checkbox [type=checkbox]:checked + label:after {
  border: 2px solid #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.resolved-anno-checkbox [type=checkbox]:not(:checked) + label:after {
  border: 2px solid #FFFFFF !important;
  background-color: transparent !important;
}

.column--anno-list-view small p {
  margin-bottom: 0;
}

#article-summary-photos {
  display: grid;
  grid-gap: 16px;
}
@media only screen and (min-width: 0px) {
  #article-summary-photos {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 992px) {
  #article-summary-photos {
    grid-template-columns: 1fr 1fr;
  }
}
#article-summary-photos .none-text {
  grid-column: 1/3;
}

.asset-feature {
  border: 6px solid #2196F3;
}

.input--icon-wrapper {
  display: flex;
  flex-direction: row;
}
.input--icon-wrapper .md-form {
  flex: 1;
}

.input-icon {
  padding: 10px;
}

.year-month-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 80px));
  grid-gap: 8px;
}

.year-month-option {
  background-color: #eeeeee;
  color: #424242;
  cursor: pointer;
}

.year-month-option.year-month-option--selected {
  background-color: #2196F3;
  color: white;
}

.article-chips-container {
  overflow: hidden;
  display: flex;
  white-space: nowrap;
}

.listings-container {
  display: grid;
}

.listings-grid {
  display: grid;
  grid-gap: 30px;
}
@media only screen and (min-width: 0px) {
  .listings-grid {
    grid-template-columns: repeat(1, minmax(262px, 1fr));
  }
}
@media only screen and (min-width: 768px) {
  .listings-grid {
    grid-template-columns: repeat(2, minmax(262px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .listings-grid {
    grid-template-columns: repeat(3, minmax(262px, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .listings-grid {
    grid-template-columns: repeat(4, minmax(262px, 1fr));
  }
}

.listing-card {
  min-height: 249px;
}

.logo-square {
  width: 50%;
  border: 1px solid black;
}

i.bookmark {
  color: #2196F3;
}

.navbar, .section-header {
  margin-bottom: initial !important;
}

.side-nav a {
  font-size: initial !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: initial !important;
}

.nav {
  line-height: 1.5;
}

.side-nav ul li.active {
  background-color: #eeeeee;
}

.u-no-border {
  border: none !important;
}

.bg-yellow {
  background-color: yellow !important;
}

.side-nav li.separator:not(:first-child) {
  border-top: 1px solid #e0e0e0;
}

.side-nav li.separator.active:first-child {
  border-bottom: 1px solid #e0e0e0 !important;
}

.side-nav li.separator {
  border-bottom: none !important;
}

.u-max-h--300 {
  max-height: 300px !important;
}

.list-group-flush.no-hover > .list-group-item:after, .list-group-borderless .list-group-flush.no-hover > .list-group-item-header-row:after {
  z-index: 1 !important;
  height: 1px !important;
}

.nav > li.disabled > a {
  color: rgba(255, 255, 255, 0.3) !important;
}

.fs-xl {
  font-size: 32px;
}

.fs-xxl {
  font-size: 40px;
  line-height: 47px;
}

.lh-300 {
  line-height: 300px;
}

.lh-600 {
  line-height: 600px;
}

.card--details > .list-group > .list-group-item, .list-group-borderless .card--details > .list-group > .list-group-item-header-row {
  align-items: flex-start !important;
}

.rotate-90 {
  transform: rotate(90deg);
}

.bg-green-success {
  background-color: #00C853 !important;
}

.wrapped-integer {
  font-size: 16px;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid #9E9E9E;
  vertical-align: middle;
  margin: 0px 5px;
}

i.icon-white-background:after {
  position: absolute;
  background-color: #fff;
  height: 16px;
  width: 16px;
  content: "";
  left: 4px;
  z-index: -1;
  top: 3px;
  border-radius: 50%;
}

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

.btn-primary--inverted {
  background: #FFFFFF !important;
  color: #2196F3 !important;
}
.btn-primary--inverted:hover, .btn-primary--inverted:focus {
  background: #FFFFFF !important;
  color: #2196F3 !important;
}

.outline-dashed {
  outline-style: dashed;
}

.outline-blue {
  outline-color: #2196F3;
}

.card--disabled {
  opacity: 0.4;
}
.card--disabled.u-hover--raised:hover {
  opacity: 1;
}

.pointer-event--initial {
  pointer-events: initial !important;
}

.btn--no-focus:focus {
  background-color: transparent !important;
}

.btn--no-hover:hover {
  background-color: transparent !important;
}

.input--border-bottom {
  border-bottom: 1px solid #B0B8BF;
}

.btn-red {
  background-color: #F44336 !important;
}

.checkbox--invalid {
  border: 1px solid #F44336 !important;
}

.forced-separator {
  border-bottom: 1px solid #e0e0e0;
}

.default-placeholder {
  color: #fff;
  background-color: #545454;
}

.csv-placeholder,
.xls-placeholder,
.xlsx-placeholder {
  background: #00C853;
}

.doc-placeholder,
.docx-placeholder {
  background: #0091ea;
}

.psd-placeholder {
  background: #0D47A1;
}

.ppt-placeholder,
.pptx-placeholder,
.ps-placeholder {
  background: #ff9100;
}

.eps-placeholder,
.tif-placeholder,
.tiff-placeholder {
  background: #ffab00;
}

.indd-placeholder,
.ai-placeholder {
  background: #ffd600;
}

.pdf-placeholder {
  background: #E53935;
}

.bmp-placeholder,
.txt-placeholder {
  background: #607d8b;
}

.preview-asset {
  max-height: 1000px;
  max-width: 100%;
  width: auto;
}

.info-card--absolute {
  background-color: white;
  position: absolute;
  right: 0;
  top: 64px;
  padding-top: 48px;
  min-height: 750px;
}
@media (max-width: 768px) {
  .info-card--absolute {
    position: relative;
  }
}

.navbar.n2-navbar.hidden, .n2-navbar.hidden.section-header {
  display: none !important;
}

.safe-area.inactive {
  position: relative;
  display: inline-block;
}
.safe-area.inactive:before {
  content: "";
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
}
.safe-area.inactive:after {
  content: "";
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.safe-area {
  position: relative;
  display: inline-block;
}
.safe-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
}
.safe-area:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#assigned_ad_specs label {
  margin-right: 32px;
}

a.list-group-item, .list-group-borderless a.list-group-item-header-row,
button.list-group-item,
.list-group-borderless button.list-group-item-header-row {
  color: #555;
}

a.list-group-item .list-group-item-heading, .list-group-borderless a.list-group-item-header-row .list-group-item-heading,
button.list-group-item .list-group-item-heading,
.list-group-borderless button.list-group-item-header-row .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover, .list-group-borderless a.list-group-item-header-row:hover,
button.list-group-item:hover,
.list-group-borderless button.list-group-item-header-row:hover,
a.list-group-item:focus,
.list-group-borderless a.list-group-item-header-row:focus,
button.list-group-item:focus,
.list-group-borderless button.list-group-item-header-row:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item, .list-group-borderless button.list-group-item-header-row {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-borderless .disabled.list-group-item-header-row,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading, .list-group-borderless .disabled.list-group-item-header-row .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-borderless .disabled.list-group-item-header-row .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active, .list-group-borderless .active.list-group-item-header-row,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading, .list-group-borderless .active.list-group-item-header-row .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-borderless .active.list-group-item-header-row .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-borderless .active.list-group-item-header-row .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-borderless .active.list-group-item-header-row .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

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

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

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

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

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

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

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

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

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

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

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-icon-tiny {
  font-size: 8px;
}

tr.info {
  background-color: #c2eef3;
}

.breadcrumb {
  padding: 8px 15px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #818a91;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-element, .fr-element:focus {
  outline: 0 solid transparent;
}

.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important;
}

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element [contenteditable=true] {
  outline: 0 solid transparent;
}

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333;
}

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #333333;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-wrapper {
  position: relative;
  z-index: 1;
}

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef;
  }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto;
  }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none;
  }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px;
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333;
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px;
}

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: "";
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px;
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333;
}

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333;
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}

.fr-popup.fr-mobile .fr-command:focus-visible {
  outline: none;
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s;
}

.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

body.fr-prevent-scroll {
  overflow: hidden;
}

body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}

.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4, .fr-modal .fr-modal-wrapper .fr-modal-head .dropdown-button.in-header {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}

ol.decimal_type {
  counter-reset: item;
}

ol.decimal_type > li {
  display: block;
  position: relative;
}

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;
}

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px;
}

.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}
@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}
.fr-popup .fr-input-focus {
  background: whitesmoke;
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  display: none !important;
}

.fr-popup.fr-empty {
  display: none !important;
}

.fr-popup .fr-hs {
  display: block !important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0;
}

.fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number], .fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s;
}

.fr-popup .fr-input-line input[type=text]:hover, .fr-popup .fr-input-line input[type=number]:hover, .fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151;
}

.fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line input[type=number]:focus, .fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number] {
  height: 46px;
}

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text;
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
}

.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden;
}

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px;
  }
}
.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}

.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none;
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px;
}

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}

.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s;
}

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-toolbar::after {
  height: 0;
}

.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}

.fr-toolbar .fr-float-right {
  float: right;
}

.fr-toolbar .fr-float-left {
  float: left;
}

.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}

.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px;
}

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}
.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}

.fr-toolbar .fr-popup .fr-command:focus-visible {
  outline: none;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630;
}

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0;
}

.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}

.fr-toolbar.fr-inline .fr-more-toolbar {
  position: absolute !important;
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
  position: relative !important;
}

.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s;
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF;
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}

.fr-separator + .fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px;
}

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - 8px);
  margin: 0 4px;
  height: 1px;
}

.fr-separator.fr-hidden {
  display: none !important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  display: inline-block;
}

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-second-toolbar:empty {
  min-height: 10px;
  position: relative;
  margin-top: -1px;
  z-index: 2;
}

#fr-logo {
  float: left;
  outline: none;
}

#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
}

#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer;
}

#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s;
}

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7;
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  position: fixed;
  z-index: 10;
}

.fr-sticky-on.fr-sticky-ios {
  position: -webkit-sticky;
  left: 0;
  right: 0;
  width: auto !important;
}

.modal .fr-sticky-on {
  position: sticky;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

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

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video,
.fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5;
}

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3;
}

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545;
}

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545;
}

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1;
}

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important;
}

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3;
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3;
}

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3;
}

.fr-track-hide {
  display: none;
}

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box;
}

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

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #DDD;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view table tfoot td {
  background: #ececec;
}

.fr-view .fr-mso-hidden {
  display: none;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "📎";
  font-weight: normal;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}

.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #AAA !important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}

.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: 0.5;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}

/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  min-width: 10px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-code-view .fr-counter {
  display: none;
}

.rich-text-editor .breadcrumb {
  padding: 5px 15px;
  margin-bottom: 0px;
  margin-top: 2px;
}
.rich-text-editor .breadcrumb li.over {
  color: #d50000;
}
.rich-text-editor .breadcrumb li.under {
  color: #ff5722;
}
.rich-text-editor ul {
  list-style-type: initial !important;
  padding-left: 40px;
}
.rich-text-editor ul li {
  list-style-type: initial !important;
}

.rich-text-editor + label {
  margin-bottom: -20px;
  width: 150px !important;
  z-index: 150;
}

.rich-text-editor:focus + label {
  width: 150px !important;
}

.rich-text-editor:focus + label.active {
  color: #2196F3;
  width: 150px !important;
}

.n2-material-theme.fr-box [contenteditable=true] {
  font-size: inherit;
}

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

.n2-material-theme:focus {
  outline: 0;
}

.n2-material-theme.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 10px;
  overflow-x: auto;
  min-height: 40px;
}

.n2-material-theme .fr-element {
  -webkit-user-select: auto;
}

.n2-material-theme .fr-element.fr-view {
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme .fr-element.fr-view:focus {
  border-bottom: 1px solid #2196F3;
}

.n2-material-theme.fr-box a.fr-floating-btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 42px;
  width: 52px;
  padding: 0 6px;
  background: transparent;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  left: 0;
  top: 0;
  line-height: 42px;
  border: none;
}

.n2-material-theme.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}

.n2-material-theme.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px;
}

.n2-material-theme.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
}

.n2-material-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}

.n2-material-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
  right: 0;
}

.n2-material-theme .fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}

.n2-material-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}

.n2-material-theme.fr-box.fr-basic .fr-wrapper {
  background: transparent;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}

.n2-material-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0;
}

.n2-material-theme.fr-box .fr-counter {
  color: #9e9e9e;
  background: transparent;
  border: none;
  word-spacing: 5px;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: -6px;
  font-family: inherit;
}

.n2-material-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border: none;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.n2-material-theme textarea.fr-code {
  background: transparent;
  color: #000000;
}

.n2-material-theme.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  color: #9e9e9e;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}

.n2-material-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 16px;
  width: 16px;
}

.n2-material-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.n2-material-theme.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #222222;
  padding: 8px 0;
}

.n2-material-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.n2-material-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
  bottom: 0;
  left: 0;
  background: #1e88e5;
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}

.n2-material-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-color-set {
  line-height: 0;
}

.n2-material-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0;
}

.n2-material-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.n2-material-theme.fr-popup .fr-color-set > span:hover,
.n2-material-theme.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
}

.n2-material-theme .fr-drag-helper {
  background: #1e88e5;
}

.n2-material-theme.fr-popup .fr-link:focus {
  background: #ebebeb;
}

.n2-material-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.n2-material-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
}

.n2-material-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.n2-material-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #1e88e5;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
}

.n2-material-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

.n2-material-themediv.fr-modal-body .fr-preloader {
  margin: 50px auto;
}

.n2-material-themediv.fr-modal-body div.fr-image-list {
  padding: 0;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  background: #cccccc;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff;
}

.n2-material-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #1e88e5;
}

.n2-material-theme.n2-material-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}

.n2-material-theme.n2-material-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

.n2-material-theme.n2-material-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff;
}

.n2-material-theme.n2-material-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.n2-material-theme .fr-line-breaker {
  border-top: 1px solid #1e88e5;
}

.n2-material-theme .fr-line-breaker a.fr-floating-btn {
  left: 34%;
  top: -16px;
}

.n2-material-theme .fr-qi-helper {
  padding-left: 10px;
}

.n2-material-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #9e9e9e;
}

.n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #cccccc;
}

.n2-material-theme .fr-view strong {
  font-weight: 700;
}

.n2-material-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.n2-material-theme .fr-view table td,
.n2-material-theme .fr-view table th {
  border: 1px solid #dddddd;
}

.n2-material-theme .fr-view table th {
  background: #e6e6e6;
}

.n2-material-theme .fr-view ul {
  list-style-type: disc;
}

.n2-material-theme .fr-view ul li {
  list-style-type: disc;
}

.n2-material-theme .fr-view ul,
.n2-material-theme .fr-view ol {
  padding-left: 40px;
}

.n2-material-theme .fr-view[dir=rtl] blockquote {
  border-right: solid 3px #e0e0e0;
  margin-right: 0;
}

.n2-material-theme .fr-view[dir=rtl] blockquote blockquote {
  border-color: #e0e0e0;
}

.n2-material-theme .fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #e0e0e0;
}

.n2-material-theme .fr-view blockquote {
  border-left: solid 3px #e0e0e0;
  margin-left: 0;
  color: #757575;
}

.n2-material-theme .fr-view blockquote blockquote {
  border-color: #e0e0e0;
  color: #757575;
}

.n2-material-theme .fr-view blockquote blockquote blockquote {
  border-color: #e0e0e0;
  color: #757575;
}

.n2-material-theme .fr-view span.fr-emoticon {
  line-height: 0;
}

.n2-material-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
}

.n2-material-theme .fr-view .fr-text-bordered {
  padding: 10px 0;
}

.n2-material-theme .fr-tooltip {
  top: 0;
  left: 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
}

.n2-material-theme.fr-toolbar {
  display: flex;
  justify-content: flex-end;
  height: 48px;
}
.n2-material-theme.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0;
}
.n2-material-theme.fr-toolbar .fr-options[data-cmd=formatOLOptions], .n2-material-theme.fr-toolbar .fr-options[data-cmd=formatULOptions] {
  display: none;
}

.n2-material-theme.fr-popup .fr-command.fr-btn {
  color: #9e9e9e;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  padding: 0;
  width: 100%;
  height: 100%;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.n2-material-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn i,
.n2-material-theme.fr-popup .fr-command.fr-btn i {
  font-size: 24px;
  line-height: 24px;
  color: #757575;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn span,
.n2-material-theme.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  line-height: 17px;
  min-width: 38px;
  height: 17px;
  padding: 0 2px;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn img,
.n2-material-theme.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background-color: #eeeeee;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 8px;
  margin-right: 16px;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #9e9e9e;
  background-color: #eeeeee;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  color: #9e9e9e !important;
  background-color: #eeeeee !important;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  background-color: #eeeeee !important;
  border-top-color: #9e9e9e !important;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  right: 4px;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: disabled;
}

.n2-material-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.n2-material-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
  cursor: disabled;
}

.n2-material-theme.fr-toolbar.fr-disabled .fr-btn,
.n2-material-theme.fr-popup.fr-disabled .fr-btn,
.n2-material-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.n2-material-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  cursor: disabled;
}

.n2-material-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.n2-material-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.n2-material-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.n2-material-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
  cursor: disabled;
}

.n2-material-theme.fr-desktop .fr-command:hover,
.n2-material-theme.fr-desktop .fr-command:focus {
  color: #222222;
  background: #ebebeb;
}

.n2-material-theme.fr-desktop .fr-command:hover::after,
.n2-material-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}

.n2-material-theme.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}

.n2-material-theme.fr-desktop .fr-command.fr-active:hover,
.n2-material-theme.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}

.n2-material-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}

.n2-material-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.n2-material-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu {
  right: auto;
  bottom: auto;
  height: auto;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: inherit;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.n2-material-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
}

.n2-material-theme.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.n2-material-theme.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0px;
  border-top: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .n2-material-theme.fr-modal .fr-modal-wrapper {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .n2-material-theme.fr-modal .fr-modal-wrapper {
    margin: 50px auto;
  }
}
.n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 0px;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}

.n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #222222;
}

.n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}

.n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4, .n2-material-theme.fr-modal .fr-modal-wrapper .fr-modal-head .dropdown-button.in-header {
  margin: 0;
  font-weight: 400;
}

.n2-material-theme.n2-material-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.n2-material-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
}

.n2-material-theme.fr-popup {
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  border: 0px;
  border-top: none;
}

.n2-material-theme.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.n2-material-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme.fr-popup .fr-input-line {
  padding: 8px 0;
}

.n2-material-theme.fr-popup .fr-input-line input[type=text],
.n2-material-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #757575;
}

.n2-material-theme.fr-popup .fr-input-line input[type=text]:focus,
.n2-material-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
}

.n2-material-theme.fr-popup .fr-input-line input + label,
.n2-material-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  background: #ffffff;
}

.n2-material-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.n2-material-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.n2-material-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}

.n2-material-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 2px;
  line-height: 0;
  border-bottom: 0px;
}

.n2-material-theme.fr-popup .fr-layer {
  width: 225px;
}

@media (min-width: 768px) {
  .n2-material-theme.fr-popup .fr-layer {
    width: 300px;
  }
}
.n2-material-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}

.n2-material-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.n2-material-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.n2-material-theme.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.n2-material-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0;
}

.n2-material-theme.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}

.n2-material-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}

.n2-material-theme.fr-popup.fr-rtl .fr-input-line input + label,
.n2-material-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.n2-material-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  top: -9px;
  margin-left: -5px;
}

.n2-material-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}

.n2-material-theme.fr-toolbar {
  color: #222222;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0px;
  border-top: none;
}

.n2-material-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  top: -9px;
  margin-left: -5px;
}

.n2-material-theme.fr-toolbar.fr-inline.fr-above {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  border-top: 0;
}

.n2-material-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px;
}

.n2-material-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.n2-material-theme .fr-separator {
  background: #ebebeb;
}

.n2-material-theme .fr-separator.fr-vs {
  height: 34px;
  width: 0;
  margin: 2px;
}

.n2-material-theme .fr-separator.fr-hs {
  height: 0;
  width: 96%;
  margin: 0 2px;
}

.n2-material-theme .fr-second-toolbar {
  margin-top: -6px;
}

body {
  background-color: #f5f5f5 !important;
  color: #666;
}