/* ===== Shark Trading CRM — Client Portal bundled CSS ===== */
/* Generated by consolidating vendor + theme + page-level CSS. Do not hand-edit vendor sections — re-run the build if upstream vendor files change. */

/* --- bootstrap.css --- */
/*!
 * 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,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

dt {
  font-weight: 600;
}

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: #0056b3;
  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,
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,
.h4 {
  font-size: 1.5rem;
}

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

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

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

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

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

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

.figure {
  display: inline-block;
}

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: 600;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

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

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

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

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-12,
.col,
.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-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.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-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-6,
.col-xl-7,
.col-xl-10,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-md-1 {
    margin-left: 8.333333%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

.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 tbody tr:hover td {
  background-color: #ffffff13 !important;
}

.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: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

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

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

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

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

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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

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

  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: 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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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 {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

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

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

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

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

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

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

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

.btn-secondary:focus,
.btn-secondary.focus {
  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: #545b62;
  border-color: #4e555b;
}

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

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

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

.btn-success:focus,
.btn-success.focus {
  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: #1e7e34;
  border-color: #1c7430;
}

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

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

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

.btn-info:focus,
.btn-info.focus {
  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: #117a8b;
  border-color: #10707f;
}

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

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

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

.btn-danger:focus,
.btn-danger.focus {
  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: #bd2130;
  border-color: #b21f2d;
}

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

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

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

.btn-light:focus,
.btn-light.focus {
  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: #dae0e5;
  border-color: #d3d9df;
}

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

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

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

.btn-dark:focus,
.btn-dark.focus {
  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: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(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-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-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  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 {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

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

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

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

input[type="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-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: #16181b;
  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;
}

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

.btn-group > .btn {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .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 {
  margin-left: -1px;
}

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

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

.btn-group > .btn:first-child {
  margin-left: 0;
}

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

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

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

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::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: -ms-flexbox;
  display: flex;
}

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

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

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

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

.input-group-lg > .form-control,
.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 > .input-group-prepend > .btn,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:first-child > .btn: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-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: #b3d7ff;
}

.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: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%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='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

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

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::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='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%0fff'/%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='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(128, 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-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: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #80bdff;
}

.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-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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

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

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

.nav-link.disabled {
  color: #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-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

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

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

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

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

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

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  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: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  .sub-text {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    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 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

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

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

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

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  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 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  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='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

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

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

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.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 {
  border-top: 0;
}

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

.accordion .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 {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  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: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

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

.page-link:focus {
  z-index: 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;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  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-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

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

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

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

.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

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

.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

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

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

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

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

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

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

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

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  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;
  }
}

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

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  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 {
  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 {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

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

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

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 600;
  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: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

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

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  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;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  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-sm {
    max-width: 300px;
  }
}

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

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

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

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

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

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

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

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

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition:
    transform 0.6s ease,
    -webkit-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 {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

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

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

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

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

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

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.align-top {
  vertical-align: 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: #0062cc !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: #545b62 !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: #1e7e34 !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: #117a8b !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: #d39e00 !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: #bd2130 !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: #dae0e5 !important;
}

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

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

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

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

.rounded-circle {
  border-radius: 50% !important;
}

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

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

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

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media (min-width: 768px) {
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

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

.position-relative {
  position: relative !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: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    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;
}

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

.w-25 {
  width: 25% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

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

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

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-3 {
  padding-bottom: 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 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

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

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

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

@media (min-width: 576px) {
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

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

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

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

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

@media (min-width: 992px) {
  .ml-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
}

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

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

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

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

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

.text-uppercase {
  text-transform: capitalize !important;
  letter-spacing: normal;
}

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

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

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

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

a.text-primary:hover,
a.text-primary:focus {
  color: #0062cc !important;
}

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

a.text-success:hover,
a.text-success:focus {
  color: #1e7e34 !important;
}

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

a.text-info:hover,
a.text-info:focus {
  color: #117a8b !important;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #d39e00 !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
  color: #bd2130 !important;
}

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

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}

.text-muted {
  color: #6c757d !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 {
    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;
  }
}

/*# sourceMappingURL=bootstrap.css.map */
/* --- bootstrap-extend.css --- */
@charset 'UTF-8';

html {
  font-size: 14px;
}

button {
  color: inherit;
}

a.text-like {
  color: #9e9e9e !important;
}

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

a.text-like.active,
a.text-like:hover,
a.text-like:focus {
  color: #e53935 !important;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
}

h1 .icon:first-child,
h2 .icon:first-child,
h3 .icon:first-child,
h4 .icon:first-child,
h5 .icon:first-child,
h6 .icon:first-child,
.h1 .icon:first-child,
.h2 .icon:first-child,
.h3 .icon:first-child,
.h4 .icon:first-child,
.h5 .icon:first-child,
.h6 .icon:first-child {
  margin-right: 0.5em;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  margin-top: 11px;
  margin-bottom: 11px;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  margin-bottom: 11px;
}

mark,
.mark {
  color: #fff;
  border-radius: 0.143rem;
}

.blockquote {
  font-size: 1.25rem;

  padding: 11px 22px;

  color: #616161;
  border-left: 2px solid #e0e0e0;
}

.blockquote p:last-child {
  margin: 0;
}

code {
  border: 1px solid #c5cae9;
  padding: 0.2rem 0.4rem;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}

pre {
  padding: 10.5px;
  color: inherit;
  border: 1px solid #e8eaf6;
  border-radius: 0.215rem;
}

pre code {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.container {
  max-width: 100%;
}

@media (min-width: 1600px) {
  .container {
    width: 1310px;
  }
}

.table {
  color: #757575;
}

.table th {
  font-weight: 400;
}

.table thead th,
.table tfoot th {
  font-weight: 400;

  color: #fff;
  border-bottom-width: 1px;
}

.table tbody + tbody {
  border-top-width: 1px;
}

.table a {
  text-decoration: none;
}

.table thead:first-child th {
  border-top: none;
}

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

table col[class*="col-"] {
  position: static;

  display: table-column;
  float: none;
}

.form-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.573rem;

  -webkit-transition:
    -webkit-box-shadow 0.25s linear,
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
  -o-transition:
    box-shadow 0.25s linear,
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
  transition:
    box-shadow 0.25s linear,
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;

  border-color: #e0e0e0;
  -webkit-box-shadow: none;
  box-shadow: none;

  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control {
  padding-right: 30px;

  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==)
    no-repeat center right;
}

select[multiple].form-control {
  padding-right: 0.929rem;

  background: #fff;
}

.form-control.focus,
.form-control:focus {
  outline: 0;
}

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

.form-control-sm {
  height: 2.288rem;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 3.573667rem;
}

.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.573667rem;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: 2.288rem;
}

.form-group .form-control-label {
  padding: 0.429rem 0;
}

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

.form-control.square {
  border-radius: 0;
}

.form-control.round {
  border-radius: 200px;
}

textarea.form-control.no-resize {
  resize: none;
}

.form-inline .form-group {
  margin-right: 20px;
}

.form-inline .form-group:last-child {
  margin-right: 0;
}

.form-inline .form-control-label {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .form-inline .form-group {
    margin-right: 0;
  }
}

.form-horizontal .form-control-label {
  font-size: 1rem;

  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-control-label {
    margin-bottom: 0;
    padding-top: 7px;

    text-align: right;
  }

  .form-horizontal .input-group-lg > .form-control,
  .form-horizontal .input-group-lg > .input-group-addon,
  .form-horizontal .input-group-lg > .input-group-btn > .btn {
    font-size: 18px;

    padding-top: 11px;
  }

  .form-horizontal .form-control-sm {
    font-size: 12px;

    padding-top: 7px;
  }
}

input::-ms-clear {
  display: none;

  width: 0;
  height: 0;
}

/*$btn-floating-xs-padding:                10px !default;*/
/*$btn-floating-sm-padding:                13px !default;*/
/*$btn-floating-lg-padding:                15px !default;*/

.dropdown-toggle:after {
  margin-right: 0;
  margin-left: 0.3em;
}

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

.dropdown-item {
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  margin: 2px 5px;
  padding: 0.429rem 0.929rem;

  -webkit-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;

  border-radius: 0.215rem;
}

.dropdown-item .icon:first-child {
  width: 1em;
  margin-right: 0.5em;

  text-align: center;
}

.dropdown-menu {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;

  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-menu.animate {
  overflow: hidden;
}

.dropdown-menu.animate > .dropdown-item {
  -webkit-animation: slide-left 0.5s both;
  -o-animation: slide-left 0.5s both;
  animation: slide-left 0.5s both;
}

.dropdown-menu.animate > .dropdown-item:nth-child(1) {
  -webkit-animation: animation-delay(0.02s);
  -o-animation: animation-delay(0.02s);
  animation: animation-delay(0.02s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(2) {
  -webkit-animation: animation-delay(0.04s);
  -o-animation: animation-delay(0.04s);
  animation: animation-delay(0.04s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(3) {
  -webkit-animation: animation-delay(0.06s);
  -o-animation: animation-delay(0.06s);
  animation: animation-delay(0.06s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(4) {
  -webkit-animation: animation-delay(0.08s);
  -o-animation: animation-delay(0.08s);
  animation: animation-delay(0.08s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(5) {
  -webkit-animation: animation-delay(0.1s);
  -o-animation: animation-delay(0.1s);
  animation: animation-delay(0.1s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(6) {
  -webkit-animation: animation-delay(0.12s);
  -o-animation: animation-delay(0.12s);
  animation: animation-delay(0.12s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(7) {
  -webkit-animation: animation-delay(0.14s);
  -o-animation: animation-delay(0.14s);
  animation: animation-delay(0.14s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(8) {
  -webkit-animation: animation-delay(0.16s);
  -o-animation: animation-delay(0.16s);
  animation: animation-delay(0.16s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(9) {
  -webkit-animation: animation-delay(0.18s);
  -o-animation: animation-delay(0.18s);
  animation: animation-delay(0.18s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(10) {
  -webkit-animation: animation-delay(0.2s);
  -o-animation: animation-delay(0.2s);
  animation: animation-delay(0.2s);
}

.dropup .dropdown-menu {
  margin-bottom: 6px;

  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.dropdown-menu > .dropdown-submenu {
  position: relative;
}

.dropdown-menu > .dropdown-submenu > .dropdown-item {
  position: relative;
}

.dropdown-menu > .dropdown-submenu > .dropdown-item:after {
  position: absolute;
  right: 10px;

  display: inline-block;

  width: 0;
  height: 0;
  margin-top: 6px;

  content: "";
  vertical-align: middle;

  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}

.dropdown-menu > .dropdown-submenu .dropdown-menu {
  left: 100%;

  margin: 0;
}

.dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu {
  left: -100%;
}

.dropdown-menu > .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown .dropdown-submenu .dropdown-menu {
  top: 0;
}

.dropup .dropdown-submenu .dropdown-menu {
  bottom: 0;
}

.btn-group .dropdown-menu > li > a {
  padding: 6px 40px 6px 15px;
}

.btn-group .dropdown-menu > li > a .badge {
  position: absolute;
  right: 15px;

  margin-top: 2px;
}

.btn-group > .btn,
.btn-group .btn-group {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-group .btn ~ .dropdown-toggle {
  margin-left: -1px;
  padding-right: 0.8em;
  padding-left: 0.8em;
}

.btn-group .btn ~ .dropdown-toggle:after {
  margin-left: 0;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

.btn-group:focus .dropdown-toggle {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.input-group-addon {
  -webkit-transition:
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
  -o-transition:
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
  transition:
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
}

.input-group-btn .btn {
  padding: 0.5rem 0.75rem;

  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-btn .btn > .icon {
  vertical-align: bottom;
}

.input-group-btn .dropdown-toggle.btn .caret {
  margin-left: 2px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 1;
}

.nav-link {
  position: relative;

  display: block;
  overflow: hidden;

  padding: 0.715rem 1.072rem;
}

.nav-link:focus {
  outline: none;
}

.nav-link:focus,
.nav-link:hover {
  background-color: #eee;
}

.nav-link.disabled:focus,
.nav-link.disabled:hover {
  background-color: transparent;
}

.nav-link .close {
  display: inline-block;

  margin-left: 10px;
}

.nav-tabs .nav-item + .nav-item {
  margin-left: 2px;
}

.nav-tabs .nav-link {
  padding: 0.715rem 1.429rem;

  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;

  color: #757575;
}

.nav-tabs .nav-link > .icon {
  line-height: 1;

  margin-right: 0.5em;
}

.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 {
  color: #fff;
  border-color: transparent;
  border-bottom-color: #3aa0dc;
  background-color: #3aa0dc;
}

.nav-tabs .dropup .dropdown-menu {
  margin-bottom: -1px;

  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-pills .nav-link {
  -webkit-transition:
    border 0.2s linear 0s,
    color 0.2s linear 0s,
    background-color 0.2s linear 0s;
  -o-transition:
    border 0.2s linear 0s,
    color 0.2s linear 0s,
    background-color 0.2s linear 0s;
  transition:
    border 0.2s linear 0s,
    color 0.2s linear 0s,
    background-color 0.2s linear 0s;
}

.navbar {
  min-height: 4.715rem;
  padding: 0;

  border: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.navbar-nav {
  margin: 0.78575rem -0.9375rem;
}

.navbar-nav .nav-item {
  float: none;
}

.navbar-nav .nav-link {
  padding-top: 1.572rem;
  padding-bottom: 1.572rem;
}

.navbar-nav .nav-item .nav-link {
  line-height: 22px;

  padding-top: 0.715rem;
  padding-bottom: 0.715rem;
}

.navbar-nav .nav-item + .nav-item {
  margin-left: 0;
}

.navbar-nav > .nav-item > .dropdown-menu {
  margin-top: 0;

  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;

    float: none;

    width: auto;
    margin-top: 0;

    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu .dropdown-item {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-item {
    line-height: 22px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-item:hover,
  .navbar-nav .open .dropdown-menu .dropdown-item:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;

    margin: 0;
  }

  .navbar-nav > .nav-item {
    float: left;
  }

  .navbar-nav > .nav-item > .nav-link {
    padding-top: 1.5715rem;
    padding-bottom: 1.5715rem;
  }
}

.container-fluid .navbar-collapse {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

@media (min-width: 768px) {
  .container-fluid .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-toggler {
  line-height: 22px;

  position: relative;

  float: right;

  height: 4.715rem;
  margin-top: 0;
  margin-right: 0.9375rem;
  margin-bottom: 0;
  padding: 1.5715rem 0.9375rem;

  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;

  border: 1px solid transparent;
  border-radius: 0.215rem;
  background: transparent !important;
  background-image: none;
}

.navbar-toggler:hover {
  background: transparent !important;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler .icon {
  margin-top: -1px;
}

@media (min-width: 768px) {
  .navbar-toggler {
    display: none;
  }
}

.navbar-collapse {
  overflow-x: visible;

  padding-right: 0.9375rem;
  padding-left: 0.9375rem;

  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  -webkit-overflow-scrolling: touch;
}

.navbar-collapse::after {
  display: block;
  clear: both;

  content: "";
}

.navbar-collapse.in {
  overflow-y: visible;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;

    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    overflow: visible !important;

    height: auto !important;
    padding-bottom: 0;
  }
}

.navbar-brand {
  font-size: 1.286rem;
  font-weight: 500;
  line-height: 22px;

  float: left;

  height: 4.715rem;
  margin: 0;
  padding: 1.5715rem 1.429rem;
}

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

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -0.9375rem;
  }
}

.icon-fullscreen {
  font-family: "Material-Design-Iconic-Font";
}

.icon-fullscreen:before {
  content: "";
}

.icon-fullscreen.active:before {
  content: "";
}

.breadcrumb {
  margin-bottom: 10px;

  background-color: transparent;
}

.breadcrumb .is-hidden {
  display: none;
}

.breadcrumb-item + .breadcrumb-item:before {
  padding: 0 5px;
}

.breadcrumb-item .icon {
  text-decoration: none;
}

.breadcrumb-item .icon:before {
  margin-right: 10px;
}

.breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before {
  content: "» ";
}

.page-item > span {
  padding: 0.643rem 1.072rem;

  -webkit-transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
  -o-transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
  transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
}

.page-item > span:focus,
.page-item > span:hover {
  -webkit-transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  -o-transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  text-decoration: none;
}

.page-item .icon {
  margin-top: -1px;
}

.page-item.active .page-link {
  z-index: 3;
  background-color: #33cabb;
  border-color: #33cabb;
}

.page-item.disabled > span,
.page-item.disabled > span:focus,
.page-item.disabled > span:hover {
  cursor: not-allowed;
  pointer-events: none;

  color: #bdbdbd;
  border-color: #e0e0e0;
  background-color: transparent;
}

.page-link {
  -webkit-transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
  -o-transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
  transition:
    background 0.2s ease-out,
    border-color 0s ease-out,
    color 0.2s ease-out;
}

.page-link:focus,
.page-link:hover {
  -webkit-transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  -o-transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out,
    color 0.2s ease-out;
  text-decoration: none;
}

.badge.badge-outline {
  color: #eee;
  border-color: #eee;
  background-color: transparent;
}

.badge-outline {
  border: 1px solid transparent;
}

.badge-default {
  color: #757575;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
  background-color: #eee;
}

.badge-default.badge-outline {
  color: #e0e0e0;
  border-color: #e0e0e0;
  background-color: transparent;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
  color: #9e9e9e;
}

.badge-default.badge-outline {
  color: #757575;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #5c6bc0;
}

.badge-primary.badge-outline {
  color: #3aa0dc;
  border-color: #3aa0dc;
  background-color: transparent;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
  background-color: #66bb6a;
}

.badge-success.badge-outline {
  color: #4caf50;
  border-color: #4caf50;
  background-color: transparent;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
  background-color: #06d79c;
}

.badge-info.badge-outline {
  color: #00bcd4;
  border-color: #00bcd4;
  background-color: transparent;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  background-color: #ffa726;
}

.badge-warning.badge-outline {
  color: #ff9800;
  border-color: #ff9800;
  background-color: transparent;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  background-color: #ef5350;
}

.badge-danger.badge-outline {
  color: #f44336;
  border-color: #f44336;
  background-color: transparent;
}

.alert {
  padding-right: 20px;
  padding-left: 20px;
}

.alert ul {
  padding-left: 13px;
}

.alert ul li {
  padding-left: 7px;
}

.panel > .alert {
  margin: 0;
}

.alert h4 {
  margin-top: 0;

  color: inherit;
}

.alert > *:last-child {
  margin-bottom: 0;
}

.alert-dismissible {
  padding-right: 40px;
}

.alert-dismissible .close {
  padding: 0;
}

.alert-dismissible .close {
  top: 0.8rem;
  right: 1.25rem;
  text-decoration: none;

  opacity: 0.6;
}

.alert-dismissible .close:hover,
.alert-dismissible .close:focus {
  opacity: 1;
}

.alert-success .alert-link {
  color: #43a047;
}

.alert-warning .alert-link {
  color: #fb8c00;
}

.alert-danger .alert-link {
  color: #e53935;
}

.alert.dark .alert-link {
  font-weight: 500;

  color: #fff !important;
}

.alert.dark.alert-success {
  color: #fff;
  border-color: #4caf50;
  background-color: #4caf50;
}

.alert.dark.alert-success .close {
  color: #fff;
}

.alert.dark.alert-success .close:hover,
.alert.dark.alert-success .close:focus {
  color: #fff;
}

.alert.dark.alert-warning {
  color: #fff;
  border-color: #ff9800;
  background-color: #ff9800;
}

.alert.dark.alert-warning .close {
  color: #fff;
}

.alert.dark.alert-warning .close:hover,
.alert.dark.alert-warning .close:focus {
  color: #fff;
}

.alert.dark.alert-danger {
  color: #fff;
  border-color: #f44336;
  background-color: #f44336;
}

.alert.dark.alert-danger .close {
  color: #fff;
}

.alert.dark.alert-danger .close:hover,
.alert.dark.alert-danger .close:focus {
  color: #fff;
}

.progress {
  overflow: hidden;

  height: 15px;
  margin-bottom: 22px;

  border-radius: 0.215rem;
  background-color: #e0e0e0;
}

.progress-bar {
  font-size: 0.858rem;
  line-height: 15px;

  float: left;

  width: 0;
  height: 100%;

  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  text-align: center;

  color: #fff;
  background-color: #3aa0dc;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-webkit-keyframes progress-active {
  0% {
    width: 0;

    opacity: 0.4;
  }

  100% {
    width: 100%;

    opacity: 0;
  }
}

@-o-keyframes progress-active {
  0% {
    width: 0;

    opacity: 0.4;
  }

  100% {
    width: 100%;

    opacity: 0;
  }
}

@keyframes progress-active {
  0% {
    width: 0;

    opacity: 0.4;
  }

  100% {
    width: 100%;

    opacity: 0;
  }
}

@-webkit-keyframes progress-vertical-active {
  0% {
    top: 0;

    opacity: 0;
  }

  100% {
    top: 175px;

    opacity: 0.4;
  }
}

@-o-keyframes progress-vertical-active {
  0% {
    top: 0;

    opacity: 0;
  }

  100% {
    top: 175px;

    opacity: 0.4;
  }
}

@keyframes progress-vertical-active {
  0% {
    top: 0;

    opacity: 0;
  }

  100% {
    top: 175px;

    opacity: 0.4;
  }
}

.media .media {
  padding-bottom: 0;

  border-bottom: none;
}

.media-body {
  overflow: auto;
}

@media (min-width: 768px) {
  .media-body {
    overflow: hidden;
  }

  .media .media {
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .media {
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }

  .media > div:first-child {
    margin-bottom: 5px;
  }

  .media .media {
    padding-left: 15px;
  }
}

.close.icon {
  font-size: inherit;
}

.card {
  /* margin-bottom: 2.143rem; */

  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card .cover {
  width: 100%;
  padding: 0;

  border-bottom: none;
}

[class*="blocks-"] > li > .card {
  margin-bottom: 0;
}

.card-title {
  margin-top: 0;
}

.card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}

.card-bordered {
  border: 1px solid #e0e0e0;
}

.card-block {
  position: relative;
}

.card-actions {
  margin-top: 10px;

  text-align: right;
}

.card-actions a {
  display: inline-block;

  margin-right: 10px;

  vertical-align: middle;

  color: #9e9e9e;
}

.card-actions a.icon,
.card-actions a .icon {
  text-decoration: none;
}

.card-actions a.icon + span,
.card-actions a .icon + span {
  margin-left: 2px;
}

.card-actions a.active,
.card-actions a:hover,
.card-actions a:focus {
  text-decoration: none;

  color: #bdbdbd;
}

.card-actions a:last-child {
  margin-right: 0;
}

.card-img {
  border-radius: 0;
}

body {
  font-weight: 300;
}

th {
  font-weight: 400;
}

b,
strong {
  font-weight: 500;
}

optgroup {
  font-weight: 500;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: 300;
}

.lead {
  font-weight: 300;
}

dt {
  font-weight: 500;
}

kbd kbd {
  font-weight: 500;
}

label {
  font-weight: 300;
}

.radio label,
.checkbox label {
  font-weight: 300;
}

.radio-inline,
.checkbox-inline {
  font-weight: 300;
}

.btn-link {
  font-weight: 300;
}

.dropdown-menu > li > a {
  font-weight: 300;
}

.input-group-addon {
  font-weight: 300;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 1.25;
  color: #495057;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
}

.badge {
  font-weight: 500;
  color: #fff;
}

.popover {
  font-weight: 300;
}

.tooltip {
  font-weight: 300;
}

.modal-content {
  border: none;
  border-radius: 0.286rem;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.modal-header {
  padding: 15px;
}

.modal-header .modal-title {
  margin-top: 0;

  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.modal-header .close {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  padding: 6px 20px 20px;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media (min-width: 480px) {
  .modal-dialog {
    margin: 30px;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);

    opacity: 0.5;
  }

  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);

    opacity: 1;
  }
}

@-o-keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);

    opacity: 0.5;
  }

  100% {
    transform: translateZ(0px) rotateY(0deg);

    opacity: 1;
  }
}

@keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);

    opacity: 0.5;
  }

  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);

    opacity: 1;
  }
}

.tooltip-inner {
  padding: 6px 12px;
}

.popover {
  padding: 0;

  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.popover-content {
  padding: 20px;
}

.carousel-indicators li {
  cursor: pointer;

  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}

.vertical-align {
  font-size: 0;
}

.vertical-align:before {
  display: inline-block;

  height: 100%;

  content: "";
  vertical-align: middle;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.text-top {
  vertical-align: top !important;
}

.text-bottom {
  vertical-align: bottom !important;
}

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

.font-size-50 {
  font-size: 3.571rem !important;
  line-height: 1.2;
}

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

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

.mb-0 {
  margin-bottom: 0 !important;
}

.m-3 {
  margin: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

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

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

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

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

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

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

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

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

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

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

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

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

.b-0 {
  border-width: 0px !important;
  border-style: solid !important;
  border-color: #ebebeb;
}

.b-1 {
  border: 1px solid #ebebeb !important;
}

.br-1 {
  border-right: 1px solid #ebebeb !important;
}

.bb-1 {
  border-bottom: 1px solid #ebebeb !important;
}

.b-2 {
  border: 2px solid #ebebeb !important;
}

.b-3 {
  border: 3px solid #ebebeb !important;
}

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .ml-lg-auto {
    margin-left: auto !important;
  }
}

.w-100 {
  width: 100px !important;
}

.w-p10 {
  width: 10% !important;
}

.w-p100 {
  width: 100% !important;
}

.h-30 {
  height: 30px !important;
}

.h-100 {
  height: 100px !important;
}

.h-300 {
  height: 300px !important;
}

.h-p10 {
  height: 10% !important;
}

.h-p100 {
  min-height: 100% !important;
}

.w-full {
  width: 100% !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  body,
  html {
    font-size: 12px !important;
  }
}

/* --- font-awesome.min.css --- */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("/theme/main/fonts/fontawesome-webfont.eot?v=4.7.0");
  src:
    url("/theme/main/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
      format("embedded-opentype"),
    url("/theme/main/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("/theme/main/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("/theme/main/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("/theme/main/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-check:before {
  content: "\f00c";
}

.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-download:before {
  content: "\f019";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-print:before {
  content: "\f02f";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-list:before {
  content: "\f03a";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-comment:before {
  content: "\f075";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-bar-chart:before {
  content: "\f080";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-x-twitter:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E")
    no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E")
    no-repeat center / contain;
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-files-o:before {
  content: "\f0c5";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-dashboard:before {
  content: "\f0e4";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-code:before {
  content: "\f121";
}

.fa-star-half-o:before {
  content: "\f123";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-support:before {
  content: "\f1cd";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-fa:before {
  content: "\f2b4";
}

.fa-user-o:before {
  content: "\f2c0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* --- jquery.toast.css --- */
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 250px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important;
}

.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all !important;
  background-color: #444444;
  color: white;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 0px 0px 7px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  font-size: 12px;
}

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0%;
  left: 0;
  border-radius: 5px;
  background: red;
}

.jq-toast-loaded {
  width: 100%;
}

.jq-has-icon {
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px;
}

/* Custom modern Toast colors matching success, danger, and warning themes */
.jq-toast-single {
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  padding: 14px 14px 14px 45px !important;
  background-position: 12px 14px !important;
}

.jq-toast-single h2 {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  color: inherit !important;
  margin-bottom: 4px !important;
}

.close-jq-toast-single {
  color: inherit !important;
  opacity: 0.5 !important;
}

.close-jq-toast-single:hover {
  opacity: 1 !important;
}

.jq-toast-single.jq-icon-success {
  background-color: #113826 !important;
  color: var(--sk-green) !important;
  border: 1px solid rgba(34, 215, 135, 0.25) !important;
}

.jq-toast-single.jq-icon-success .jq-toast-loader {
  background-color: var(--sk-green) !important;
}

.jq-toast-single.jq-icon-error {
  background-color: #3d1a1a !important;
  color: var(--sk-red) !important;
  border: 1px solid rgba(255, 77, 86, 0.25) !important;
}

.jq-toast-single.jq-icon-error .jq-toast-loader {
  background-color: var(--sk-red) !important;
}

.jq-toast-single.jq-icon-warning {
  background-color: #2c200c !important;
  color: var(--sk-gold) !important;
  border: 1px solid rgba(213, 169, 40, 0.25) !important;
}

.jq-toast-single.jq-icon-warning .jq-toast-loader {
  background-color: var(--sk-gold) !important;
}

.jq-toast-single.jq-icon-info {
  background-color: #161e2e !important;
  color: var(--sk-text) !important;
  border: 1px solid var(--sk-line) !important;
}

.jq-toast-single.jq-icon-info .jq-toast-loader {
  background-color: var(--sk-gold-bright) !important;
}

@media (max-width: 576px) {
  .jq-toast-wrap {
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    left: 16px !important;
    right: 16px !important;
    margin: 0 auto !important;
    z-index: 99999 !important;
  }

  .jq-toast-wrap.top-right,
  .jq-toast-wrap.top-left {
    top: 75px !important;
    bottom: auto !important;
  }

  .jq-toast-wrap.bottom-right,
  .jq-toast-wrap.bottom-left {
    bottom: 75px !important;
    top: auto !important;
  }

  .jq-toast-single {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* --- morris.css --- */
.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/* --- master_style.css --- */
/*------------------------------------------------------------------
[Master Stylesheet]

Project:	UniquePro Admin - Responsive Admin Template
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body, layout
2. Header
3. Sidebar
4. Form-element and progress bar
5. Box
6. User card
7. tab
8. google map
9. wizard
10. weather
11. Chat and info-box
12. timeline
13. Button
14. callout
15. tab
16. pagination
17. data table
18. direct-chat
19. modal
20. widget
21. treevie
22. mailbox
23. lockscreen
24. login-box
25. social btn
26. color Skin

-------------------------------------------------------------------*/

/******************* 
import icon and fonts Styles 
*******************/

@import url(/theme/assets/vendor_components/font-awesome/css/font-awesome.css);
@import url(/theme/assets/vendor_components/Ionicons/css/ionicons.css);
@import url(/theme/assets/vendor_components/themify-icons/themify-icons.css);
@import url(/theme/assets/vendor_components/linea-icons/linea.css);
@import url(/theme/assets/vendor_components/glyphicons/glyphicon.css);
@import url(/theme/assets/vendor_components/flag-icon/css/flag-icon.css);
@import url(/theme/assets/vendor_components/material-design-iconic-font/css/materialdesignicons.css);
@import url(/theme/assets/vendor_components/simple-line-icons-master/css/simple-line-icons.css);

/*------------------------------------------------------------------

[Typography]

Body :		Poppins, sans-serif;
-------------------------------------------------------------------*/

/*Body, layout*/

.wrapper,
body,
html {
  height: 100%;
}

.wrapper,
body {
  overflow-x: hidden;
  overflow-y: auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-size: 65%;
}

.btn.uppercase,
.fc-toolbar h2,
.info-box-text,
.flex-column > li.header {
  text-transform: capitalize;
  letter-spacing: normal;
}

.box-body:after,
.box-footer:after,
.box-header:after,
.chat .item:after,
.chat .item > .attachment:after,
.timeline > li:after,
.user-block:after,
.user-panel:after,
.wrapper:after {
  clear: both;
}

body {
  font-weight: 300;
  font-size: 13px;
  color: #67757c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #212121;
  text-shadow: none;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 10px;
}

h1 {
  line-height: 40px;
  font-size: 36px;
}

h2 {
  line-height: 36px;
  font-size: 24px;
}

h3 {
  line-height: 30px;
  font-size: 21px;
}

h4 {
  line-height: 22px;
  font-size: 18px;
}

h5 {
  line-height: 18px;
  font-size: 16px;
}

h6 {
  line-height: 16px;
  font-size: 14px;
}

time {
  font-size: 12px;
  color: #929daf;
}

img {
  max-width: 100%;
}

.img-fluid {
  width: 100%;
}

.wrapper {
  position: relative;
}

.fixed .wrapper,
.main-header .logo,
.user-panel {
  overflow: hidden;
}

.wrapper:after,
.wrapper:before {
  content: " ";
  display: table;
}

.topinfo-col.ib {
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
}

section.date-search {
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
}

.range-col {
  background-color: #fff;
  padding: 30px;
}

.range-col button.btn.btn-primary.mb-3,
.rangepic button.btn.btn-primary.mb-3 {
  position: relative;
  top: 23px;
}

.range-col label,
.rangepic label {
  color: #212121;
}

.rangepic input#daterange {
  background-color: #fff;
}

.info-box.bg3-.boxbg.rangepic {
  min-height: 109px;
}

.content-wrapper,
.main-footer {
  -webkit-transition:
    -webkit-transform 0.3s ease-in-out,
    margin 0.3s ease-in-out;
  -moz-transition:
    -moz-transform 0.3s ease-in-out,
    margin 0.3s ease-in-out;
  -o-transition:
    -o-transform 0.3s ease-in-out,
    margin 0.3s ease-in-out;
  transition:
    transform 0.3s ease-in-out,
    margin 0.3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}

a {
  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;
}

/** 24nov2023 **/

/** 9march **/

.dt-buttons a.dt-button {
  margin: 0 2px;
  border-radius: 4px !important;
  border: 1px solid var(--sk-line);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--sk-muted);
}

.admintb tr td .fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.tab-content .form-group label {
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  color: #b6c6e3 !important;
}

.edituser-block .form-group:last-child {
  margin-bottom: 1.25rem;
}

.genset-block .form-group:last-child {
  margin-bottom: 1.25rem !important;
}

.sweet-alert button {
  background: #16ad4b !important;
  padding: 0.4375rem 1.125rem !important;
  font-size: 0.8125rem !important;
  margin-top: 0px !important;
}

.sweet-alert .sa-confirm-button-container button.confirm {
  background: #16ad4b !important;
}

.sweet-alert button.cancel {
  background: #ff4444 !important;
}

.sweet-alert {
  padding: 30px !important;
}

.sweet-alert h2 {
  font-size: 22px !important;
  font-weight: 500 !important;
  margin: 0 0 15px 0 !important;
  color: #fff !important;
}

.sa-button-container {
  margin-top: 15px;
}

.sweet-alert .sa-error-container {
  background: transparent !important;
  margin: 10px 0 !important;
}

.sweet-alert .sa-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto 10px auto !important;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  height: 20px !important;
}

.sweet-alert input {
  border: 1px solid #384d69 !important;
  font-size: 14px !important;
  margin-bottom: 0px !important;
  background: transparent !important;
  color: #fff;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 50px !important;
  height: 50px !important;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 28px !important;
  right: 6px !important;
  top: 23px !important;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 15px !important;
  left: 9px !important;
  top: 26px !important;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    text-align: left !important;
  }
}

.login-header {
  text-align: center;
}

.save-btn .bluebtn {
  margin: 0;
}

form#ibReqForm .modal-footer {
  width: 100%;
  display: block;
  border-top: 0;
  text-align: center;
}

@keyframes flash {
  0% {
    background: #28a745;
  }

  100% {
    background: transparent;
  }
}

.top-info .info-box-icon > img {
  max-width: 38px;
  position: relative;
  top: -5px;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar {
  background-color: #0f0f0f !important;
}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
  color: #fff !important;
}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,
.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #ffe930 !important;
}

section.topinfo-col {
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  /*background-color: #6639e4;*/
}

/*.info-box.boxbg {
    border-radius: 18px;
    background-color: rgba(255,255,255,0.2784313725490196);
    border: 2px solid rgba(255,255,255,0.51);
}*/

.info-box.boxbg {
  border: 1px solid #dbdfea;
  border-radius: 4px;
  /* box-shadow: 0 1px 0 0 #1593fd, 0 -1px 0 0 #5826e6, 1px 0 0 0 #1593fd, -1px 0 0 0 #1593fd, 1px -1px 0 0 #5826e6, -1px 1px 0 0 #1593fd, 1px 1px 0 0 #1593fd, -1px -1px 0 0 #5826e6; */
  box-shadow: none;
}

button#liveSaveBtn:hover {
  color: #212121;
}

.recent .table {
  width: 100% !important;
}

.box-footer.send-ib {
  border-top: 0;
  padding: 0;
}

td.dataTables_empty {
  text-align: center;
}

.box-body .list-group-item-action.active {
  background-color: #ffe930;
  border-color: #ffe930;
  color: #212121;
  box-shadow: 0 1px 0 0 #ffe930;
}

.box-body .list-group-item {
  border-radius: 18px;
  box-shadow:
    0 1px 0 0 #1593fd,
    0 -1px 0 0 #5826e6,
    1px 0 0 0 #1593fd,
    -1px 0 0 0 #1593fd,
    1px -1px 0 0 #5826e6,
    -1px 1px 0 0 #1593fd,
    1px 1px 0 0 #1593fd,
    -1px -1px 0 0 #5826e6;
}

.topinfo-col .info-box-content {
  position: relative;
}

/* .dark-mode select.form-control {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  -webkit-appearance: auto !important;
} */

@media (min-width: 768px) {
  .nk-wrap {
    padding-left: 250px;
  }
}

.content-wrapper {
  min-height: 100%;
  background-color: #f4f6f9;
  z-index: 800;
}

.main-footer {
  background: #fff;
  padding: 15px;
  color: #212121;
  border-top: 1px solid #d2d6de;
}

.main-footer .nav {
  margin-top: -10px;
}

.fixed .main-header,
.fixed .main-sidebar {
  position: fixed;
}

.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}

.fixed .content-wrapper {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .content-wrapper,
  .main-footer {
    margin-left: 0;
  }

  .fixed .content-wrapper {
    padding-top: 100px;
  }
}

.hold-transition .content-wrapper,
.hold-transition .main-footer,
.hold-transition .main-header .logo,
.hold-transition .main-header .navbar,
.hold-transition .main-sidebar,
.hold-transition .menu-open .fa-angle-left {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.content {
  min-height: 250px;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
}

a {
  color: #212121;
}

a:active,
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}

/*Header*/

.page-header {
  margin: 10px 0 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

.page-header > small {
  color: #67757c;
  display: block;
  margin-top: 5px;
}

.main-header {
  position: relative;
  max-height: 120px;
  z-index: 1030;
}

.main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  min-height: 50px;
  border-radius: 0;
  padding: 0;
}

.main-header .navbar-custom-menu {
  float: right;
}

.main-header .navbar-brand,
.main-header .sidebar-toggle:hover {
  color: #fff;
}

.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 20px;
  font-family: fontAwesome;
}

.main-header .sidebar-toggle:before {
  content: "\f0c9";
}

.main-header .sidebar-toggle:active,
.main-header .sidebar-toggle:focus {
  background: 0 0;
}

.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  margin-left: 7px;
  text-align: center;
  font-size: 8px;
  padding: 2px 3px;
  line-height: 12px;
  width: 15px;
  height: 15px;
  border-radius: 0;
  font-weight: 300;
  display: grid;
}

.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  text-align: left;
  width: 230px;
  padding: 0 15px;
  font-weight: 300;
}

.main-header .logo .logo-lg {
  line-height: 60px;
  display: inline-block;
  padding-left: 5px;
}

.main-header .logo .logo-mini {
  line-height: 60px;
  display: inline-block;
}

@media (min-width: 767px) {
  .main-header .logo {
    display: none;
  }
}

.main-header .logo .logo-mini .dark-logo,
.main-header .logo .logo-lg .dark-logo {
  display: none;
}

.content-header {
  position: relative;
  padding: 10px 20px 10px;
}

.content-header > h1,
.content-header > .container > h1 {
  color: #111;
  font-size: 20px;
  text-transform: capitalize;
  margin: 10px 0 0px;
  line-height: normal;
  letter-spacing: normal;
}

.content-header > .container > h1 {
  display: inline-block;
}

.content-header > h1 > small,
.content-header > .container > h1 > small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}

.content-header > .breadcrumb,
.content-header > .container > .breadcrumb {
  float: right;
  background: 0 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 2px;
}

.content-header > .container > .breadcrumb {
  position: relative;
  top: 0;
}

.content-header > .breadcrumb > li > a,
.content-header > .container > .breadcrumb > li > a {
  color: #212121;
  text-decoration: none;
  display: inline-block;
}

.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion,
.content-header > .container > .breadcrumb > li > a > .fa,
.content-header > .container > .breadcrumb > li > a > .glyphicon,
.content-header > .container > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}

.content-header > .breadcrumb > li + li:before,
.content-header > .container > .breadcrumb > li + li:before {
  content: ">\00a0";
}

@media (max-width: 991px) {
  .add-ticket .col {
    flex-basis: inherit;
    flex-grow: inherit;
    width: 50%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .content-header > .breadcrumb,
  .content-header > .container > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }

  .content-header > .breadcrumb li:before,
  .content-header > .container > .breadcrumb li:before {
    color: #97a0b3;
  }

  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }

  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }

  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}

.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px;
}

@media (max-width: 767px) {
  .main-header {
    position: relative;
  }

  .main-header .logo,
  .main-header .navbar {
    width: 100%;
    float: none;
  }

  .main-header .navbar {
    margin: 0;
  }

  .main-header .logo {
    text-align: center;
  }

  .main-header .navbar-custom-menu {
    float: right;
  }
}

@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none;
  }

  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}

/*sidebar*/

.main-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 60px;
  min-height: 100%;
  width: 230px;
  z-index: 9999;
  -webkit-transition:
    -webkit-transform 0.3s ease-in-out,
    width 0.3s ease-in-out;
  -moz-transition:
    -moz-transform 0.3s ease-in-out,
    width 0.3s ease-in-out;
  -o-transition:
    -o-transform 0.3s ease-in-out,
    width 0.3s ease-in-out;
  transition:
    transform 0.3s ease-in-out,
    width 0.3s ease-in-out;
}

@media (min-width: 767px) {
  .main-sidebar {
    padding-top: 0px;
  }
}

@media (max-width: 767px) {
  .main-sidebar {
    padding-top: 120px;
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }

  .main-sidebar {
    z-index: 810;
  }
}

.sidebar {
  padding-bottom: 10px;
}

.user-panel {
  position: relative;
  width: 100%;
  padding: 0px 0 10px;
  background-image: url(/theme/images/user-info.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.user-panel:after,
.user-panel:before {
  content: " ";
  display: table;
}

.user-panel > .image > img {
  width: 100%;
  max-width: 35%;
  height: auto;
  margin: 0 auto;
  display: block;
  border: 1px solid rgba(120, 130, 140, 0.13);
  padding: 5px;
}

.user-panel > .info {
  padding: 5px 5px 30px 5px;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
}

.user-panel > .info > p {
  margin-bottom: 9px;
}

.user-panel > .info > a {
  font-size: 14px;
  padding: 5px 10px;
  display: inline-block;
}

.user-panel > .info > a > .fa,
.user-panel > .info > a > .glyphicon,
.user-panel > .info > a > .ion {
  margin-right: 3px;
}

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0px 0 0 0px;
}

.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 5px 0 0;
}

.sidebar-menu > li > a {
  padding: 0px 5px 0px 0px;
  display: block;
}

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 40px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin-right: 0px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0px;
}

.sidebar-menu > li .badge,
.sidebar-menu > li .label {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  line-height: 16px;
  text-align: center;
  font-weight: 300;
}

.sidebar-menu > li .badge {
  margin-top: 3px;
}

.sidebar-menu li.header {
  padding: 20px 25px 10px 15px;
  font-size: 12px;
  font-weight: 500;
}

.sidebar-menu li > a > .fa-angle-right,
.sidebar-menu li > a > .pull-right-container > .fa-angle-right {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.sidebar-menu li > a > .fa-angle-right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

.sidebar-menu .menu-open > a > .fa-angle-right,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar-menu .active > .treeview-menu {
  display: block;
}

.user-panel .ulogo {
  text-align: center;
  padding: 0px;
  font-size: 18px;
  background: transparent;
}

.user-panel .ulogo a b {
  font-weight: bold;
}

.user-panel .ulogo a {
  font-weight: 300;
}

.user-panel .ulogo a:hover {
  opacity: 0.5;
}

.main-sidebar .user-panel,
.sidebar-menu,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}

.sidebar-menu li > a {
  position: relative;
  font-size: 12px;
  font-family: "GothamProRegular";
}

.sidebar-menu li > a > .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}

.control-sidebar,
.control-sidebar-bg {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

.control-sidebar {
  position: absolute;
  padding-top: 60px;
  z-index: 1010;
}

@media (max-width: 767px) {
  .control-sidebar {
    padding-top: 120px;
  }
}

.control-sidebar > .tab-content {
  padding: 10px 15px;
}

.fixed .control-sidebar {
  position: fixed;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}

.navbar-custom-menu .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-custom-menu .dropdown-toggle::after {
  display: none;
}

.navbar-custom-menu .navbar-nav > li {
  height: 60px;
}

.navbar-custom-menu .navbar-nav li > a.dropdown-toggle,
.navbar-custom-menu .navbar-nav > li:last-child > a {
  padding: 0px 15px;
  vertical-align: middle;
  line-height: 60px;
  display: block;
  font-size: 1.5rem;
}

.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}

.dropdown-menu > li > a {
  color: #67757c;
}

.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}

.dropdown-menu > li > a:hover {
}

.dropdown-menu > .divider {
  background-color: #eee;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}

@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }

  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }

  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}

/*form-element*/

.form-element .form-control {
  color: #67757c;
  min-height: 38px;
  display: initial;
  -webkit-background-clip: padding-box;
  background-color: transparent;
  background-position:
    center bottom,
    center calc(100% - 1px);
  background-repeat: no-repeat;
  background-size:
    0 2px,
    100% 1px;
  /* padding: 0; */
  -webkit-transition: background 0s ease-out 0s;
  -o-transition: background 0s ease-out 0s;
  transition: background 0s ease-out 0s;
}

.form-element .form-control,
.form-element .form-control:focus {
  background-image:
    -webkit-gradient(linear, left top, left bottom, from(#6639e4), to(#6639e4)),
    -webkit-gradient(linear, left top, left bottom, from(#6639e4), to(#6639e4));
  background-image:
    -webkit-linear-gradient(#6639e4, #6639e4),
    -webkit-linear-gradient(#6639e4, #6639e4);
  background-image:
    -o-linear-gradient(#6639e4, #6639e4),
    -o-linear-gradient(#6639e4, #6639e4);
  background-image:
    linear-gradient(#6639e4, #6639e4), linear-gradient(#6639e4, #6639e4);
  /* border: 0;
    border-radius: 0; */
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
}

.form-element .form-control.focus,
.form-element .form-control:focus {
  background-size:
    100% 2px,
    100% 1px;
  outline: 0;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
  }

  50% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 15px transparent;
    box-shadow: 0 0 0 15px transparent;
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
  }

  50% {
    -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 15px transparent;
    box-shadow: 0 0 0 15px transparent;
  }
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

/* [type=checkbox]+label {
	font-weight: 300;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
} */

/* [type=checkbox]+label:before,
[type=checkbox]:not(.filled-in)+label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #3a8dfe;
	border-radius: 1px;
	margin-top: 2px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
} */

/* [type=checkbox]:not(.filled-in)+label:after {
	border: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
} */

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26);
}

[type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

/* [type=checkbox]:checked+label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #3a8dfe;
	border-bottom: 2px solid #3a8dfe;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
} */

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}

[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  font-weight: 300;
  position: relative;
  padding-left: 0;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  -webkit-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type="radio"] + label:after,
[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  -o-transition: 0.28s ease;
  transition: 0.28s ease;
}

[type="radio"]:checked + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
}

[type="radio"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:before {
  border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + label:after {
  z-index: -1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked + label:before {
  border: 2px solid transparent;
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards;
}

[type="radio"]:checked + label:after {
  border: 2px solid #3a8dfe;
}

[type="radio"]:checked + label:after {
  background-color: #3a8dfe;
  z-index: 0;
}

[type="radio"]:checked + label:after {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

[type="radio"].tabbed:focus + label:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards;
}

[type="radio"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards;
}

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #bdbdbd;
}

input[type="color"] {
  height: 42px;
}

/* .form-group label {
    
    color: #212121;
} */

.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}

.form-control:focus {
  border-color: #3a8dfe;
  box-shadow: none;
}

.form-control:-ms-input-placeholder,
.form-control::-moz-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}

.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group.has-error .help-block,
.form-group.has-error label {
  color: #ef5350;
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
  border-color: #ef5350;
  box-shadow: none;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: inherit;
  opacity: 1;
  appearance: auto;
  width: auto;
  display: inline-block;
}

.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}

.wysihtml5-toolbar .btn-group {
  display: -ms-inline-block;
  display: inline-block;
}

.progress {
  margin-bottom: 20px;
}

.progress,
.progress .progress-bar,
.progress.sm,
.progress.sm .progress-bar,
.progress.xs,
.progress.xs .progress-bar,
.progress.xxs,
.progress.xxs .progress-bar,
.progress > .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}

.icheck > label {
  padding-left: 0;
}

.form-control-feedback.fa {
  line-height: 34px;
}

.input-group-lg + .form-control-feedback.fa,
.input-lg + .form-control-feedback.fa {
  line-height: 46px;
}

.input-sm + .form-control-feedback.fa {
  line-height: 30px;
}

.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress.sm {
  height: 10px;
}

.progress.xs {
  height: 7px;
}

.progress.xxs {
  height: 3px;
}

.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}

.progress.vertical > .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.progress.vertical.sm {
  width: 20px;
}

.progress.vertical.xs {
  width: 10px;
}

.progress.vertical.xxs {
  width: 3px;
}

.table tr > td .progress {
  margin: 0;
}

/*box*/

.box {
  position: relative;
  border-top: 0;
  margin-bottom: 20px;
  width: 100%;
  background: #fff;
  border-radius: 0;
  padding: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-inverse {
  color: #fff;
  background-color: #465161;
}

.box-inverse .box-header {
  color: #fff;
}

.box-inverse h1,
.box-inverse h2,
.box-inverse h3,
.box-inverse h4,
.box-inverse h5,
.box-inverse h6,
.box-inverse .box-title,
.box-inverse small,
.box-inverse .box-controls li > a {
  color: #fff;
}

.box-inverse .box-title small {
  opacity: 0.8;
}

.box-inverse .box-header,
.box-inverse .box-footer {
  border-color: rgba(255, 255, 255, 0.15);
}

.box-hover-shadow:hover {
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
}

.box .flex-column > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}

.box .flex-column > li:last-of-type {
  border-bottom: none;
}

.box .border-right {
  border-right: 1px solid #f4f4f4;
}

.box .border-left {
  border-left: 1px solid #f4f4f4;
}

.box.box-solid {
  border-top: 0;
}

.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.box.box-solid.box-default > .box-header {
  color: #212121;
  background: #d2d6de;
}

.box.box-solid.box-default > .box-header .btn,
.box.box-solid.box-default > .box-header a {
  color: #212121;
}

.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}

.box.box-solid[class*="bg"] > .box-header {
  color: #fff;
}

.box .box-group > .box {
  margin-bottom: 5px;
}

.box > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.box .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.box .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}

/*.box-body:after, .box-body:before, .box-footer:after, .box-footer:before, .box-header:after, .box-header:before {
    content: " ";
    display: table;
}*/

.box-header {
  color: #212121;
  display: block;
  padding: 0.8rem 1.25rem;
  position: relative;
  border-bottom: 1px solid rgba(97, 106, 120, 0.07);
}

.box-header.with-border {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.box-header .box-title,
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  display: inline-block;
  margin: 0;
}

.box-title {
  z-index: auto;
}

.box-title code {
  font-size: 10px;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}

.box-header > .box-tools {
  position: absolute;
  right: 15px;
  top: 15px;
}

.box-header > .box-tools [data-toggle="tooltip"],
.control {
  position: relative;
}

.tooltip {
  z-index: 999999;
}

.box-hover-shadow:hover {
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
}

.box-header > .box-tools .dropdown-menu > li > a {
  color: #212121;
}

.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: 0 0;
  color: #97a0b3;
}

.btn-box-tool:hover,
.show .btn-box-tool {
  color: #606c84;
}

.btn-box-tool.btn:active {
  box-shadow: none;
}

.box-body {
  padding: 20px;
  border-radius: 0 0 0px 0px;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.box-body > .table {
  margin-bottom: 0;
}

.box-body .fc {
  margin-top: 5px;
}

.box-footer {
  /*border-top: 1px solid #f4f4f4;*/
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0 0 0px 0px;
}

.box-footer > *:last-child {
  margin-bottom: 0;
}

.box-controls {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.box-controls li > a,
.box-controls li > button {
  font-family: themify;
  font-size: 12px;
  display: inline-block;
  padding: 0 4px;
  margin: 0 4px;
  color: #929daf;
  opacity: 0.8;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.box-solid .box-controls li > a,
.box-solid .box-controls li > button {
  color: #ffffff;
}

.box.box-solid .box-controls li > a:hover,
.box.box-solid .box-controls li > button:hover {
  color: #ffffff;
  opacity: 0.5;
  background: transparent;
}

.box-controls li > a:hover {
  color: #3a8dfe;
}

.box-controls li:first-child > a {
  margin-right: 0;
}

.box-controls .dropdown.show > a {
  color: #3a8dfe;
}

.box-controls [data-toggle="dropdown"] {
  font-size: 14px;
}

.box-btn-close::before {
  content: "\e646";
}

.box-btn-slide::before {
  content: "\e648";
}

.box-btn-fullscreen::before {
  content: "\e659";
}

.box-body > *:last-child {
  margin-bottom: 0;
}

/*User card page*/

/*tab*/

.tabcontent-border {
  border: 1px solid #ddd;
  border-top: 0px;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }

  .add-ticket .col {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .info-box.bg3-.boxbg.rangepic {
    min-height: auto;
  }
}

/*Vertical tabs*/

/*Custom vertical tab*/

.tabcontent-border {
  border: 1px solid #ddd;
  border-top: 0px;
}

@media (max-width: 767px) {
  .range-col {
    padding: 15px;
  }

  .range-col button.btn.btn-primary.mb-3,
  .rangepic button.btn.btn-primary.mb-3 {
    top: 0;
    margin-top: 15px;
  }

  .topinfo-col.ib .col-xl-6.col-md-6.col-12:last-child .info-box {
    margin-bottom: 0;
  }
}

/*google map Page*/

.gmaps {
  height: 300px;
}

.gmaps {
  height: 300px;
  background: #f2f4f8;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #926dde;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute;
}

.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #926dde;
}

.gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #926dde;
}

/*wizard*/

.wizard-content .wizard > .steps > ul > li:after,
.wizard-content .wizard > .steps > ul > li:before {
  content: "";
  z-index: 9;
  display: block;
  position: absolute;
}

.wizard-content .wizard {
  width: 100%;
  overflow: hidden;
}

.wizard-content .wizard .content {
  margin-left: 0;
}

.wizard-content .wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.wizard-content .wizard > .steps .current-info {
  position: absolute;
  left: -99999px;
}

.wizard-content .wizard > .steps > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wizard-content .wizard > .steps > ul > li {
  display: table-cell;
  width: auto;
  vertical-align: top;
  text-align: center;
  position: relative;
}

.wizard-content .wizard > .steps > ul > li a {
  position: relative;
  padding-top: 52px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.wizard-content .wizard.vertical > .steps > ul > li a {
  margin-top: 0px;
}

.wizard-content .wizard > .steps > ul > li:before {
  left: 0;
}

.wizard-content .wizard > .steps > ul > li:after {
  right: 0;
}

.wizard-content .wizard > .steps > ul > li:first-child:before,
.wizard-content .wizard > .steps > ul > li:last-child:after {
  content: none;
}

.wizard-content .wizard > .steps > ul > li.current > a {
  color: #2f3d4a;
  cursor: default;
}

.wizard-content .wizard > .steps > ul > li.current .step {
  border-color: #fd7397;
  background-color: #fff;
  color: #fd7397;
}

.wizard-content .wizard > .steps > ul > li.disabled a,
.wizard-content .wizard > .steps > ul > li.disabled a:focus,
.wizard-content .wizard > .steps > ul > li.disabled a:hover {
  color: #67757c;
  cursor: default;
}

.wizard-content .wizard > .steps > ul > li.done a,
.wizard-content .wizard > .steps > ul > li.done a:focus,
.wizard-content .wizard > .steps > ul > li.done a:hover {
  color: #999;
}

.wizard-content .wizard > .steps > ul > li.done .step {
  background-color: #fd7397;
  border-color: #fd7397;
  color: #fff;
}

.wizard-content .wizard > .steps > ul > li.error .step {
  border-color: #f62d51;
  color: #f62d51;
}

.wizard-content .wizard > .steps .step {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  text-align: center;
  margin-left: -80px;
}

.wizard-content .wizard > .content {
  overflow: hidden;
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
}

.wizard-content .wizard > .content > .title {
  position: absolute;
  left: -99999px;
}

.wizard-content .wizard > .content > .body {
  padding: 20px 20px;
}

.wizard-content .wizard > .content > iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.wizard-content .wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  padding: 20px 20px 20px;
}

.wizard-content .wizard > .actions > ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

.wizard-content .wizard > .actions > ul:after {
  content: "";
  display: table;
  clear: both;
}

.wizard-content .wizard > .actions > ul > li {
  float: left;
}

.wizard-content .wizard > .actions > ul > li + li {
  margin-left: 10px;
}

.wizard-content .wizard > .actions > ul > li > a {
  background: #fd7397;
  color: #fff;
  display: block;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.wizard-content .wizard > .actions > ul > li > a:focus,
.wizard-content .wizard > .actions > ul > li > a:hover {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}

.wizard-content .wizard > .actions > ul > li > a:active {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}

.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
  background-color: #fff;
  color: #54667a;
  border: 1px solid #d9d9d9;
}

.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:focus,
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}

.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:active {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
}

.wizard-content .wizard > .actions > ul > li.disabled > a,
.wizard-content .wizard > .actions > ul > li.disabled > a:focus,
.wizard-content .wizard > .actions > ul > li.disabled > a:hover {
  color: #999;
}

.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"],
.wizard-content
  .wizard
  > .actions
  > ul
  > li.disabled
  > a[href="#previous"]:focus,
.wizard-content
  .wizard
  > .actions
  > ul
  > li.disabled
  > a[href="#previous"]:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wizard-content .wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 10%;
}

.wizard-content .wizard.vertical > .steps > ul > li {
  display: block;
  width: 100%;
}

.wizard-content .wizard.vertical > .steps > ul > li.current:after,
.wizard-content .wizard.vertical > .steps > ul > li.current:before,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before,
.wizard-content .wizard.vertical > .steps > ul > li:after,
.wizard-content .wizard.vertical > .steps > ul > li:before {
  background-color: transparent;
}

@media (max-width: 1024px) {
  .wizard-content .wizard > .steps .step {
    left: 50%;
    margin-left: -24px;
  }

  .wizard-content .wizard.vertical > .steps .step {
    left: 50%;
  }

  .wizard-content .wizard.vertical > .steps {
    width: 20%;
  }
}

@media (max-width: 768px) {
  .wizard-content .wizard > .steps > ul {
    margin-bottom: 20px;
  }

  .wizard-content .wizard > .steps > ul > li {
    display: block;
    float: left;
    width: 50%;
  }

  .wizard-content .wizard > .steps > ul > li > a {
    margin-bottom: 0;
  }

  .wizard-content .wizard > .steps > ul > li:first-child:before {
    content: "";
  }

  .wizard-content .wizard > .steps > ul > li:last-child:after {
    content: "";
    background-color: #fd7397;
  }

  .wizard-content .wizard.vertical > .steps {
    width: 30%;
  }
}

@media (max-width: 480px) {
  .wizard-content .wizard > .steps > ul > li {
    width: 100%;
  }

  .wizard-content .wizard > .steps > ul > li.current:after {
    background-color: #fd7397;
  }

  .wizard-content .wizard.vertical > .steps > ul > li {
    display: block;
    float: left;
    width: 50%;
  }

  .wizard-content .wizard.vertical > .steps {
    width: 100%;
    float: none;
  }
}

/*weather*/

/*---panel---*/

.panel {
  position: relative;
  background-color: #fff;
  border: 0 solid transparent;
}

.panel-body .list-group-item {
  border-radius: 0;
}

.panel-body .list-group-item.active {
  background-color: #3a8dfe;
  border-color: #3a8dfe;
}

.panel-heading {
  position: relative;
  padding: 0;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 0.214rem;
  border-top-left-radius: 0.214rem;
}

.panel-heading + .alert {
  border-radius: 0;
}

.panel-heading > .nav-tabs {
  border-bottom: none;
}

.panel-heading + .nav-tabs {
  margin-top: -0.715rem;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-body {
  position: relative;
  padding: 10px 10px;
}

.panel-body::after {
  display: block;
  content: "";
  clear: both;
}

.panel-heading + .panel-body {
  padding-top: 0;
}

.panel-body h1:first-child,
.panel-body h2:first-child,
.panel-body h3:first-child,
.panel-body h4:first-child,
.panel-body h5:first-child,
.panel-body h6:first-child,
.panel-body .h1:first-child,
.panel-body .h2:first-child,
.panel-body .h3:first-child,
.panel-body .h4:first-child,
.panel-body .h5:first-child,
.panel-body .h6:first-child {
  margin-top: 0;
}

.panel-body > *:last-child {
  margin-bottom: 0;
}

.panel-title {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 30px;
  font-size: 18px;
  color: #424242;
}

.panel-title > .icon {
  margin-right: 10px;
}

.panel-title > .badge {
  margin-left: 10px;
}

.panel-title small,
.panel-title .small {
  color: #757575;
}

.panel-title > a,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel.is-close {
  display: none;
}

.panel > .alert {
  padding-left: 30px;
  padding-right: 30px;
}

.panel > .alert-dismissible {
  padding-right: 50px;
}

@media (max-width: 479px) {
  .panel > .alert {
    padding-left: 20px;
    padding-right: 20px;
  }

  .panel > .alert-dismissible {
    padding-right: 40px;
  }
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 30px 30px;
  padding-right: 30px 30px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 0.214rem;
  border-top-left-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child {
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child {
  border-top-right-radius: 0.214rem;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child {
  border-bottom-left-radius: 0.214rem;
  border-bottom-right-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child {
  border-bottom-left-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child {
  border-bottom-right-radius: 0.214rem;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e0e0e0;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

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

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel > .table > tr > td:first-child,
.panel > .table > tr > th:first-child,
.panel > .table > thead > tr > td:first-child,
.panel > .table > thead > tr > th:first-child,
.panel > .table > tbody > tr > td:first-child,
.panel > .table > tbody > tr > th:first-child,
.panel > .table > tfoot > tr > td:first-child,
.panel > .table > tfoot > tr > th:first-child,
.panel > .table-responsive .table > tr > td:first-child,
.panel > .table-responsive .table > tr > th:first-child,
.panel > .table-responsive .table > thead > tr > td:first-child,
.panel > .table-responsive .table > thead > tr > th:first-child,
.panel > .table-responsive .table > tbody > tr > td:first-child,
.panel > .table-responsive .table > tbody > tr > th:first-child,
.panel > .table-responsive .table > tfoot > tr > td:first-child,
.panel > .table-responsive .table > tfoot > tr > th:first-child {
  padding-left: 30px;
}

@media (max-width: 479px) {
  .panel > .table > tr > td:first-child,
  .panel > .table > tr > th:first-child,
  .panel > .table > thead > tr > td:first-child,
  .panel > .table > thead > tr > th:first-child,
  .panel > .table > tbody > tr > td:first-child,
  .panel > .table > tbody > tr > th:first-child,
  .panel > .table > tfoot > tr > td:first-child,
  .panel > .table > tfoot > tr > th:first-child,
  .panel > .table-responsive .table > tr > td:first-child,
  .panel > .table-responsive .table > tr > th:first-child,
  .panel > .table-responsive .table > thead > tr > td:first-child,
  .panel > .table-responsive .table > thead > tr > th:first-child,
  .panel > .table-responsive .table > tbody > tr > td:first-child,
  .panel > .table-responsive .table > tbody > tr > th:first-child,
  .panel > .table-responsive .table > tfoot > tr > td:first-child,
  .panel > .table-responsive .table > tfoot > tr > th:first-child {
    padding-left: 20px;
  }
}

.panel > .table > tr > td:last-child,
.panel > .table > tr > th:last-child,
.panel > .table > thead > tr > td:last-child,
.panel > .table > thead > tr > th:last-child,
.panel > .table > tbody > tr > td:last-child,
.panel > .table > tbody > tr > th:last-child,
.panel > .table > tfoot > tr > td:last-child,
.panel > .table > tfoot > tr > th:last-child,
.panel > .table-responsive .table > tr > td:last-child,
.panel > .table-responsive .table > tr > th:last-child,
.panel > .table-responsive .table > thead > tr > td:last-child,
.panel > .table-responsive .table > thead > tr > th:last-child,
.panel > .table-responsive .table > tbody > tr > td:last-child,
.panel > .table-responsive .table > tbody > tr > th:last-child,
.panel > .table-responsive .table > tfoot > tr > td:last-child,
.panel > .table-responsive .table > tfoot > tr > th:last-child {
  padding-right: 30px;
}

@media (max-width: 479px) {
  .panel > .table > tr > td:last-child,
  .panel > .table > tr > th:last-child,
  .panel > .table > thead > tr > td:last-child,
  .panel > .table > thead > tr > th:last-child,
  .panel > .table > tbody > tr > td:last-child,
  .panel > .table > tbody > tr > th:last-child,
  .panel > .table > tfoot > tr > td:last-child,
  .panel > .table > tfoot > tr > th:last-child,
  .panel > .table-responsive .table > tr > td:last-child,
  .panel > .table-responsive .table > tr > th:last-child,
  .panel > .table-responsive .table > thead > tr > td:last-child,
  .panel > .table-responsive .table > thead > tr > th:last-child,
  .panel > .table-responsive .table > tbody > tr > td:last-child,
  .panel > .table-responsive .table > tbody > tr > th:last-child,
  .panel > .table-responsive .table > tfoot > tr > td:last-child,
  .panel > .table-responsive .table > tfoot > tr > th:last-child {
    padding-right: 20px;
  }
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 1px solid #e0e0e0;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 0.214rem;
  border-top-left-radius: 0.214rem;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 479px) {
  .panel > .list-group .list-group-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel-default {
  border-color: #e0e0e0;
}

.panel-default > .panel-heading {
  color: #757575;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e0e0e0;
}

.panel-default .panel-title {
  color: #757575;
}

.panel-default .panel-title {
  color: #424242;
}

@media (max-width: 479px) {
  .panel-title,
  .panel-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*---Notification---*/

.alert-success {
  background: #4aa23c;
  color: #fff;
  border-color: #4aa23c;
}

.alert-warning {
  background: #ffc36d;
  color: #fff;
  border-color: #ffc36d;
}

.alert-danger {
  background: #ef5350;
  color: #fff;
  border-color: #ef5350;
}

/*---Advanced Medias---*/

.media-body > * {
  margin-bottom: 5px;
  margin-top: 0;
}

.media .lead {
  line-height: 1.875rem;
}

.media > * {
  margin: 0 8px;
}

.media-body > p:last-child {
  color: #67757c;
}

.media .custom-control {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  margin-top: 5px;
}

.media .custom-control [type="checkbox"] + label {
  padding-left: 20px;
}

.media.active {
  background-color: #f9fafb;
}

.media .media-body .list-inline > li {
  padding-left: 0px;
  padding-right: 5px;
}

.media {
  flex-shrink: 0;
}

.media.flex-column > div {
  width: 100%;
}

.media.flex-column > * {
  margin: 0;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: #f5f6f7;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: normal;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  vertical-align: top;
}

.avatar-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 1.125rem;
}

.avatar[class*="status-"]::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #fff;
  background-color: #3a8dfe;
}

.avatar[class*="status-"].avatar-lg::after {
  right: 4px;
}

.avatar.status-info::after {
  background-color: #fd7397;
}

[data-provide~="more-avatar"] ~ .avatar {
  display: none;
}

/*---switch---*/

.switch {
  font-weight: 300;
  letter-spacing: 0;
  margin-bottom: 0;
  line-height: 29px;
  cursor: pointer;
  white-space: nowrap;
}

.switch input {
  display: none;
}

/*---fullscreen---*/

/*---badges---*/

.badge {
  border-radius: 3px;
  font-weight: 300;
  line-height: 1.3;
  font-size: 85%;
}

.badge:empty {
  display: inline-block;
  vertical-align: inherit;
}

.badge-primary {
  background-color: #6639e4;
  color: #fff !important;
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
  background-color: #ffe930;
  color: #212121 !important;
}

.badge-secondary {
  background-color: #3a8dfe;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
  background-color: #2e7de5;
}

.badge-success {
  background-color: #4aa23c;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
  background-color: #0fc491;
}

.badge-info {
  background-color: #6639e4;
  color: #fff !important;
}

.badge-info[href]:focus,
.badge-info[href]:hover {
  background-color: #ffe930;
  color: #212121 !important;
}

.badge-warning {
  background-color: #f8b32d;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
  background-color: #df9e1b;
}

.badge-danger {
  background-color: #f33923;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
  background-color: #e73f3c;
}

.badge-warning {
  color: #fff;
}

.badge-default {
  color: #788394;
  background-color: #f5f6f7;
}

.badge-default[href]:focus,
.badge-default[href]:hover {
  color: #788394;
  background-color: #edeef0;
}

.badge-secondary {
  color: #788394;
  background-color: #e4e7ea;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
  color: #788394;
  background-color: #dbdfe3;
}

/*---modal---*/

.modal {
  z-index: 9999;
}

.modal.fade.modal-right.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal.fade.modal-right .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 360px;
  max-width: 100%;
  margin: 0;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.modal-right .modal-content {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  border-radius: 0;
}

/*---mask Formatter---*/

.subtitle {
  display: block;
  margin-top: 8px;
}

/*---Statistic widgets---*/

.flexbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.flexbox .dropdown i {
  font-size: 14px;
}

.flex-justified > * {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
}

.flexbox > * {
  margin-left: 4px;
  margin-right: 4px;
}

.flexbox > *:last-child {
  margin-right: 0;
}

.flexbox > *:first-child {
  margin-left: 0;
}

.list-inline > li.flexbox {
  display: -webkit-box;
  display: flex;
}

ul.flexbox {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.flexbox .list-inline > li {
  display: block;
}

.dropdown-item {
  color: #747e8e;
  font-weight: 300;
  padding: 4px 12px;
  width: auto;
  margin: 4px;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
}

.flexbox .dropdown a i {
  font-size: 1rem;
}

.dropdown-menu {
  -webkit-transition: auto;
  -o-transition: auto;
  transition: auto;
  -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}

.card-header > *:last-child {
  margin-right: 0;
}

.card-header > * {
  margin-left: 8px;
  margin-right: 8px;
}

.card-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px 20px;
  background-color: transparent;
  border-bottom: 1px solid rgba(97, 106, 120, 0.07);
}

.dropdown-item.active,
.dropdown-item:active {
  color: #616a78;
  background-color: #f5f6f7;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}

.percent:after {
  content: "%";
  margin-left: 0.1em;
  font-size: 0.8em;
}

/*---media---*/

.media {
  padding: 10px 10px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.media > * {
  margin: 0 8px;
}

.media .nav-link:focus,
.media .nav-link:hover {
  background-color: transparent;
}

.media a:not(.btn):not(.avatar) {
  color: #616a78;
}

.media.flex-column > * {
  margin: 0;
}

.media.flex-column > div {
  width: 100%;
}

.media.active {
  background-color: #f9fafb;
}

.media.bordered {
  border: 1px solid #ebebeb;
}

.media.items-center {
  -webkit-box-align: center;
  align-items: center;
}

.media[data-provide~="checkable"],
.media[data-provide~="selectable"] {
  cursor: pointer;
}

.media .media {
  margin-top: 1.25rem;
}

.media .lead {
  line-height: 1.875rem;
}

.media .title {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
}

.media .avatar {
  flex-shrink: 0;
}

.media .align-center {
  -ms-grid-row-align: center;
  align-self: center;
}

.media .dropdown .dropdown-toggle {
  opacity: 0.7;
}

.media .dropdown:hover .dropdown-toggle,
.media .dropdown.open .dropdown-toggle {
  opacity: 1;
}

.media .custom-control {
  margin-right: 0;
}

.media .nav {
  flex-wrap: nowrap;
  margin-left: -8px;
  margin-right: -8px;
}

.media .nav-link {
  line-height: 24px;
  font-size: 90%;
  padding: 0 8px;
}

.media-body {
  min-width: 0;
}

.media-body > * {
  margin-bottom: 0;
}

.media-body .media > *:first-child {
  margin-left: 0;
}

.media-body .media > *:last-child {
  margin-right: 0;
}

.media-left {
  padding-right: 0;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  vertical-align: top;
}

/*---blog---*/

[class*="img-hov-"] {
  overflow: hidden;
}

[class*="img-hov-"] img {
  -webkit-transition: 0.45s;
  transition: 0.45s;
  -webkit-backface-visibility: hidden;
}

[data-overlay],
[data-overlay-light] {
  position: relative;
}

[data-overlay]::before,
[data-overlay-light]::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #191919;
  z-index: -1;
  border-radius: inherit;
  display: block;
}

[data-overlay-light]::before {
  background: #fff;
}

[data-overlay-primary]::before {
  background: #3a8dfe;
}

[data-overlay="1"]::before {
  opacity: 0.1;
}

[data-overlay="2"]::before {
  opacity: 0.2;
}

[data-overlay="3"]::before {
  opacity: 0.3;
}

[data-overlay="4"]::before {
  opacity: 0.4;
}

[data-overlay="5"]::before {
  opacity: 0.5;
}

[data-overlay="6"]::before {
  opacity: 0.6;
}

[data-overlay="7"]::before {
  opacity: 0.7;
}

[data-overlay="8"]::before {
  opacity: 0.8;
}

[data-overlay="9"]::before {
  opacity: 0.9;
}

[data-overlay-light="1"]::before {
  opacity: 0.1;
}

[data-overlay-light="2"]::before {
  opacity: 0.2;
}

[data-overlay-light="3"]::before {
  opacity: 0.3;
}

[data-overlay-light="4"]::before {
  opacity: 0.4;
}

[data-overlay-light="5"]::before {
  opacity: 0.5;
}

[data-overlay-light="6"]::before {
  opacity: 0.6;
}

[data-overlay-light="7"]::before {
  opacity: 0.7;
}

[data-overlay-light="8"]::before {
  opacity: 0.8;
}

[data-overlay-light="9"]::before {
  opacity: 0.9;
}

[data-scrim-top],
[data-scrim-bottom] {
  position: relative;
}

[data-scrim-top]::before,
[data-scrim-bottom]::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 20%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#191919),
    to(transparent)
  );
  background: -webkit-linear-gradient(top, #191919 0%, transparent 100%);
  background: linear-gradient(to bottom, #191919 0%, transparent 100%);
  z-index: -1;
  border-radius: inherit;
}

[data-scrim-bottom]::before {
  top: 20%;
  bottom: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#191919)
  );
  background: -webkit-linear-gradient(top, transparent 0%, #191919 100%);
  background: linear-gradient(to bottom, transparent 0%, #191919 100%);
}

[data-scrim-top="1"]::before,
[data-scrim-bottom="1"]::before {
  opacity: 0.1;
}

[data-scrim-top="2"]::before,
[data-scrim-bottom="2"]::before {
  opacity: 0.2;
}

[data-scrim-top="3"]::before,
[data-scrim-bottom="3"]::before {
  opacity: 0.3;
}

[data-scrim-top="4"]::before,
[data-scrim-bottom="4"]::before {
  opacity: 0.4;
}

[data-scrim-top="5"]::before,
[data-scrim-bottom="5"]::before {
  opacity: 0.5;
}

[data-scrim-top="6"]::before,
[data-scrim-bottom="6"]::before {
  opacity: 0.6;
}

[data-scrim-top="7"]::before,
[data-scrim-bottom="7"]::before {
  opacity: 0.7;
}

[data-scrim-top="8"]::before,
[data-scrim-bottom="8"]::before {
  opacity: 0.8;
}

[data-scrim-top="9"]::before,
[data-scrim-bottom="9"]::before {
  opacity: 0.9;
}

.blockquote {
  font-style: italic;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 1rem;
  color: #616a78;
}

.blockquote p {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.blockquote a {
  color: #616a78;
}

.blockquote footer {
  color: #929daf;
  font-size: 0.875rem;
}

.blockquote footer::before {
  content: "\2014 \00A0";
}

.nav-dot-separated .nav-item::after,
.nav-dot-separated > .nav-link::after {
  content: "•";
  vertical-align: middle;
  color: #788394;
  opacity: 0.4;
  cursor: default;
}

.nav-dot-separated .nav-link:hover,
.nav-dot-separated .nav-link:focus,
.nav-dot-separated .nav-link.active {
  background-color: transparent;
}

.nav-dot-separated .nav-item,
.nav-dot-separated > .nav-link {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 10px !important;
}

.nav-dot-separated .nav-item:last-child::after,
.nav-dot-separated > .nav-link:last-child::after {
  display: none;
}

.toggler {
  color: #e3e4e5;
  cursor: pointer;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}

.rating {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rating input {
  display: none;
}

.rating label {
  color: #e3e4e5;
  cursor: pointer;
}

.rating label::before {
  margin-right: 5px;
  font-size: 20px;
  display: inline-block;
}

.rating .active,
.rating :checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: #3a8dfe;
}

.toggler {
  color: #e3e4e5;
  cursor: pointer;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}

.toggler i {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.toggler input {
  display: none;
}

.toggler input:checked + i {
  color: #fcc525;
}

/*---box nav-tab---*/

.nav-tabs .nav-link {
  position: relative;
  border: none;
  font-size: 16px;
  color: #929daf;
  border-bottom: 2px solid transparent;
  padding: 10px 16px;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 767px) {
  .nav-tabs .nav-link {
    padding: 8px 12px;
  }
}

.lookup {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

.lookup::before {
  content: "\e610";
  font-family: themify;
  font-size: 16px;
  position: absolute;
  top: 52%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(97, 106, 120, 0.4);
  width: 36px;
  text-align: center;
  cursor: text;
}

.lookup input {
  color: #616a78;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  height: 36px;
  width: 200px;
  max-width: 100%;
  padding-left: 36px;
  padding-right: 18px;
  font-size: 15px;
  font-weight: 300;
  outline: none !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.lookup input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(97, 106, 120, 0.7);
}

.lookup input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(97, 106, 120, 0.7);
}

.lookup input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(97, 106, 120, 0.7);
}

.lookup input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(97, 106, 120, 0.7);
}

.lookup input:focus {
  background-color: rgba(97, 106, 120, 0.04);
}

.lookup input + input {
  border-left: none;
}

.lookup .btn {
  height: 36px;
  line-height: 36px;
}

.price {
  font-weight: bold;
  font-size: 75px;
  line-height: 75px;
  color: #000;
  padding: 10px 0;
}

.price span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  color: #788394;
}

.price sup {
  font-size: 28px;
  vertical-align: super;
}

/*-----------------*/

.control {
  margin-bottom: 0;
}

.control {
  display: inline;
  padding-left: 0;
  padding-top: 0;
  cursor: pointer;
  font-size: 16px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

td .label {
  font-size: 100%;
}

.badge {
  font-weight: normal;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

/*chat*/

.chat {
  padding: 5px 20px 5px 10px;
}

.chat .item {
  margin-bottom: 10px;
}

.chat .item:after,
.chat .item:before {
  content: " ";
  display: table;
}

.chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 5px;
}

.chat .item > .online {
  border: 2px solid #4aa23c;
}

.chat .item > .offline {
  border: 2px solid #ef5350;
}

.chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
  color: #67757c;
}

.chat .item > .message > .name {
  display: block;
  font-weight: 600;
}

.chat .item > .attachment {
  border-radius: 3px;
  background: #d6ecff;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}

.chat .item > .attachment .pull-right .btn {
  top: 10px;
  position: relative;
  border-radius: 5px;
}

.chat .item > .attachment > h4 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 14px;
}

.chat .item > .attachment > .filename,
.chat .item > .attachment > p {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}

.chat .item > .attachment:after,
.chat .item > .attachment:before {
  content: " ";
  display: table;
}

.info-box,
.info-box-icon,
.info-box-number {
  display: block;
}

.modal .panel-body {
  color: #212121;
}

.info-box {
  min-height: 100px;
  background: #fff;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px;
}

.info-box small {
  font-size: 14px;
}

.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px 0;
  height: 2px;
}

.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}

.info-box .progress .progress-bar {
  background: #fff;
}

/*.info-box-icon {
    float: left;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 74px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%}
.info-box-icon.push-bottom {
    margin-top: 20px;
}*/

.info-box-icon {
  float: left;
  height: 70px;
  width: 70px;
  text-align: center;
  font-size: 30px;
  line-height: 74px;
  background: #6639e4;
  border-radius: 100%;
}

.info-box-icon > img {
  max-width: 100%;
}

.info-box-content {
  padding: 10px 10px 10px 0;
  margin-left: 90px;
}

.info-box-number {
  font-size: 21px;
}

.info-box-text {
  display: block;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

/*timeline*/

.timeline {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.timeline:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #c9d8e0;
  left: 33px;
  margin: 0;
  border-radius: 2px;
}

.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}

.timeline > li:after,
.timeline > li:before {
  content: " ";
  display: table;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}

.btn-circle {
}

/*Button*/

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

button.btn.dropdown-toggle::after,
.wysihtml5-toolbar .btn.dropdown-toggle::after {
  display: inline-block;
}

.btn-circle {
  border-radius: 100%;
}

.btn.btn-flat {
  border-radius: 0;
}

.btn.btn-flat {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
  outline: 0;
}

.btn,
.btn:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.pagination li a,
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

form#ibReqForm {
  padding-top: 20px;
}

.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn[class*="bg-"]:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}

.alert,
.callout {
  border-radius: 0px;
}

.callout .highlight,
.callout code,
.wysihtml5-toolbar .btn-default {
  background-color: #fff;
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}

.alert h4,
.callout h4,
.nav-pills > li.active > a {
  font-weight: 600;
}

/*---*/

.btn:hover {
  cursor: pointer;
}

.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-xs {
  font-size: 11px;
  padding: 2px 8px;
  line-height: 18px;
}

.btn-sm {
  font-size: 12px;
  padding: 4px 12px;
  line-height: 20px;
}

.btn-lg {
  font-size: 15px;
  padding: 7px 20px;
  line-height: 32px;
}

.btn-outline {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn-outline:hover {
  color: #121212;
  background-color: #fff;
}

.btn-outline.btn-primary {
  color: #3a8dfe;
  background-color: transparent;
  border-color: #3a8dfe;
}

.btn-outline.btn-primary:hover {
  color: #fff;
  background-color: #3a8dfe;
  border-color: #3a8dfe;
}

.btn-outline.btn-primary:active,
.btn-outline.btn-primary.active,
.show > .btn-outline.btn-primary.dropdown-toggle {
  background-color: #2ba99d;
  border-color: #2ba99d;
}

.btn-outline.btn-success {
  color: #4aa23c;
  background-color: transparent;
  border-color: #4aa23c;
}

.btn-outline.btn-success:hover {
  color: #fff;
  background-color: #4aa23c;
  border-color: #4aa23c;
}

.btn-outline.btn-success:active,
.btn-outline.btn-success.active,
.show > .btn-outline.btn-success.dropdown-toggle {
  background-color: #12a766;
  border-color: #12a766;
}

.btn-outline.btn-info {
  color: #fd7397;
  background-color: transparent;
  border-color: #fd7397;
}

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

.btn-outline.btn-info:active,
.btn-outline.btn-info.active,
.show > .btn-outline.btn-info.dropdown-toggle {
  background-color: #fd7397;
  border-color: #fd7397;
}

.btn-outline.btn-danger {
  color: #f33923;
  background-color: transparent;
  border-color: #f33923;
}

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

.btn-outline.btn-danger:active,
.btn-outline.btn-danger.active,
.show > .btn-outline.btn-danger.dropdown-toggle {
  background-color: #f84f4f;
  border-color: #f84f4f;
}

.btn-outline.btn-secondary {
  color: #e4e7ea;
  background-color: transparent;
  border-color: #e4e7ea;
}

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

.btn-outline.btn-secondary:active,
.btn-outline.btn-secondary.active,
.show > .btn-outline.btn-secondary.dropdown-toggle {
  background-color: #dbdfe3;
  border-color: #dbdfe3;
}

.btn-outline.btn-light {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

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

.btn-outline.btn-light:active,
.btn-outline.btn-light.active,
.show > .btn-outline.btn-light.dropdown-toggle {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.btn-outline.btn-dark {
  color: #465161;
  background-color: transparent;
  border-color: #465161;
}

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

.btn-outline.btn-dark:active,
.btn-outline.btn-dark.active,
.show > .btn-outline.btn-dark.dropdown-toggle {
  background-color: #3b4552;
  border-color: #3b4552;
}

.btn-outline.btn-light:hover {
  color: #616a78;
}

.btn-flat {
  position: relative;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  background-color: #fcfdfe;
  border: none;
  letter-spacing: normal;
  border-radius: 0;
}

.btn-flat:hover {
  background-color: #f9fafb;
}

.btn-flat svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-flat circle {
  fill: rgba(255, 255, 255, 0.3);
}

.btn-flat.btn-primary {
  color: #3a8dfe;
}

.btn-flat.btn-primary circle {
  fill: rgba(51, 202, 187, 0.1);
}

.btn-flat.btn-secondary {
  color: #e4e7ea;
}

.btn-flat.btn-secondary circle {
  fill: rgba(228, 231, 234, 0.1);
}

.btn-flat.btn-success {
  color: #4aa23c;
}

.btn-flat.btn-success circle {
  fill: rgba(21, 195, 119, 0.1);
}

.btn-flat.btn-info {
  color: #fd7397;
}

.btn-flat.btn-info circle {
  fill: rgba(72, 176, 247, 0.1);
}

.btn-flat.btn-danger {
  color: #f33923;
}

.btn-flat.btn-danger circle {
  fill: rgba(249, 104, 104, 0.1);
}

.btn-flat.btn-dark {
  color: #465161;
}

.btn-flat.btn-dark circle {
  fill: rgba(70, 81, 97, 0.1);
}

.btn-flat.btn-secondary {
  color: #788394;
}

/*callout*/

.callout {
  margin: 0 0 20px;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.callout a {
  color: #fff;
  text-decoration: underline;
}

.callout a:hover {
  color: #eee;
}

.callout h4 {
  margin-top: 0;
}

.callout p:last-child {
  margin-bottom: 0;
}

.alert .icon {
  margin-right: 10px;
}

.alert .close {
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.alert .close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.alert a {
  color: #fff;
  text-decoration: underline;
}

.alert-success {
  border-color: #4aa23c;
}

.alert-danger {
  border-color: #e73f3c;
}

.alert-warning {
  border-color: #df9e1b;
}

/*tab*/

.nav > li > a:active,
.nav > li > a:focus,
.nav > li > a:hover {
  color: #212121;
  background: #f7f7f7;
}

.nav-pills > li > a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #212121;
}

.nav-pills > li > a > .fa,
.nav-pills > li > a > .glyphicon,
.nav-pills > li > a > .ion {
  margin-right: 5px;
}

.nav-pills > li > a.active,
.nav-pills > li > a.active:focus,
.nav-pills > li > a.active:hover {
  border-top-color: #3a8dfe;
  background-color: #3a8dfe !important;
}

.flex-column > li > a {
  border-radius: 0 !important;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #212121;
}

.flex-column > li > a.nav-link.active,
.flex-column > li > a.nav-link.active:hover {
  background: 0 0;
  color: #fff;
  border-top: 0;
  border-left-color: #3a8dfe;
}

.flex-column > li.header {
  border-bottom: 1px solid #ddd;
  color: #67757c;
  margin-bottom: 10px;
  padding: 5px 10px;
}

.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 3px;
}

.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom: solid 1px #dcdcdc;
  border-radius: 0;
}

.nav-tabs-custom > .nav-tabs > li {
  margin-bottom: -2px;
}

.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #67757c;
}

.nav-tabs-custom > .nav-tabs > li > a {
  border-radius: 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -o-border-top-left-radius: 10px;
  -o-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  background: transparent;
  text-align: center;
  text-transform: capitalize;
  color: #4c4c4c;
  letter-spacing: normal;
}

.nav-tabs-custom > .nav-tabs > li > a.text-muted,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #67757c;
}

.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: 0 0;
  margin: 0;
}

.nav-tabs-custom > .nav-tabs > li > a.active:hover,
.nav-tabs-custom > .nav-tabs > li > a.active {
  background: #ffe930;
  color: #212121;
  border-color: #ffe930;
}

.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: #6639e4;
  color: #fff;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type > a.active {
  border-left-color: transparent;
}

.nav-tabs-custom > .nav-tabs.float-right {
  float: none !important;
  display: block;
}

.nav-tabs-custom > .nav-tabs.float-right > li {
  float: right;
}

.nav-tabs-custom > .nav-tabs > li > a {
  padding: 12px 20px;
}

.nav-tabs-custom > .nav-tabs.float-right > li:first-of-type {
  margin-right: 0;
}

.nav-tabs-custom > .nav-tabs.float-right > li:first-of-type > a {
  border-left-width: 1px;
}

.nav-tabs-custom > .nav-tabs.float-right > li:first-of-type > a.active {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 30px;
  padding: 5px 10px;
  font-size: 16px;
  color: #212121;
}

.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}

.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 20px 10px 10px 10px;
  border-radius: 0;
}

.nav-tabs-custom .dropdown.show > a:active,
.nav-tabs-custom .dropdown.show > a:focus {
  background: 0 0;
  color: #67757c;
}

.nav-tabs-custom > .nav-tabs > li a.active {
  background: #6639e4;
  color: #fff;
  border-color: #6639e4;
}

/*pagination*/

.pagination > li > a {
  background-color: #1d344b;
  color: #212121;
  border-color: #fff;
}

.pagination li a.current,
.pagination li a.current:hover {
  color: #fff;
  border: 1px solid #3a8dfe;
  background-color: #3a8dfe;
}

.pagination li {
  margin: 0 2px;
}

.pagination li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 25px;
  padding: 0.1em 0.7em;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #67757c;
  background-color: transparent;
  border-color: transparent;
  cursor: not-allowed;
}

.pagination {
  margin-bottom: 10px;
}

.pagination li a:hover {
  color: #fff;
  /* border: 1px solid #16ad4b;
  background-color: #16ad4b !important; */
}

/*data table*/

@media screen and (max-width: 767px) {
  .info-box-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }

  .top-info .info-box-icon > img {
    max-width: 28px;
    top: 0;
  }

  .info-box-content {
    margin-left: 63px;
  }

  /* 

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    white-space: nowrap;
}
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #f4f4f4;
    padding: 1rem;
}
.table>thead>tr>th {
    border-bottom: 2px solid #f4f4f4;
}
.table tr td .progress {
    margin-top: 5px;
}
.table th, .table thead th {
  
} */

  .table-bordered,
  .table-bordered > tbody > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > thead > tr > th {
    border: 1px solid #f4f4f4;
  }

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

  .table.align th {
    text-align: left;
  }

  .table.align td {
    text-align: right;
  }

  .dataTables_info,
  .dataTables_length,
  .dt-buttons {
    display: inline-block;
    padding-top: 5px;
  }

  .dataTables_length label,
  .dataTables_filter label {
    display: flex;
  }

  .dt-buttons {
    margin-bottom: 10px;
  }

  .dt-buttons .dt-button {
    padding: 5px 15px;
    /* background: #1f64ad; */
    color: #fff;
    margin-right: 3px;
    display: inline-block;
    border-radius: 40px;
    text-transform: capitalize;
    letter-spacing: normal;
  }

  /* .dt-buttons .dt-button:hover {
    background: #1f64ad;
    color: #212121;
  } */

  .dataTables_filter {
    float: right;
    padding-top: 5px;
    margin-bottom: 15px;
  }

  .dataTables_filter input {
    border: 1px solid #d9d9d9;
    margin-left: 5px;
  }

  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_desc_disabled {
    /* background: 0 0;*/
  }

  table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    margin-left: 10px;
    font-family: fontawesome;
    cursor: pointer;
  }

  table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    margin-left: 10px;
    font-family: fontawesome;
    cursor: pointer;
  }

  table.dataTable thead .sorting:after {
    content: "\f0dc";
    margin-left: 10px;
    font-family: fontawesome;
    cursor: pointer;
    /*color: rgba(50, 50, 50, .5);*/
  }

  .dataTables_wrapper .dataTables_paginate,
  .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button,
  .dataTables_paginate .paginate_button a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid transparent;
    border-radius: 2px;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    border: 1px solid #3a8dfe;
    background-color: #3a8dfe;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: not-allowed;
    color: #67757c;
    border: 1px solid transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff;
    border: 1px solid #926dde;
    background-color: #926dde;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #67757c;
  }

  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
  }

  .dt-bootstrap {
    display: block;
  }

  .label-default {
    background-color: #d2d6de;
    color: #212121;
  }

  /*direct-chat*/

  .carousel-control.left,
  .carousel-control.right {
    background-image: none;
  }

  .carousel-control > .fa {
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px;
  }

  /*modal*/
  .modal {
    background: rgba(0, 0, 0, 0.3);
  }

  .modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 0;
  }

  @media (min-width: 768px) {
    .modal-content {
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    }
  }

  .modal-header {
    border-bottom-color: #f4f4f4;
  }

  .modal-footer {
    border-top-color: #f4f4f4;
    display: inline-block;
  }

  /*widget*/

  /*treevie*/
  .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .login-box .fog-pwd {
    display: block;
  }

  .treeview-menu .treeview-menu {
    padding-left: 20px;
  }

  .treeview-menu > li {
    margin: 0;
  }

  .treeview-menu > li > a {
    padding: 8px 5px 8px 20px;
    display: block;
    font-size: 12px;
    font-weight: 300;
  }

  .treeview-menu > li > a::before {
    content: "\e6e2";
    -webkit-transition: all 0.2s;
    -webkit-transition: font-size 0.2s;
    display: inline-block;
    font-size: 12px;
    margin: 0 10px 0 10px;
    text-align: left;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -o-transition: font-size 0.2s;
    transition: font-size 0.2s;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: "themify";
  }

  .treeview-menu > li > a > .fa,
  .treeview-menu > li > a > .glyphicon,
  .treeview-menu > li > a > .ion,
  .treeview-menu > li > a > i {
    width: 20px;
  }

  .treeview-menu > li > a > .fa-angle-down,
  .treeview-menu > li > a > .fa-angle-left,
  .treeview-menu > li > a > .pull-right-container > .fa-angle-down,
  .treeview-menu > li > a > .pull-right-container > .fa-angle-left {
    width: auto;
  }

  /*mailbox*/

  /*lockscreen*/

  /*login-box*/
  .profile-user-img {
    box-shadow:
      0 2px 2px 0 rgba(169, 169, 169, 0.14),
      0 3px 1px -2px rgba(169, 169, 169, 0.2),
      0 1px 5px 0 rgba(169, 169, 169, 0.12);
  }

  .login-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
  }

  .login-logo a {
    color: #fff;
  }

  .login-page {
    background: url(/theme/images/login-register.jpg) center center no-repeat
      #d2d6de;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
    width: 100%;
    position: relative;
  }

  .login-box {
    width: 360px;
    margin: 7% auto;
  }

  .login-box .fog-pwd {
    position: relative;
    margin-bottom: 10px;
  }

  .login-box .fog-pwd i {
    position: relative;
    padding-right: 15px;
  }

  .has-feedback {
    position: relative;
  }

  .login-page .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }

  /*lable floting*/

  .has-error .bar:before,
  .has-error .bar:after {
    background: #ef5350;
  }

  .has-error .form-control:focus ~ label,
  .has-error .form-control:valid ~ label {
    color: #ef5350;
  }

  .has-feedback label ~ .t-0 {
    top: 0;
  }

  .form-group.error input,
  .form-group.error select,
  .form-group.error textarea {
    border: 1px solid #ef5350;
  }

  .form-group.validate input,
  .form-group.validate select,
  .form-group.validate textarea {
    border: 1px solid #4aa23c;
  }

  .form-group.error .help-block ul {
    padding: 0px;
    color: #ef5350;
  }

  .form-group.error .help-block ul li {
    list-style: none;
  }

  .form-group.issue .help-block ul {
    padding: 0px;
    color: #f8b32d;
  }

  .form-group.issue .help-block ul li {
    list-style: none;
  }

  @media (max-width: 768px) {
    .login-box {
      width: 90%;
      margin-top: 20px;
    }

    .login-page {
      position: relative;
      background-size: inherit;
    }
  }

  .login-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px;
  }

  .profile-user-img {
    margin: 10px auto;
    width: 180px;
    box-shadow: none;
  }

  .post {
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #67757c;
  }

  .post:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .post .user-block {
    margin-bottom: 15px;
  }

  /*btn-social*/

  .box .datepicker-inline,
  .box .datepicker-inline .datepicker-days,
  .box .datepicker-inline .datepicker-days > table,
  .box .datepicker-inline > table {
    width: 100%;
  }

  .fc-day-number {
    padding-right: 10px;
  }

  .fc-button.hover,
  .fc-button:active,
  .fc-button:hover {
    background-color: #e9e9e9;
  }

  .fc-day-number {
    font-size: 20px;
    font-weight: 300;
  }

  .calendar {
    float: left;
    margin-bottom: 0;
  }

  .fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px;
  }

  .fc-toolbar h2 {
    font-size: 18px;
    line-height: 30px;
  }

  .fc-day {
    background: #fff;
  }

  .fc-toolbar .ui-state-active,
  .fc-toolbar .ui-state-hover,
  .fc-toolbar button:focus,
  .fc-toolbar button:hover {
    z-index: 0;
  }

  .fc-view {
    margin-top: 0;
  }

  .fc-toolbar {
    margin: 0;
    padding: 24px 0;
  }

  .fc-button {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, 0.13);
    color: #67757c;
    text-transform: capitalize;
  }

  .fc-button:hover {
    background: #f2f4f8;
    opacity: 0.8;
  }

  .fc-unthemed .fc-today {
    border: 1px solid #ef5350;
    background: #f2f4f8 !important;
  }

  .fc-event {
    background: #3a8dfe;
    cursor: move;
    text-align: center;
  }

  .fc-event {
    border-radius: 0;
    border: none;
    color: #fff !important;
    font-size: 13px;
    margin: 1px -1px 0;
    padding: 5px;
  }

  .fc-basic-view td.fc-week-number span {
    padding-right: 5px;
  }

  .fc-basic-view .fc-day-number {
    padding: 0px 15px;
    display: inline-block;
  }

  @media (min-width: 1100px) {
    .fc-basic-view .fc-day-number {
      padding: 10px 15px;
    }
  }

  .select2-selection.select2-container--focus,
  .select2-selection:active,
  .select2-selection:focus {
    outline: 0;
  }

  .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px;
  }

  .select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0;
  }

  .select2-results__option {
    padding: 6px 12px;
    user-select: none;
    -webkit-user-select: none;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    height: auto;
    margin-top: -4px;
  }

  .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px;
  }

  .select2-dropdown .select2-search__field,
  .select2-search--inline .select2-search__field {
    border: 1px solid #d2d6de;
  }

  .select2-dropdown .select2-search__field:focus,
  .select2-search--inline .select2-search__field:focus {
    outline: 0;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
  }

  .datepicker .datepicker-switch:hover,
  .datepicker .next:hover,
  .datepicker .prev:hover,
  .datepicker tfoot tr th:hover {
    background: rgba(0, 0, 0, 0.15) !important;
  }

  .box .datepicker-inline .datepicker-days td:hover,
  .box .datepicker-inline .datepicker-days > table td:hover,
  .box .datepicker-inline td:hover,
  .box .datepicker-inline > table td:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }

  .box .datepicker-inline .datepicker-days td.day.new,
  .box .datepicker-inline .datepicker-days td.day.old,
  .box .datepicker-inline .datepicker-days > table td.day.new,
  .box .datepicker-inline .datepicker-days > table td.day.old,
  .box .datepicker-inline td.day.new,
  .box .datepicker-inline td.day.old,
  .box .datepicker-inline > table td.day.new,
  .box .datepicker-inline > table td.day.old {
    color: #212121;
  }

  .pad {
    padding: 10px;
  }

  .margin {
    margin: 10px;
  }

  .margin-bottom {
    margin-bottom: 20px;
  }

  .inline {
    display: inline;
  }

  .text-bold,
  .text-bold.table td,
  .text-bold.table th {
    font-weight: 600;
  }

  .alert-danger,
  .alert-success,
  .alert-warning,
  .bg-black,
  .bg-blue,
  .bg-purple,
  .label-danger,
  .label-info,
  .label-primary,
  .label-success,
  .label-warning,
  .bg-warning,
  .bg-gray {
    color: #fff !important;
  }

  /*color Skin*/

  .bg-lighter {
    background-color: #f9fafb !important;
  }

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

  .box-solid .box-body {
    background-color: #ffffff !important;
    color: #67757c;
  }

  .box-solid .box-content {
    background-color: #ffffff !important;
    color: #67757c;
    height: 100%;
  }

  .bg-primary {
    background-color: #3a8dfe !important;
    color: #fff;
  }

  .bg-secondary {
    background-color: #e4e7ea !important;
    color: #616a78;
  }

  .bg-success {
    background-color: #4aa23c !important;
    color: #fff;
  }

  .bg-info {
    background-color: #fd7397 !important;
    color: #fff;
  }

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

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

  .bg-purple {
    background-color: #926dde;
    color: #fff;
  }

  .bg-gray {
    background-color: #868e96;
    color: #fff;
  }

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

  .bg-secondary {
    color: #616a78;
  }

  .bg-lighter {
    background-color: #f9fafb !important;
  }

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

  .bg-pale-purple {
    background-color: #ece3fc;
  }

  .text-primary {
    color: #3a8dfe !important;
  }

  .text-success {
    color: #4aa23c !important;
  }

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

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

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

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

  .text-muted {
    color: #868e96 !important;
  }

  a.text-primary:hover,
  a.text-primary:focus {
    color: #3a8dfe !important;
  }

  a.text-info:hover,
  a.text-info:focus {
    color: #fd7397 !important;
  }

  a.text-success:hover,
  a.text-success:focus {
    color: #4aa23c !important;
  }

  a.text-warning:hover,
  a.text-warning:focus {
    color: #faa64b !important;
  }

  a.text-danger:hover,
  a.text-danger:focus {
    color: #f33923 !important;
  }

  /*---------add-----------*/
  .bg-gray {
    color: #000;
    background-color: #d2d6de;
  }

  .bg-black {
    background-color: #212121;
  }

  .alert-danger,
  .label-danger {
    background-color: #ef5350;
  }

  .alert-warning,
  .bg-warning,
  .label-warning {
    background-color: #f8b32d;
  }

  .label-info {
    background-color: #fe8024;
  }

  .bg-blue {
    background-color: #3a8dfe;
  }

  .label-primary {
    background-color: #3a8dfe;
  }

  .alert-success,
  .label-success {
    background-color: #4aa23c;
  }

  .bg-purple {
    background-color: #926dde;
  }

  [class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  .text-danger {
    color: #ef5350;
  }

  .text-white {
    color: #fff;
  }

  .text-warning {
    color: #f8b32d;
  }

  .text-info {
    color: #3a8dfe;
  }

  .text-blue {
  }

  .text-success {
    color: #4aa23c;
  }

  .text-black {
    color: #000;
  }

  .hide {
    display: none;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .margin-top-30 {
    margin-top: 30px;
  }

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

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

  .jqstooltip {
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
  }

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

  .user-block:after,
  .user-block:before {
    content: " ";
    display: table;
  }

  .user-block img {
    width: 40px;
    height: 40px;
    float: left;
  }

  .user-block .comment,
  .user-block .description,
  .user-block .username {
    display: block;
    margin-left: 50px;
  }

  .user-block .username {
    font-size: 16px;
    font-weight: 600;
  }

  .user-block .description {
    color: #67757c;
    font-size: 13px;
  }

  .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .chart {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .chart canvas,
  .chart svg {
    width: 100% !important;
  }

  @media print {
    .content-header,
    .main-header,
    .main-sidebar {
      display: none !important;
    }

    .content-wrapper,
    .main-footer {
      margin-left: 0 !important;
      min-height: 0 !important;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    .fixed .content-wrapper {
      padding-top: 0 !important;
    }

    .table-responsive {
      overflow: auto;
    }

    .table-responsive > .table tr td,
    .table-responsive > .table tr th {
      white-space: normal;
    }
  }

  .divider {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 1 0%;
    color: #929daf;
    font-size: 11px;
    margin: 2rem auto;
    width: 100%;
  }

  .divider::before,
  .divider::after {
    content: "";
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-top: 1px solid #ebebeb;
  }

  .divider::before {
    margin-right: 16px;
  }

  .divider::after {
    margin-left: 16px;
  }

  .divider a {
    color: #929daf;
  }

  .box-group .box {
    border: 1px solid rgba(0, 0, 0, 0.05);
  }

  @media (min-width: 576px) {
    .box-group .box:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    .box-group .box {
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
    }

    .box-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
  }

  .dropdown-menu {
    color: #616a78;
    border-radius: 2px;
    font-size: 13px;
    border-color: #f1f2f3;
    padding: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
    z-index: 992;
  }

  .dropdown-item .icon {
    vertical-align: baseline;
    margin-right: 6px;
    font-size: 0.875rem;
  }

  .grid-stack > .grid-stack-item > .grid-stack-item-content {
    border: 1px solid rgba(120, 130, 140, 0.13);
  }

  .grid-stack-item-content {
    background: #fff;
    color: #2b2b2b;
    text-align: center;
    font-size: 20px;
  }

  .box-body ul li {
    line-height: 24px;
  }

  hr {
    border-top-color: rgba(97, 106, 120, 0.07);
    margin: 2rem auto;
  }

  /* date-paginator */
  .dp-selected[style] {
    background-color: #01c0c8 !important;
  }

  .grid-stack-item-content {
    background: #ffffff;
    color: #2b2b2b;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    font-size: 20px;
  }

  .grid-stack-item-content .fa {
    font-size: 64px;
    display: block;
    margin: 20px 0 10px;
  }

  .dp-item {
    position: relative;
    line-height: 1.42857143;
  }

  /* horizontal-timeline */
  .cd-horizontal-timeline .timeline {
    padding: 20px 0 20px;
  }

  /**********Nestable**********/

  /* ribbon */

  .block-content.block-content-full {
    padding-bottom: 18px;
  }

  .block-content {
    transition: opacity 0.2s ease-out;
    margin: 0 auto;
    padding: 18px 18px 1px;
    width: 100%;
    overflow-x: visible;
  }

  .avatar.img-avatar96 {
    width: 96px;
    height: 96px;
  }

  .avatar-thumb {
    margin: 5px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
  }

  .has-feedback .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }

  /* Rickshaw Charts
------------------------------------
*/

  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

  /*---project table---*/

  img.away {
    border-left-color: #ffc40d !important;
  }

  img.online {
    border-left-color: #40ac2b !important;
  }

  img.busy {
    border-left-color: #ed1c24 !important;
  }

  img.offline {
    border-left-color: #ddd !important;
  }

  img.away,
  img.busy,
  img.offline,
  img.online {
    border-left: 3px solid #fff;
  }

  .dataTables_wrapper .form-control {
    margin: 0 10px;
    padding: 5px 30px 5px 15px !important;
  }

  .err {
    color: red;
  }

  .error-border {
    border: 1px solid red !important;
  }
}

/* --- select2.min.css --- */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* --- sweetalert.css --- */
body.stop-scrolling {
  height: 100%;
  overflow: visible;
}

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 2px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: none;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition:
    padding 0.15s,
    max-height 0.15s;
  transition:
    padding 0.15s,
    max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition:
    padding 0.2s,
    max-height 0.2s;
  transition:
    padding 0.25s,
    max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #8cd4f5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow:
    0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #7ecff4;
}

.sweet-alert button:active {
  background-color: #5dc2f1;
}

.sweet-alert button.cancel {
  background-color: #c1c1c1;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

.sweet-alert button.cancel:focus {
  box-shadow:
    rgba(197, 205, 211, 0.8) 0px 0px 2px,
    rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button="false"] button {
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: "";
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 50%;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }

  100% {
    top: 50%;
  }
}

@keyframes slideFromTop {
  0% {
    top: 0%;
  }

  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }

  100% {
    top: 0%;
  }
}

@keyframes slideToTop {
  0% {
    top: 50%;
  }

  100% {
    top: 0%;
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }

  100% {
    top: 50%;
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%;
  }

  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }

  100% {
    top: 70%;
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%;
  }

  100% {
    top: 70%;
  }
}

.showSweetAlert[data-animation="pop"] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation="none"] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation="slide-from-top"] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation="slide-from-bottom"] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation="pop"] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation="none"] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation="slide-from-top"] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation="slide-from-bottom"] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }

  100% {
    border-color: #f8bb86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }

  100% {
    border-color: #f8bb86;
  }
}

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }

  100% {
    background-color: #f8bb86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }

  100% {
    background-color: #f8bb86;
  }
}

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }

  10% {
    opacity: 0.5;
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  90% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }

  10% {
    opacity: 0.5;
  }

  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  90% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }

  10% {
    opacity: 0.5;
  }

  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  90% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }

  10% {
    opacity: 0.5;
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  90% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

/* --- _all-skins.css --- */
/*------------------------------------------------------------------
[All Skin Stylesheet]

Project:	UniquePro Admin - Responsive Admin Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Skin: Blue
2. Skin: Blue light
3. Skin: Black
4. Skin: Black light
5. Skin: Green
6. Skin: Green light
7. Skin: Red
8. Skin: Red light
9. Skin: Purple
10. Skin: Purple light
11. Skin: Yellow
12. Skin: Yellow light
-------------------------------------------------------------------*/

/*---Skin: Blue---*/

.skin-blue .main-header .navbar {
  background-color: #667add;
}

.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #667add;
  }
}

.skin-blue .main-header .logo {
  background-color: #242a33;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue .main-header .logo:hover {
  background-color: #667add;
}

.skin-blue .content-header {
  background-color: transparent;
}

.skin-blue .content {
  background: #f4f6f9;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar {
  background-color: #242a33;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #fff;
}

.skin-blue .sidebar {
  border-color: #667add;
}

.skin-blue .sidebar-menu > li.header {
  color: #212121;
}

.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid #242a33;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: #242a33;
}

.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #ffffff;
}

.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #667add;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 0px;
  background: #242a33;
}

.skin-blue .sidebar a {
  color: #212121;
}

.skin-blue .sidebar a:hover {
  text-decoration: none;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #212121;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-blue .btn-blue {
  background-color: #667add;
  color: #fff;
  border: 1px solid #667add;
}

.skin-blue .btn-blue:hover {
  background-color: #fff;
  color: #667add;
}

/*---Skin: Blue light---*/
/*---light sidebar---*/

.skin-blue-light .main-header .navbar {
  background-color: #667add;
}

.skin-blue-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}

.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .nav .open > a,
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #667add;
  }
}

.skin-blue-light .main-header .logo {
  background-color: #242a33;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue-light .main-header .logo:hover {
  background-color: #667add;
}

.skin-blue-light .content-header {
  background-color: transparent;
}

.skin-blue-light .content {
  background: #f7f7f7;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar {
  background-color: #ffffff;
  box-shadow: none;
}

.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
  color: #212121;
}

.skin-blue-light .sidebar {
  border-color: #667add;
}

.skin-blue-light .sidebar-menu > li.header {
  color: #212121;
}

.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
  color: #e40f24;
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
  margin: 0 0px;
}

.skin-blue-light .sidebar a {
  color: #8b9099;
}

.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
  color: #212121;
}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,
.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #e40f24;
}

.skin-blue-light .btn-blue {
  background-color: #667add;
  color: #fff;
  border: 1px solid #667add;
}

.skin-blue-light .btn-blue:hover {
  background-color: #fff;
  color: #667add;
}

/*---Skin: Black---*/

/*---Skin: Black light---*/
/*---light sidebar---*/

/*---Skin: Green---*/

/*---Skin: Green light---*/
/*---light sidebar---*/

/*---Skin: Red---*/

/*---Skin: Red light---*/
/*---light sidebar---*/

/*---Skin: Purple---*/

/*---Skin: Purple light---*/
/*---light sidebar---*/

/*---Skin: Yellow---*/

/*---Skin: Yellow light---*/
/*---light sidebar---*/

/* --- dashlite.css --- */
@charset "UTF-8";
/*!
* Template Name: DashLite
* Author: Softnio
* Author URI: http://themeforest.net/user/softnio
* Version: 2.9.1
* Updated: 01.16.2022
**/

/*  IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */
/*
----------------------
## Table Contents ##
* 01. FONTS
* 02. VENDORS (Bootstraps, NioIcon, Select2 etc)
* 03. LAYOUTS
* 04. UTILITES
* 05. COMPONENTS
* 06. INDIVIDUL CONCEPTS
* 07. PREVIEWS
---------------------- **/
/** 01. FONTS */
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Light.eot");
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url("/assets/fonts/Roboto-Light.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Light.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Light.woff") format("woff"),
    url("/assets/fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Regular.eot");
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("/assets/fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Regular.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Regular.woff") format("woff"),
    url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Medium.eot");
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url("/assets/fonts/Roboto-Medium.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Medium.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Medium.woff") format("woff"),
    url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Bold.eot");
  src:
    local("Roboto Bold"),
    local("Roboto-Medium"),
    url("/assets/fonts/Roboto-Bold.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Bold.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Bold.woff") format("woff"),
    url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url("/assets/fonts/Nunito-Regular.eot");
  src:
    local("Nunito Regular"),
    local("Nunito-Regular"),
    url("/assets/fonts/Nunito-Regular.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Nunito-Regular.woff2") format("woff2"),
    url("/assets/fonts/Nunito-Regular.woff") format("woff"),
    url("/assets/fonts/Nunito-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url("/assets/fonts/Nunito-Bold.eot");
  src:
    local("Nunito Bold"),
    local("Nunito-Bold"),
    url("/assets/fonts/Nunito-Bold.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/Nunito-Bold.woff2") format("woff2"),
    url("/assets/fonts/Nunito-Bold.woff") format("woff"),
    url("/assets/fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

/** Bootstrap (https://getbootstrap.com/)  */
:root {
  --blue: #559bfb;
  --indigo: #2c3782;
  --purple: #816bff;
  --pink: #ff63a5;
  --red: #e85347;
  --orange: #ffa353;
  --yellow: #f4bd0e;
  --green: #16ad4b;
  --teal: #20c997;
  --cyan: #09c2de;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1f64ad;
  --secondary: #364a63;
  --success: #16ad4b;
  --info: #09c2de;
  --warning: #f4bd0e;
  --danger: #e85347;
  --dark: #1c2b46;
  --gray: #8091a7;
  --light: #e5e9f2;
  --lighter: #f5f6fa;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1540px;
  --font-family-sans-serif:
    (Roboto, sans-serif), "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-family-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
}

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

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

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

body {
  margin: 0;
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.65;
  color: #526484;
  text-align: left;
  background-color: #f5f6fa;
}

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

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

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

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

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

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

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

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

dt {
  font-weight: 600;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #1f64ad;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #1f64ad;
  text-decoration: underline;
}

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

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #8094ae;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 16px;
}

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

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: Nunito, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: var(--sk-gold);
}

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

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

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

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

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

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

.lead {
  font-size: 1.00625rem;
  font-weight: 400;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #ffffff24;
}

small,
.small {
  font-size: 85%;
  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;
}

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

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

.figure {
  display: inline-block;
}

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

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 3px;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  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;
  }
}

@media (min-width: 1540px) {
  .container {
    max-width: 1440px;
  }
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-12,
.col,
.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-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.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-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-6,
.col-xl-7,
.col-xl-10,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
}

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

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

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

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

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

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

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

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

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

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

.order-0 {
  order: 0;
}

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-md-1 {
    margin-left: 8.33333%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

.table th,
.table td {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #dbdfea;
  vertical-align: middle;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dbdfea;
}

.table tbody + tbody {
  border-top: 2px solid #dbdfea;
}

.table-sm th,
.table-sm td {
  padding: 0.25rem;
}

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

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

.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: #f5f6fa;
}

.table-hover tbody tr:hover {
  color: #526484;
  background-color: #f5f6fa;
}

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

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

.form-control,
div.dataTables_wrapper div.dataTables_filter input {
  display: block;
  width: 100%;
  height: calc(2.125rem + 2px);
  padding: 0.6375rem 1rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #3c4d62;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c2c6d1;
  border-radius: 4px;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control,
  div.dataTables_wrapper div.dataTables_filter input {
    transition: none;
  }
}

.form-control::-ms-expand,
div.dataTables_wrapper div.dataTables_filter input::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring,
div.dataTables_wrapper div.dataTables_filter input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #3c4d62;
}

.form-control:focus,
div.dataTables_wrapper div.dataTables_filter input:focus {
  color: #3c4d62;
  background-color: #fff;
  border-color: #1f64ad;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1);
}

.form-control::placeholder,
div.dataTables_wrapper div.dataTables_filter input::placeholder {
  color: #b6c6e3;
  opacity: 1;
}

.form-control:disabled,
div.dataTables_wrapper div.dataTables_filter input:disabled,
.form-control[readonly],
div.dataTables_wrapper div.dataTables_filter input[readonly] {
  background-color: #f5f6fa;
  opacity: 1;
}

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

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

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

.form-control-sm {
  height: calc(1.75rem + 2px);
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border-radius: 3px;
}

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

textarea.form-control {
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

.nk-sidebar-element.nk-sidebar-head .nk-sidebar-brand {
  margin: 0 0 0 -13px;
}

.nk-sidebar-element.nk-sidebar-head {
  justify-content: center;
}

@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,
  .form-inline div.dataTables_wrapper div.dataTables_filter input,
  div.dataTables_wrapper div.dataTables_filter .form-inline input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group,
  .form-inline .custom-select,
  .form-inline div.dataTables_wrapper div.dataTables_length select,
  div.dataTables_wrapper div.dataTables_length .form-inline select {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-family: Nunito, sans-serif;
  font-weight: 600;
  color: #526484;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4375rem 1.125rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  border-radius: 4px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

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

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

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1);
}

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

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

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

.btn-primary {
  color: #fff;
  background-color: #1f64ad;
  border-color: #1f64ad;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1c4e81;
  border-color: #1c4e81;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #1c4e81;
  border-color: #1c4e81;
  box-shadow: 0 0 0 0.2rem rgba(46, 134, 254, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #1f64ad;
  border-color: #1f64ad;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1c4e81;
  border-color: #0155c6;
}

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

.btn-secondary {
  color: #fff;
  background-color: #364a63;
  border-color: #364a63;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #29384a;
  border-color: #243142;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #29384a;
  border-color: #243142;
  box-shadow: 0 0 0 0.2rem rgba(84, 101, 122, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #364a63;
  border-color: #364a63;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #243142;
  border-color: #202b3a;
}

.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(84, 101, 122, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #16ad4b;
  border-color: #16ad4b;
}

.btn-success:hover {
  color: #fff;
  background-color: #037021;
  border-color: #037021;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #037021;
  border-color: #037021;
  box-shadow: 0 0 0 0.2rem rgba(64, 229, 184, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #16ad4b;
  border-color: #16ad4b;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #037021;
  border-color: #16a881;
}

.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(64, 229, 184, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #09c2de;
  border-color: #09c2de;
}

.btn-info:hover {
  color: #fff;
  background-color: #08a2b9;
  border-color: #0797ad;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #08a2b9;
  border-color: #0797ad;
  box-shadow: 0 0 0 0.2rem rgba(46, 203, 227, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #09c2de;
  border-color: #09c2de;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #0797ad;
  border-color: #078ca1;
}

.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(46, 203, 227, 0.5);
}

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

.btn-danger:hover {
  color: #fff;
  background-color: #e43325;
  border-color: #e02b1c;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #e43325;
  border-color: #e02b1c;
  box-shadow: 0 0 0 0.2rem rgba(235, 109, 99, 0.5);
}

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

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

.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(235, 109, 99, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #1c2b46;
  border-color: #1c2b46;
}

.btn-dark:hover {
  color: #fff;
  background-color: #111a2b;
  border-color: #0d1522;
}

.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #111a2b;
  border-color: #0d1522;
  box-shadow: 0 0 0 0.2rem rgba(62, 75, 98, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #1c2b46;
  border-color: #1c2b46;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #0d1522;
  border-color: #0a0f18;
}

.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(62, 75, 98, 0.5);
}

.btn-light {
  color: #101924;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}

.btn-light:hover {
  color: #101924;
  background-color: #ccd3e5;
  border-color: #c3cce1;
}

.btn-light:focus,
.btn-light.focus {
  color: #101924;
  background-color: #ccd3e5;
  border-color: #c3cce1;
  box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #101924;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #101924;
  background-color: #c3cce1;
  border-color: #bbc5dd;
}

.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(197, 202, 211, 0.5);
}

.btn-outline-primary {
  color: #1f64ad;
  border-color: #1f64ad;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1f64ad;
  border-color: #1f64ad;
}

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

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

.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(9, 113, 254, 0.5);
}

.btn-outline-secondary {
  color: #364a63;
  border-color: #364a63;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #364a63;
  border-color: #364a63;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5);
}

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

.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(54, 74, 99, 0.5);
}

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

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5);
}

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

.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(244, 189, 14, 0.5);
}

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

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

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5);
}

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

.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(232, 83, 71, 0.5);
}

.dt-buttons .btn-secondary {
  color: #e5e9f2;
  border-color: #e5e9f2;
}

.dt-buttons .btn-secondary:hover {
  color: #101924;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}

.dt-buttons .btn-secondary:focus,
.dt-buttons .focus.btn-secondary {
  box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5);
}

.dt-buttons .disabled.btn-secondary,
.dt-buttons .btn-secondary:disabled {
  color: #e5e9f2;
  background-color: transparent;
}

.dt-buttons .btn-secondary:not(:disabled):not(.disabled):active,
.dt-buttons .btn-secondary:not(:disabled):not(.disabled).active,
.dt-buttons .show > .dropdown-toggle.btn-secondary {
  color: #101924;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}

.dt-buttons .btn-secondary:not(:disabled):not(.disabled):active:focus,
.dt-buttons .btn-secondary:not(:disabled):not(.disabled).active:focus,
.dt-buttons .show > .dropdown-toggle.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5);
}

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

.btn-link:hover {
  color: #1f64ad;
  text-decoration: underline;
}

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

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

.btn-lg {
  padding: 0.6875rem 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border-radius: 5px;
}

.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border-radius: 3px;
}

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

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

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

.fade {
  transition: opacity 0.15s linear;
}

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

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

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

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

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

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

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

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  text-align: left;
  min-width: 180px;
  padding: 0 0;
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  color: #526484;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e5e9f2;
  border-radius: 4px;
}

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

.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;
  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;
  margin-top: 0;
  right: auto;
  left: 100%;
  margin-left: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 8px 14px;
  clear: both;
  font-weight: 400;
  color: #364a63;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:first-child {
  border-top-left-radius: calc(4px - 1px);
  border-top-right-radius: calc(4px - 1px);
}

.dropdown-item:last-child {
  border-bottom-right-radius: calc(4px - 1px);
  border-bottom-left-radius: calc(4px - 1px);
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #1f64ad;
  text-decoration: none;
  background-color: #ebeef2;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #1f64ad;
  text-decoration: none;
  background-color: #dbdfea;
}

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

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

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

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

.btn-group > .btn:hover {
  z-index: 1;
}

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

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

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

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

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

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

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

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

.input-group > .form-control + .form-control,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > input
  + .form-control,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > .form-control
  + input,
div.dataTables_wrapper div.dataTables_filter .input-group > input + input,
.input-group > .form-control + .custom-select,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > input
  + .custom-select,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > .form-control
  + select,
div.dataTables_wrapper
  div.dataTables_filter
  div.dataTables_length
  .input-group
  > input
  + select,
div.dataTables_wrapper
  div.dataTables_length
  div.dataTables_filter
  .input-group
  > input
  + select,
.input-group > .form-control + .custom-file,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > input
  + .custom-file,
.input-group > .custom-select + .form-control,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > select
  + .form-control,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > .custom-select
  + input,
div.dataTables_wrapper
  div.dataTables_length
  div.dataTables_filter
  .input-group
  > select
  + input,
div.dataTables_wrapper
  div.dataTables_filter
  div.dataTables_length
  .input-group
  > select
  + input,
.input-group > .custom-select + .custom-select,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > select
  + .custom-select,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > .custom-select
  + select,
div.dataTables_wrapper div.dataTables_length .input-group > select + select,
.input-group > .custom-select + .custom-file,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > select
  + .custom-file,
.input-group > .custom-file + .form-control,
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > .custom-file
  + input,
.input-group > .custom-file + .custom-select,
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > .custom-file
  + select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
div.dataTables_wrapper div.dataTables_filter .input-group > input:focus,
.input-group > .custom-select:focus,
div.dataTables_wrapper div.dataTables_length .input-group > 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),
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > input:not(:last-child),
.input-group > .custom-select:not(:last-child),
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
div.dataTables_wrapper
  div.dataTables_filter
  .input-group
  > input:not(:first-child),
.input-group > .custom-select:not(:first-child),
div.dataTables_wrapper
  div.dataTables_length
  .input-group
  > 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:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

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

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

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

.input-group-lg > .form-control:not(textarea),
div.dataTables_wrapper
  div.dataTables_filter
  .input-group-lg
  > input:not(textarea),
.input-group-lg > .custom-select,
div.dataTables_wrapper div.dataTables_length .input-group-lg > select {
  height: calc(2.625rem + 2px);
}

.input-group-lg > .form-control,
div.dataTables_wrapper div.dataTables_filter .input-group-lg > input,
.input-group-lg > .custom-select,
div.dataTables_wrapper div.dataTables_length .input-group-lg > select,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.6875rem 1rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border-radius: 5px;
}

.input-group-lg > .custom-select,
div.dataTables_wrapper div.dataTables_length .input-group-lg > select {
  padding-right: 2rem;
}

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

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

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.44375rem;
  padding-left: 2.25rem;
}

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

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

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1);
}

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

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

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

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

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

.custom-control-label:before,
.custom-control-label:after {
  z-index: 1;
}

.custom-control-label::before {
  position: absolute;
  top: -0.02813rem;
  left: -2.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #dbdfea solid 2px;
}

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

.custom-checkbox .custom-control-label::before {
  border-radius: 4px;
}

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

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

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

.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(9, 113, 254, 0.8);
}

.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(9, 113, 254, 0.8);
}

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

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

.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(9, 113, 254, 0.8);
}

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

.custom-select:focus,
div.dataTables_wrapper div.dataTables_length select:focus {
  border-color: #1f64ad;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(85, 155, 251, 0.25);
}

.custom-select:focus::-ms-value,
div.dataTables_wrapper div.dataTables_length select:focus::-ms-value {
  color: #fff;
  background-color: #fff;
}

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

.custom-select:disabled,
div.dataTables_wrapper div.dataTables_length select:disabled {
  color: #fff;
  background-color: #e9ecef;
}

.custom-select::-ms-expand,
div.dataTables_wrapper div.dataTables_length select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring,
div.dataTables_wrapper div.dataTables_length select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #3c4d62;
}

.custom-select-sm {
  height: calc(1.75rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  font-size: 0.75rem;
}

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

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

.custom-file-input:focus ~ .custom-file-label {
  border-color: #1f64ad;
  box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1);
}

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

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

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

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.125rem + 2px);
  padding: 0.4375rem 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #3c4d62;
  background-color: #fff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.125rem;
  padding: 0.4375rem 1rem;
  line-height: 1.25rem;
  color: #3c4d62;
  content: "Browse";
  background-color: #ebeef2;
  border-left: inherit;
  border-radius: 0 4px 4px 0;
}

.custom-control-label::before,
.custom-file-label,
.custom-select,
div.dataTables_wrapper div.dataTables_length select {
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

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

.form-control-slider {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.custom-control-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -0.375rem;
}

.custom-control-group > * {
  padding: 0.375rem;
}

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

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

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

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

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.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: #f5f6fa;
  border-color: #dee2e6 #dee2e6 #f5f6fa;
}

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

.nav-pills .nav-link {
  border-radius: 4px;
}

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

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

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

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid {
  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-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: 4px;
}

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

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

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

@media (min-width: 992px) {
  .navbar-expand-lg {
    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;
  }
}

.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

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

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

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

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

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

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

.card-title {
  margin-bottom: 0.75rem;
}

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

.card-header:first-child {
  border-radius: 3px 3px 0 0;
}

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

.card-img,
.card-img-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card-img {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

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

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

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

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem 0;
  margin-bottom: 0;
  font-size: 0.6875rem;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}

.breadcrumb-item {
  display: flex;
}

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

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #8091a7;
  content: "/";
}

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

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

.breadcrumb-item.active {
  color: #b7c2d0;
}

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

.page-link {
  position: relative;
  display: block;
  padding: 0.5625rem 0.625rem;
  margin-left: -1px;
  line-height: 1rem;
  color: #526484;
  background-color: #fff;
  border: 1px solid #e5e9f2;
}

.page-link:hover {
  z-index: 2;
  color: #1f64ad;
  text-decoration: none;
  background-color: #ebeef2;
  border-color: #e5e9f2;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}

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

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

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

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

.badge {
  display: inline-block;
  padding: 0 0.375rem;
  font-size: 0.675rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

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

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

.badge:empty {
  display: none;
}

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

.badge-primary {
  color: #fff;
  background-color: #1f64ad;
}

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

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(9, 113, 254, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #364a63;
}

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

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5);
}

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

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

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5);
}

.badge-info {
  color: #fff !important;
  background-color: #222;
}

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

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5);
}

.badge-warning {
  color: #fff;
  background-color: #f4bd0e3b;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #fff;
  background-color: #c69909;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5);
}

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

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

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5);
}

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

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

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

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 1.25rem;
  color: inherit;
}

.alert-success {
  color: #19bc90;
  background-color: #e4fbf5;
  border-color: #aef4e1;
}

.alert-success hr {
  border-top-color: #98f1d9;
}

.alert-success .alert-link {
  color: #138f6e;
}

.alert-warning {
  color: #cd9f0c;
  background-color: #fef7e2;
  border-color: #fbe7a8;
}

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

.alert-warning .alert-link {
  color: #9d7a09;
}

.alert-danger {
  color: #c3463c;
  background-color: #fceae9;
  border-color: #f7c1bd;
}

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

.alert-danger .alert-link {
  color: #9c3830;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #f5f6fa;
  border-radius: 2px;
}

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

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

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

.media-body {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

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

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

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

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

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

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

.toast.showing {
  opacity: 1;
}

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

.toast.hide {
  display: none;
}

.modal-open {
  overflow: hidden;
}

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

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

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

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -30px);
}

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

.modal.show .modal-dialog {
  transform: none !important;
}

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

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

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

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

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

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 0;
}

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

.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 1.25rem;
  border-bottom: 1px solid #dbdfea;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

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

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

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

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dbdfea;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

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

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 520px;
    margin: 1.75rem auto;
  }

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

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

  .modal-sm {
    max-width: 360px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 720px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  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.8125rem;
  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;
}

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  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: 5px;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 5px;
}

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

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

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

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #526484;
}

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

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

.carousel-indicators .active {
  opacity: 1;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.align-top {
  vertical-align: top !important;
}

.bg-primary {
  background-color: #1f64ad !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #1c4e81 !important;
}

.bg-secondary {
  background-color: #364a63 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #243142 !important;
}

.bg-success {
  background-color: #16ad4b !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #037021 !important;
}

.bg-info {
  background-color: #09c2de !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #0797ad !important;
}

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

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #c69909 !important;
}

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

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #e02b1c !important;
}

.bg-gray {
  background-color: #8091a7 !important;
}

a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
  background-color: #647790 !important;
}

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

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #c3cce1 !important;
}

.bg-lighter {
  background-color: #f5f6fa !important;
}

a.bg-lighter:hover,
a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus {
  background-color: #d3d7e9 !important;
}

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

.border {
  border: 1px solid #dbdfea36 !important;
}

.border-top {
  border-top: 1px solid #dbdfea36 !important;
}

.border-right {
  border-right: 1px solid #dbdfea36 !important;
}

.border-bottom {
  border-bottom: 1px solid #dbdfea36 !important;
}

.border-left {
  border-left: 1px solid #dbdfea36 !important;
}

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

.rounded {
  border-radius: 4px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

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

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex,
.align-start,
.align-center,
.justify-between,
.center,
.stretch {
  display: flex !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1540px) {
  .d-xxl-none {
    display: none !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-16by9::before {
  padding-top: 56.25%;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center,
.center {
  justify-content: center !important;
}

.justify-content-between,
.justify-between {
  justify-content: space-between !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-items-center,
.align-center,
.center {
  align-items: center !important;
}

.stretch {
  align-items: stretch !important;
}

@media (min-width: 768px) {
  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

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

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

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

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

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

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

.shadow {
  box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15) !important;
}

.w-25 {
  width: 25% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

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

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

.mb-0 {
  margin-bottom: 0 !important;
}

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

.mt-1 {
  margin-top: 0.375rem !important;
}

.mr-1 {
  margin-right: 0.375rem !important;
}

.mb-1 {
  margin-bottom: 0.375rem !important;
}

.ml-1 {
  margin-left: 0.375rem !important;
}

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

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

.mr-2 {
  margin-right: 0.75rem !important;
}

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

.ml-2 {
  margin-left: 0.75rem !important;
}

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

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

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

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

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

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

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

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

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

.mt-5 {
  margin-top: 2.75rem !important;
}

.mr-5 {
  margin-right: 2.75rem !important;
}

.mb-5 {
  margin-bottom: 2.75rem !important;
}

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

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

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

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

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

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

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

.px-1 {
  padding-right: 0.375rem !important;
}

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

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

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

.pt-2 {
  padding-top: 0.75rem !important;
}

.pb-2 {
  padding-bottom: 0.75rem !important;
}

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

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

.pb-3 {
  padding-bottom: 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: 2.75rem !important;
}

.pt-5 {
  padding-top: 2.75rem !important;
}

.pr-5 {
  padding-right: 2.75rem !important;
}

.pl-5 {
  padding-left: 2.75rem !important;
}

.ml-n1 {
  margin-left: -0.375rem !important;
}

.mr-n2 {
  margin-right: -0.75rem !important;
}

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

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

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

@media (min-width: 576px) {
  .px-sm-1 {
    padding-right: 0.375rem !important;
  }

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

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.375rem !important;
  }

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

@media (min-width: 992px) {
  .ml-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
}

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

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

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

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

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

.text-uppercase {
  text-transform: capitalize !important;
  letter-spacing: normal;
}

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

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

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

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

a.text-primary:hover,
a.text-primary:focus {
  color: #014fba !important;
}

.text-success {
  color: #16ad4b !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #159d78 !important;
}

.text-info {
  color: #09c2de !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #068294 !important;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #ae8608 !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
  color: #c92619 !important;
}

.text-dark {
  color: #1c2b46 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #06090f !important;
}

.text-muted {
  color: #b2b2b2 !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 #8091a7;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dbdfea36 !important;
  }
}

html {
  font-size: 16px;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  transition:
    color 0.4s,
    background-color 0.4s,
    border 0.4s,
    box-shadow 0.4s;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
}

strong {
  font-weight: 500;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
p:last-child {
  margin-bottom: 0;
}

h1,
.h1,
h2,
.h2 {
  letter-spacing: -0.03em;
}

h3,
.h3,
h4,
.h4 {
  letter-spacing: -0.02em;
}

h5,
.h5,
h6,
.h6 {
  letter-spacing: -0.01em;
}

@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 3.75rem;
    font-weight: 400;
    letter-spacing: -0.04em;
  }

  h2,
  .h2 {
    font-size: 2.5rem;
    letter-spacing: -0.03em;
  }

  h3,
  .h3 {
    font-size: 2rem;
    letter-spacing: -0.03em;
  }

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

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

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

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

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

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

.fw-medium {
  font-weight: 500 !important;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .h1,
.text-white .h2,
.text-white .h3,
.text-white .h4,
.text-white .h5,
.text-white .h6 {
  color: #fff;
}

@media (min-width: 992px) {
  .lead {
    font-size: 1.09375rem;
  }
}

.text-soft {
  color: #b2b2b2 !important;
}

.text-base {
  color: #526484 !important;
}

.circle {
  border-radius: 50%;
}

.round {
  border-radius: 4px;
}

svg {
  height: 100%;
  max-width: 100%;
}

.sq {
  height: 40px;
  width: 40px;
}

.divider {
  border-top: 1px solid #e5e9f2 !important;
  margin: 28px 0;
  display: block;
}

.divider.xs {
  margin: 0.5rem 0;
}

.divider.sm {
  margin: 1rem 0;
}

.divider.md {
  margin: 1.5rem 0;
}

.divider.lg {
  margin: 2.25rem 0;
}

.divider.xl {
  margin: 2.75rem 0;
}

.bg-blue {
  background-color: #559bfb !important;
}

.text-blue {
  color: #559bfb !important;
}

.bg-purple {
  background-color: #816bff !important;
}

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

.w-70 {
  width: 70% !important;
}

.badge {
  position: relative;
  /* border: 1px solid currentColor; */
  line-height: 1.125rem;
  font-family: Roboto, sans-serif;
  vertical-align: middle;
  display: inline-flex;
}

.badge .icon + span,
.badge span + .icon {
  padding-left: 4px;
}

.badge .icon {
  font-size: 1rem;
}

.badge-outline-primary {
  color: #1f64ad;
  border-color: #6baafe;
}

.badge-dim.badge-primary {
  color: #1f64ad;
  background-color: #e4efff;
  border-color: #e4efff;
}

.badge-dim.badge-outline-primary {
  color: #1f64ad;
  background-color: #e4efff;
  border-color: #9dc6ff;
}

.badge-dim.badge-secondary {
  color: #364a63;
  background-color: #e9ebee;
  border-color: #e9ebee;
}

.badge-dim.badge-success {
  color: #0cd777 !important;
  background: #113826;
}

.badge-dim.badge-info {
  color: #0cd777 !important;
  background: #113826;
}

.badge-dim.badge-warning {
  color: #fd9722 !important;
  background-color: #f4bd0e3b;
}

.badge-dim.badge-danger {
  color: #f50808 !important;
  background: #ff6b6b33;
}

.alert:last-child {
  margin-bottom: 0;
}

.alert-link {
  box-shadow: 0 1px 0 currentColor;
}

.alert-link:hover {
  box-shadow: none;
}

.alert h5,
.alert h6,
.alert .title {
  font-size: 1.05rem;
}

.alert-dismissible .close {
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease;
  margin-top: -1px;
}

.alert-dismissible .close:focus {
  outline: none;
}

.alert-dismissible .close:hover {
  color: currentColor;
}

/* .alert-dismissible .close:after {
  font-family: "Nioicon";
  content: "";
  font-size: 1.1rem;
} */

a.alert:hover {
  color: currentColor;
}

.alert-fill.alert-success {
  color: #fff;
  background: #16ad4b;
}

.alert-fill.alert-warning {
  color: #fff;
  background: #f4bd0e;
}

.alert-fill.alert-danger {
  color: #fff;
  background: #e85347;
}

.alert-fill {
  border-width: 0;
}

.alert-fill .alert-link,
.alert-fill .icon,
.alert-fill h4,
.alert-fill h5,
.alert-fill h6 {
  color: currentColor;
}

.breadcrumb-item {
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: normal;
}

.breadcrumb-item a:not(:hover) {
  color: #8094ae;
}

.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
  font-family: "Nioicon";
  content: "";
}

.breadcrumb-item.active:not(:only-child) {
  font-weight: 400;
}

.link {
  display: inline-flex;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  line-height: 1;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.link:focus {
  box-shadow: none;
  outline: none;
}

.link .icon {
  font-size: 1.3em;
}

.link span,
.link .icon {
  display: inline-block;
}

.link .icon-circle {
  display: inline-flex;
}

.link .icon + span,
.link span + .icon {
  padding-left: 10px;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.btn-xl {
  padding: 0.6875rem 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border-radius: 5px;
}

.btn-xs {
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  line-height: 1rem;
  border-radius: 3px;
}

.btn .icon {
  font-size: 1.4em;
  line-height: inherit;
}

.btn > span {
  display: inline-block;
  white-space: nowrap;
}

.btn > span:only-child {
  width: 100%;
}

.btn .icon + span,
.btn span + .icon {
  padding-left: 8px;
}

.btn-lg .icon + span,
.btn-lg span + .icon {
  padding-left: 12px;
}

.btn-block {
  justify-content: center;
}

.btn-icon:not([class*="btn-icon-break"]),
.dt-buttons .btn-secondary:not([class*="btn-icon-break"]) {
  padding-left: 0;
  padding-right: 0;
}

.btn-icon .icon,
.dt-buttons .btn-secondary .icon {
  width: 2.125rem;
}

.btn-icon.btn-xl .icon,
.dt-buttons .btn-xl.btn-secondary .icon {
  width: 2.625rem;
}

.btn-icon.btn-lg .icon,
.dt-buttons .btn-lg.btn-secondary .icon {
  width: 2.625rem;
}

.btn-icon.btn-sm .icon,
.dt-buttons .btn-sm.btn-secondary .icon {
  width: 1.75rem;
}

.btn-icon.btn-xs .icon,
.dt-buttons .btn-xs.btn-secondary .icon {
  width: 1.25rem;
  font-size: 1.1em;
}

.btn-icon .dot,
.dt-buttons .btn-secondary .dot {
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  transform: translate(50%, -50%);
}

.btn-icon .badge,
.dt-buttons .btn-secondary .badge {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  transform: translate(50%, -50%);
}

.btn-wrap {
  flex-direction: column;
  align-items: center;
  flex-grow: 0;
}

.btn-extext {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-top: 0.25rem;
  color: #8094ae;
}

@media (min-width: 768px) {
  .btn-xl {
    padding: 0.625rem 2rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border-radius: 5px;
  }

  .btn-icon.btn-xl .icon,
  .dt-buttons .btn-xl.btn-secondary .icon {
    width: 3.25rem;
  }
}

.btn-trigger {
  position: relative;
  z-index: 1;
  color: #526484;
}

.btn-trigger:focus {
  box-shadow: none;
}

.btn-trigger:before {
  position: absolute;
  z-index: -1;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  content: "";
  background-color: #e5e9f2;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.is-dark .btn-trigger:before {
  background-color: #071d46;
}

.show > .btn-trigger:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}

.btn-trigger:hover:before,
.btn-trigger:focus:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}

.btn-trigger.active:hover:before {
  background-color: #dbdfea;
}

a:hover .btn-trigger:before {
  opacity: 1;
  height: 120%;
  width: 120%;
}

.dt-buttons .btn-secondary {
  border-color: #dbdfea;
}

.dt-buttons .btn-secondary {
  color: #526484;
}

.btn-white,
.dt-buttons .btn-secondary {
  background: #fff;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  display: inline-flex;
}

.dropdown-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}

.dropdown-toggle:not([class*="indicator"]):after {
  display: none;
}

.clickable * {
  pointer-events: none;
}

.dropdown-menu {
  overflow: hidden;
  border: 1px solid #e5e9f2;
  box-shadow: 0 3px 12px 1px rgba(11, 49, 117, 0.15);
}

.dropdown-inner {
  padding: 0 1.75rem;
}

.dropdown-inner + .dropdown-inner {
  border-top: 1px solid #e5e9f2;
}

.dropdown-head,
.dropdown-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #e5e9f2;
}

.dropdown-head.center,
.dropdown-foot.center {
  justify-content: center;
}

.dropdown-head {
  border-bottom: 1px solid #e5e9f2;
}

.dropdown-foot {
  border-top: 1px solid #e5e9f2;
}

.dropdown-title {
  font-weight: 500;
  color: #364a63;
}

[class*="dropdown-indicator"]:after {
  border: none !important;
  font-family: "Nioicon";
  vertical-align: middle;
  content: "";
  margin-left: 0.25rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.dropup [class*="dropdown-indicator"]:after {
  content: "";
}

.dropdown-indicator-caret:after {
  content: "";
}

.dropup .dropdown-indicator-caret:after {
  content: "";
}

.dropdown-menu-center {
  left: 50% !important;
}

.dropdown-menu-xxs {
  min-width: 70px;
  max-width: 70px;
}

.dropdown-menu-xxs.dropdown-menu-center {
  margin-left: -35px;
}

.dropdown-menu-md {
  min-width: 280px;
  max-width: 280px;
}

.dropdown-menu-md.dropdown-menu-center {
  margin-left: -140px;
}

.dropdown-menu-xl {
  min-width: 360px;
  max-width: 360px;
}

.dropdown-menu-xl.dropdown-menu-center {
  margin-left: -180px;
}

.nk-quick-nav .dropdown-menu {
  margin-top: 11px;
  margin-right: -6px;
}

@media (max-width: 420px) {
  .dropdown-menu-xl,
  .dropdown-menu-md {
    min-width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }

  .nk-quick-nav .dropdown-menu-xl,
  .nk-quick-nav .dropdown-menu-md {
    margin-right: 0;
    margin-left: 16px;
  }

  .nk-quick-nav li:last-child .dropdown-menu-xl,
  .nk-quick-nav li:last-child .dropdown-menu-md {
    margin-left: 0;
    margin-right: 3px;
  }
}

.dropdown-menu-s1 {
  border-top: 3px solid #1f64ad;
}

.card + .nk-block-head {
  padding-top: 2.5rem;
}

.card-full {
  height: 100%;
}

.card.is-dark {
  background: #0b3175;
}

.card-bordered {
  border: 1px solid #dbdfea;
}

.card-bordered.is-dark {
  border-color: #0b3175;
}

.card-bordered.dashed {
  border-style: dashed;
}

.card-inner {
  padding: 1.25rem;
}

.card-inner-group .card-inner:not(:last-child) {
  border-bottom: 0px solid #dbdfea;
}

.card-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -0.25rem -0.5rem 1rem;
}

.card-head > * {
  padding: 0.25rem 0.5rem;
}

.card-head > .title:only-child {
  width: 100%;
}

.card-title-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.card-title-group .card-title {
  margin-bottom: 0;
}

.card-title-group:only-child {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.card-title h6.title:not(:last-child) {
  margin-bottom: 0.25rem;
}

.card-title p {
  font-size: 12px;
  color: #8094ae;
}

.card-title p .icon {
  line-height: inherit;
  vertical-align: middle;
}

.card-title small {
  font-weight: 500;
  color: #8094ae;
}

.card-hint {
  font-size: 1rem;
  color: #dbdfea;
}

@media (min-width: 576px) {
  .card-inner {
    padding: 1.5rem;
  }

  .card-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.form-icon {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 0;
  width: calc(1rem + 24px);
  height: calc(2.125rem + 2px);
}

.form-icon.sm {
  height: calc(1.75rem + 2px);
}

.form-icon.lg {
  height: calc(2.625rem + 2px);
}

.form-icon.xl {
  height: calc(3.25rem + 2px);
}

.form-icon .icon {
  font-size: 16px;
  color: #8094ae;
}

.form-icon + .form-control,
div.dataTables_wrapper div.dataTables_filter .form-icon + input {
  padding-left: calc(1rem + 24px);
}

.form-icon-right {
  left: auto;
  right: -1px;
}

.form-icon-right + .form-control,
div.dataTables_wrapper div.dataTables_filter .form-icon-right + input {
  padding-left: 1rem;
  padding-right: calc(1rem + 24px);
}

.form-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #344357;
  margin-bottom: 0.5rem;
}

.form-label-outlined {
  position: absolute;
  top: 0.4375rem;
  left: 0.66667rem;
  transform-origin: left;
  padding: 0 0.4rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #3c4d62;
  background-color: #fff;
  z-index: 1;
  transition: all 0.3s ease;
  margin-bottom: 0;
  font-size: 0.8125rem;
}

.form-control-sm ~ .form-label-outlined {
  font-size: 0.75rem;
  top: 0.25rem;
  left: 0.4rem;
}

.focused .form-control-sm ~ .form-label-outlined,
.form-select.form-control-sm ~ .form-label-outlined {
  font-size: 11px;
}

.focused .form-label-outlined,
.form-select ~ .form-label-outlined {
  top: calc(-0.4375rem + -2px);
  font-size: 11px;
}

.form-control-outlined {
  cursor: pointer;
}

.focused .form-control-outlined {
  cursor: auto;
}

.form-control-wrap {
  position: relative;
}

.form-control.error,
div.dataTables_wrapper div.dataTables_filter input.error {
  border-color: #e85347;
}

.form-control.error:focus,
div.dataTables_wrapper div.dataTables_filter input.error:focus {
  box-shadow: 0 0 0 3px rgba(232, 83, 71, 0.1);
}

.form-control.focus,
div.dataTables_wrapper div.dataTables_filter input.focus {
  border-color: #1f64ad;
  box-shadow: 0 0 0 3px rgba(9, 113, 254, 0.1);
}

.form-group {
  position: relative;
  margin-bottom: 1.25rem;
}

.form-group:last-child {
  margin-bottom: 0;
}

.form-select {
  height: calc(2.125rem + 2px);
}

.form-select:not(.form-control) {
  opacity: 0;
}

.form-select[data-ui*="sm"] {
  height: calc(1.75rem + 2px);
}

.form-select[data-ui*="lg"] {
  height: calc(2.625rem + 2px);
}

.form-select[data-ui*="xl"] {
  height: calc(3.25rem + 2px);
}

.form-action .btn + .btn {
  margin-left: 1.25rem;
}

.custom-select,
div.dataTables_wrapper div.dataTables_length select {
  appearance: none;
  -webkit-appearance: none;
}

.custom-select option,
div.dataTables_wrapper div.dataTables_length select option {
  border-radius: 3px;
  padding: 5px 0.5rem;
  margin: 2px -0.5rem;
  cursor: pointer;
  color: #fff;
}

.custom-select option:last-child,
div.dataTables_wrapper div.dataTables_length select option:last-child {
  margin-bottom: -0.5rem;
}

.form-control-select {
  position: relative;
}

.form-control-select .form-control,
.form-control-select div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .form-control-select input {
  appearance: none;
  -webkit-appearance: none;
}

.form-control-select:after {
  font-family: "Nioicon";
  content: "";
  pointer-events: none;
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(1rem + 12px);
  height: calc(1rem + 12px);
}

textarea.no-resize {
  resize: none;
}

textarea.form-control {
  min-height: 122px;
  padding-top: 0.65625rem;
}

.custom-file-input ~ .error,
.custom-file-input ~ .invalid,
.form-control ~ .error,
div.dataTables_wrapper div.dataTables_filter input ~ .error,
.form-control ~ .invalid,
div.dataTables_wrapper div.dataTables_filter input ~ .invalid,
.input-group ~ .error,
.input-group ~ .invalid {
  color: #e85347;
  font-size: 11px;
  font-style: italic;
}

.custom-control {
  display: inline-flex;
  min-height: 1.5rem;
}

.custom-control-label {
  font-size: 14px;
  line-height: 1.25rem;
  padding-top: 0.125rem;
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0;
}

.custom-control-label:after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  font-family: "Nioicon";
  color: #fff;
  opacity: 0;
}

.custom-checkbox .custom-control-label:after {
  content: "";
}

.custom-radio .custom-control-label:after {
  content: "";
}

.custom-control .custom-control-input:checked ~ .custom-control-label::after {
  opacity: 1;
}

.custom-control .custom-control-input[disabled] ~ .custom-control-label,
.custom-control .custom-control-input:disabled ~ .custom-control-label {
  opacity: 0.7;
  color: #364a63;
}

.custom-control-input {
  position: absolute;
  height: 1px;
  width: 1px;
  opacity: 0;
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
}

.custom-select,
div.dataTables_wrapper div.dataTables_length select {
  background: #fff;
}

label {
  cursor: pointer;
}

input[type="radio"]:checked ~ label {
  cursor: default;
}

.custom-control {
  position: relative;
}

.custom-control .invalid {
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  bottom: calc(100% + 4px);
  background: #ed756b;
  padding: 0.3rem 0.5rem;
  z-index: 1;
  border-radius: 3px;
  white-space: nowrap;
}

.custom-control .invalid:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border-left: 6px solid #ed756b;
  border-right: 6px solid transparent;
  left: 10px;
  border-bottom: 6px solid transparent;
  bottom: -6px;
}

.table thead tr:last-child th {
  border-bottom: 1px solid #dbdfea;
}

.table td:first-child,
.table th:first-child {
  padding-left: 1.25rem;
}

.table td:last-child,
.table th:last-child {
  padding-right: 1.25rem;
}

.table th {
  line-height: 1.1;
}

.table th.overline-title {
  line-height: 1.25rem;
  font-weight: 500;
}

.table caption {
  font-style: italic;
  padding-left: 1.25rem;
}

.table-bordered td,
.table-bordered th {
  padding-left: 1rem;
  padding-right: 1rem;
}

.table td.vm,
.table th.vm {
  vertical-align: middle;
}

.media-object {
  display: inline-flex;
}

.media > *:first-child {
  flex-shrink: 0;
}

.media > *:last-child {
  flex-grow: 1;
  max-width: 100%;
}

.nav {
  margin: -0.5rem -1rem;
}

.nav .nav-link {
  display: inline-flex;
  align-items: center;
}

.nav .nav-link .icon + span,
.nav .nav-link span + .icon {
  margin-left: 0.75rem;
}

.nav .nav-link .icon {
  font-size: 1.3em;
}

.nav-tabs {
  font-family: Nunito, sans-serif;
  margin: 0;
  font-size: 0.8125rem;
  border-bottom: 1px solid #dbdfea;
}

.nav-tabs + .tab-content {
  margin-top: 1.25rem;
}

.nav-tabs .nav-item {
  padding-right: 1.25rem;
}

.nav-tabs .nav-item:last-child {
  padding-right: 0;
}

/* .nav-tabs .nav-item.active .nav-link {
  color: var(--sk-gold);
}

.nav-tabs .nav-item.active .nav-link:after {
  opacity: 1;
} */

.nav-tabs .nav-link {
  padding: 1rem 0;
  font-weight: 600;
  color: #526484;
  position: relative;
  border: none;
  outline: none;
  display: inline-flex;
  align-items: center;
}

.nav-tabs .nav-link .icon {
  font-size: 1.4em;
}

.nav-tabs .nav-link .icon + span {
  margin-left: 0.5rem;
}

.nav-tabs .nav-link .badge {
  margin-left: 0.25rem;
}

.nav-tabs .nav-link:hover {
  color: #364a63;
}

.nav-tabs .nav-link:focus {
  color: #1f64ad;
}

.nav-tabs .nav-link:before,
.nav-tabs .nav-link:after {
  position: absolute;
  content: "";
}

.nav-tabs .nav-link:after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #1f64ad;
  opacity: 0;
}

.nav-tabs .nav-link.active {
  color: #1f64ad;
  border: none;
  background-color: transparent;
}

.nav-tabs .nav-link.active:after {
  opacity: 1;
}

.nav-sm {
  font-size: 0.8125rem;
}

@media (min-width: 768px) {
  .nav-tabs .nav-item {
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) {
  .nav-tabs .nav-item {
    padding-right: 1.75rem;
  }

  .nav-tabs .nav-link {
    font-size: 0.875rem;
  }
}

@media (min-width: 1200px) {
  .nav-tabs .nav-item {
    padding-right: 2.25rem;
  }
}

.nav-item-trigger {
  display: inline-flex;
  align-items: center;
  margin: -1px -0.5rem 0 auto;
}

.nav-tabs-card {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: Roboto, sans-serif;
}

@media (min-width: 576px) {
  .nav-tabs-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .nav-tabs-mb-icon .nav-item {
    padding-right: 0.75rem;
  }

  .nav-tabs-mb-icon .nav-link .icon {
    font-size: 1.25rem;
    padding: 0;
  }

  .nav-tabs-mb-icon .nav-link .icon + span {
    /* display: none; */
    font-size: 10px;
  }

  .nav-tabs .nav-link > .icon {
    margin-right: 0.3em;
  }
}

@media (max-width: 359px) {
  .nav-tabs-mb-icon .nav-item {
    padding-right: 0.35rem;
  }
}

.modal-content {
  position: relative;
  min-height: 40px;
  box-shadow:
    0px 0px 1px 0px rgba(82, 100, 132, 0.2),
    0px 8px 15.52px 0.48px rgba(28, 43, 70, 0.15);
}

.modal-content > .close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2.25rem;
  width: 2.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #526484;
  z-index: 1;
  transition: all 0.3s;
}

.modal-body .stretched {
  border-radius: 0;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.modal-body .stretched.alert {
  border: none;
}

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

.modal-dialog::before {
  height: calc(100vh - 1rem);
}

.modal.fade .modal-dialog {
  transform: translate(0, -10px);
}

.modal.zoom .modal-dialog {
  transform: scale(0.95);
  transition: transform 0.3s ease-out;
}

@media (min-width: 576px) {
  .modal-dialog {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog::before {
    height: calc(100vh - 3.5rem);
  }

  .modal-body {
    padding: 1.5rem 1.5rem;
  }

  .modal-body .stretched {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .modal-header {
    padding: 1rem 1.5rem;
  }

  .modal-footer {
    padding: 1rem 1.5rem;
  }
}

.page-link {
  font-size: 0.8125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(1rem + 1.125rem + 2px);
}

.page-link .icon {
  font-size: 0.8125rem;
  line-height: inherit;
}

.page-link:not([href]) {
  background-color: transparent;
  color: inherit;
}

.page-link:not([href]) .icon:before {
  position: relative;
  top: 1px;
}

.progress-bar {
  height: 100%;
  line-height: 1;
}

.progress-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8094ae;
  margin-bottom: 0.25rem;
}

.toast .close {
  display: inline-flex;
  margin-right: -0.5rem;
  margin-left: 0.5rem;
}

@font-face {
  font-family: "Nioicon";
  src: url("../fonts/Nioicon.eot");
  src:
    url("../fonts/Nioicon.eot#iefix") format("embedded-opentype"),
    url("../fonts/Nioicon.ttf") format("truetype"),
    url("../fonts/Nioicon.woff") format("woff"),
    url("../fonts/Nioicon.svg#Nioicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ni {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Nioicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ni-menu-squared:before {
  content: "";
}

.ni-chevron-left:before {
  content: "";
}

.ni-chevron-right:before {
  content: "";
}

.ni-arrow-left:before {
  content: "";
}

.ni-arrow-to-up:before {
  content: "";
}

.ni-arrow-to-down:before {
  content: "";
}

.ni-curve-down-right:before {
  content: "";
}

.ni-exchange:before {
  content: "";
}

.ni-cross:before {
  content: "";
}

.ni-cross-round:before {
  content: "";
}

.ni-cross-circle:before {
  content: "";
}

.ni-cross-c:before {
  content: "";
}

.ni-cross-circle-fill:before {
  content: "";
}

.ni-na:before {
  content: "";
}

.ni-check:before {
  content: "";
}

.ni-check-round:before {
  content: "";
}

.ni-check-circle:before {
  content: "";
}

.ni-check-c:before {
  content: "";
}

.ni-check-circle-fill:before {
  content: "";
}

.ni-plus:before {
  content: "";
}

.ni-plus-circle:before {
  content: "";
}

.ni-plus-c:before {
  content: "";
}

.ni-search:before {
  content: "";
}

.ni-loader:before,
.ni-reload:before {
  content: "";
}

.ni-signout:before {
  content: "";
}

.ni-signin:before {
  content: "";
}

.ni-download:before {
  content: "";
}

.ni-alert:before {
  content: "";
}

.ni-report:before {
  content: "";
}

.ni-alert-fill:before {
  content: "";
}

.ni-info:before {
  content: "";
}

.ni-info-fill:before {
  content: "";
}

.ni-help:before {
  content: "";
}

.ni-help-fill:before {
  content: "";
}

.ni-bell:before {
  content: "";
}

.ni-signal:before {
  content: "";
}

.ni-block-over:before {
  content: "";
}

.ni-calendar-alt:before {
  content: "";
}

.ni-calendar:before {
  content: "";
}

.ni-link-alt:before {
  content: "";
}

.ni-link:before {
  content: "";
}

.ni-copy:before {
  content: "";
}

.ni-copy-fill:before {
  content: "";
}

.ni-edit-alt:before {
  content: "";
}

.ni-edit-alt-fill:before {
  content: "";
}

.ni-edit-fill:before {
  content: "";
}

.ni-edit:before {
  content: "";
}

.ni-eye:before {
  content: "";
}

.ni-eye-fill:before {
  content: "";
}

.ni-eye-off:before {
  content: "";
}

.ni-file:before {
  content: "";
}

.ni-file-docs:before {
  content: "";
}

.ni-file-doc:before {
  content: "";
}

.ni-file-download:before {
  content: "";
}

.ni-file-text:before {
  content: "";
}

.ni-folder:before {
  content: "";
}

.ni-folders:before {
  content: "";
}

.ni-folders-fill:before {
  content: "";
}

.ni-dashboard:before {
  content: "";
}

.ni-grid:before {
  content: "";
}

.ni-menu:before {
  content: "";
}

.ni-trend-up:before {
  content: "";
}

.ni-growth:before {
  content: "";
}

.ni-growth-fill:before {
  content: "";
}

.ni-happy:before {
  content: "";
}

.ni-mail:before {
  content: "";
}

.ni-emails:before {
  content: "";
}

.ni-user-alt:before {
  content: "";
}

.ni-user:before {
  content: "";
}

.ni-users:before {
  content: "";
}

.ni-user-add:before {
  content: "";
}

.ni-user-cross:before {
  content: "";
}

.ni-account-setting:before {
  content: "";
}

.ni-user-list:before {
  content: "";
}

.ni-users-fill:before {
  content: "";
}

.ni-user-list-fill:before {
  content: "";
}

.ni-user-circle:before {
  content: "";
}

.ni-user-c:before {
  content: "";
}

.ni-invest:before {
  content: "";
}

.ni-reports-alt:before {
  content: "";
}

.ni-reports:before {
  content: "";
}

.ni-coins:before {
  content: "";
}

.ni-coin:before {
  content: "";
}

.ni-setting-alt:before {
  content: "";
}

.ni-setting:before {
  content: "";
}

.ni-share-fill:before {
  content: "";
}

.ni-share:before {
  content: "";
}

.ni-network:before {
  content: "";
}

.ni-shield:before {
  content: "";
}

.ni-shield-star:before {
  content: "";
}

.ni-shield-check:before {
  content: "";
}

.ni-shield-check-fill:before {
  content: "";
}

.ni-shield-star-fill:before {
  content: "";
}

.ni-wallet:before {
  content: "";
}

.ni-wallet-in:before {
  content: "";
}

.ni-wallet-out:before {
  content: "";
}

.ni-wallet-saving:before {
  content: "";
}

.ni-label:before {
  content: "";
}

.ni-ticket:before {
  content: "";
}

.ni-trash:before {
  content: "";
}

.ni-building:before {
  content: "";
}

.ni-briefcase:before {
  content: "";
}

.ni-sign-dollar:before {
  content: "";
}

.ni-sign-inr:before {
  content: "";
}

.ni-dash:before {
  content: "";
}

.com {
  color: #93a1a1;
}

.lit {
  color: #195f91;
}

.pun,
.opn,
.clo {
  color: #93a1a1;
}

.fun {
  color: #dc322f;
}

.str,
.atv {
  color: #d14;
}

.kwd,
.linenums .tag {
  color: #1e347b;
}

.typ,
.atn,
.dec,
.var {
  color: teal;
}

.pln {
  color: #48484c;
}

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

.prettyprint.linenums {
  -webkit-box-shadow:
    inset 40px 0 0 #fbfbfc,
    inset 41px 0 0 #ececf0;
  -moz-box-shadow:
    inset 40px 0 0 #fbfbfc,
    inset 41px 0 0 #ececf0;
  box-shadow:
    inset 40px 0 0 #fbfbfc,
    inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px;
}

ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

/** Select2 */
.select2 {
  width: 100% !important;
  display: inline-block;
}

.select2-container {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: calc(2.125rem + 2px);
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #dbdfea;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: block;
  position: absolute;
  left: -100000px;
  z-index: 1051;
  padding: 6px;
}

.select2-dropdown--below {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
}

.select2-dropdown--above {
  margin-top: 1px;
  border-radius: 4px 4px 0 0;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 4px 4px;
}

.select2-results__option {
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option:not(:last-child) {
  margin-bottom: 0.125rem;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
  border-color: #b4bdd3;
}

.select2-search--dropdown {
  display: block;
  padding: 0;
}

.select2-search--dropdown .select2-search__field {
  padding: 0.375rem 0.75rem;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 6px;
  color: #526484;
}

.select2-search--dropdown .select2-search__field:focus {
  outline: none;
  border-color: #1f64ad;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/** SimpleBar.js - v5.1.0 | License MIT License  */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: hidden scroll;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #8094ae;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 8px !important;
  transition: width 0.1s;
}

.simplebar-track.simplebar-vertical.simplebar-hover {
  width: 10px !important;
}

.simplebar-track.simplebar-vertical .nk-sidebar {
  visibility: hidden !important;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 8px !important;
  transition: height 0.1s;
}

.simplebar-track.simplebar-horizontal.simplebar-hover {
  height: 10px !important;
}

.nk-sidebar .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/** Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-slide:focus {
  outline: none;
  border: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
}

.slick-dots li {
  display: inline-flex;
  padding: 0 6px;
}

.slick-dots li button {
  background-color: #dbdfea;
  border: none;
  border-radius: 20px;
  text-indent: -99999px;
  height: 8px;
  width: 8px;
  padding: 0;
  overflow: hidden;
  transition: all 0.4s linear;
}

.slick-dots li button:focus {
  outline: none;
}

.slick-dots li.slick-active button {
  background-color: #8094ae;
}

.slick-next,
.slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  z-index: 9;
  font-size: 24px;
  color: #8094ae;
  background: #fff;
  transition: all 0.4s linear;
  border: 1px solid #e5e9f2;
}

.slick-next:hover,
.slick-prev:hover {
  color: #526484;
  background: #f5f6fa;
  border-color: #dbdfea;
  opacity: 1;
}

.slick-disabled .slick-next,
.slick-disabled .slick-prev {
  cursor: default;
  color: #dbdfea;
}

.slick-disabled .slick-next:hover,
.slick-disabled .slick-prev:hover {
  color: #dbdfea;
  background: #fff;
  border-color: #e5e9f2;
}

.slick-next {
  right: 5px;
}

.slick-prev {
  left: 5px;
}

@media (min-width: 576px) {
  .slick-next {
    right: -10px;
  }

  .slick-prev {
    left: -10px;
  }
}

/** Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)  Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */
.datepicker {
  padding: 10px;
  border-radius: 4px;
  direction: ltr;
  border: 1px solid #dbdfea;
  box-shadow: none;
  min-width: 240px;
}

.datepicker .table-condensed {
  width: 100%;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 34px;
  height: 24px;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  transition: all 0.3s;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #ebeef2;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #dbdfea;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #dbdfea;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #ebeef2;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #cee3ff;
  color: #1f64ad;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #1f64ad;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #1f64ad;
}

.datepicker table tr td.today:hover:hover {
  color: #fff;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #dbdfea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #6baafe;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #1f64ad;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #1f64ad \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #3c4d62;
  color: #fff;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #344357;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #2b3748 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #1f64ad;
  color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #1f64ad;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #1f64ad;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #1f64ad;
  color: #fff;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #dbdfea;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #1f64ad;
  color: #fff;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #1f64ad;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #1f64ad \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #dbdfea;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #ebeef2;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #ebeef2;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  z-index: 99999 !important;
}

/** jQuery Timepicker | http://timepicker.co | Copyright (c) 2016 Willington Vega; Licensed MIT, GPL */
.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1051 !important;
}

.ui-timepicker {
  box-sizing: content-box;
  display: block;
  height: 205px;
  list-style: none outside none;
  margin: 0;
  padding: 0 1px;
  text-align: center;
}

.ui-timepicker-viewport {
  box-sizing: content-box;
  display: block;
  height: 205px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  /* IE */
}

.ui-timepicker-standard {
  /* overwrites .ui-widget */
  font-size: 1.1em;
  /* overwrites .ui-widget-content */
  background-color: #fff;
  border: 1px solid #dbdfea;
  color: #526484;
  /* overwrites .ui-menu */
  margin: 0;
  padding: 6px;
}

.ui-timepicker-standard a {
  border: none;
  color: #526484;
  display: block;
  padding: 0.375rem 0.75rem;
  text-decoration: none;
}

.ui-timepicker-standard .ui-state-hover {
  background-color: #ebeef2;
  border: none;
  font-weight: normal;
  color: #364a63;
  cursor: pointer;
  border-radius: 4px;
}

.ui-timepicker-standard .ui-menu-item {
  margin: 0;
  padding: 0;
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-timepicker-hidden {
  display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none;
}

/* The MIT License Copyright (c) 2012 Matias Meno <m@tias.me> */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.dropzone,
.dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 1px dashed #e5e9f2;
  border-radius: 4px;
  background: white;
  padding: 20px 20px;
}

.dropzone.small {
  min-height: 86px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 1em 0;
}

.dropzone .dz-message span {
  display: block;
  color: rgba(82, 100, 132, 0.6);
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/** nouislider - 14.1.1 - 12/15/2019 | These styles are required for noUiSlider to function. */

/* Wrapper for all connect elements. */

/* Offset direction */
/* Give origins 0 height/width so they don't interfere with clicking the connect elements. */

/* Slider size and handle placement; */

/* Styling; Giving the connect element a border radius causes issues with using transform: scale */

/* Handles and cursors; */

/* Handle stripes; */

/* Disabled state; */

/* Base; */

/* Values; */

/* Markings; */

/* Horizontal layout; */

/* Vertical layout; */

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  padding: 1.25rem;
  width: 100%;
}

#toast-container[class*="-center"] .toastr {
  margin-left: auto;
  margin-right: auto;
}

#toast-container[class*="-left"] .toastr {
  margin-right: auto;
}

#toast-container[class*="-right"] .toastr {
  margin-left: auto;
}

#toast-container[class*="-full"] .toastr {
  width: 100%;
}

#toast-container[class*="toast-top"] {
  top: 0;
}

#toast-container[class*="toast-bottom"] {
  bottom: 0;
}

.toastr {
  position: relative;
  pointer-events: auto;
  background: #fff;
  box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15);
  border-radius: 4px;
  opacity: 1;
  border-left: 4px solid transparent;
  padding: 1.25rem 4.5rem 1.25rem 1.25rem;
  width: 430px;
  max-width: 100%;
  font-size: 0.875rem;
  line-height: 1.3rem;
}

.is-dark .toastr {
  background: #101924;
  color: #fff;
}

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

.toastr.toast-success {
  border-color: #16ad4b;
}

.toastr.toast-success .icon {
  color: #16ad4b;
}

.toastr.toast-error {
  border-color: #e85347;
}

.toastr.toast-error .icon {
  color: #e85347;
}

.toastr.toast-info {
  border-color: #09c2de;
}

.toastr.toast-info .icon {
  color: #09c2de;
}

.toastr.toast-warning {
  border-color: #f4bd0e;
}

.toastr.toast-warning .icon {
  color: #f4bd0e;
}

.toastr-icon {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
}

.toastr-icon + .toastr-text {
  padding-left: 2.35rem;
}

.toastr h4,
.toastr h5,
.toastr h6 {
  margin-bottom: 0.35rem;
  font-size: 1rem;
}

.is-dark .toastr h4,
.is-dark .toastr h5,
.is-dark .toastr h6 {
  color: #fff;
}

.toast-close-button {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  cursor: pointer;
}

.toast-close-button:after {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  color: #8094ae;
  font-family: "Nioicon";
  content: "";
  font-size: 18px;
  line-height: 32px;
  width: 100%;
  text-align: center;
}

.is-dark .toast-close-button:after {
  color: #dbdfea;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #526484;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

/** SweetAlert2 | github.com/sweetalert2/sweetalert2 */

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: -0.5rem auto 1.5rem;
  border: 0.25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
  transform: scale(0.8);
}

.swal2-icon.swal2-success {
  border-color: #16ad4b;
  color: #16ad4b;
}

.swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="right"] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(30, 224, 172, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #16ad4b;
}

.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  top: 2.875em;
  left: 0.875em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

[class^="swal2"] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }

  33% {
    transform: translateY(0) rotateZ(-2deg);
  }

  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }

  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }

  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }

  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }

  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }

  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }

  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}

@keyframes swal2-show {
  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }

  40% {
    opacity: 1;
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }

  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }

  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }

  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }

  100% {
    top: 2.8125em;
    left: 0.875em;
    width: 1.5625em;
  }
}

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }

  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }

  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }

  5% {
    transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
  }

  100% {
    transform: rotate(-405deg);
  }
}

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }

  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }

  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes swal2-animate-error-icon {
  0% {
    transform: scale(0.8) rotateX(100deg);
    opacity: 0;
  }

  100% {
    transform: scale(0.8) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

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

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

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

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

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

div.dataTables_wrapper div.dataTables_length label {
  display: inline-flex;
  align-items: center;
}

div.dataTables_wrapper div.dataTables_length span {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

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

div.dataTables_wrapper div.dataTables_filter input {
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_info {
  padding: 0.5rem 0;
  white-space: nowrap;
  font-size: 0.75rem;
}

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

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  justify-content: center;
}

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

div.dataTables_wrapper label {
  margin-bottom: 0;
}

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

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

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

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  opacity: 0.3;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}

table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start;
  }
}

table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child {
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr:not(.child)
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr:not(.child)
  > th:first-child:before {
  content: "";
  font-family: "Nioicon";
  margin-right: 0.4rem;
}

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

@media (max-width: 575px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start;
  }

  div.dataTables_wrapper
    div.dataTables_paginate
    ul.pagination
    li:not(.previous):not(.next) {
    display: none;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  div.dataTables_wrapper div.dataTables_info {
    text-align: right !important;
  }
}

.dataTable td:focus {
  outline: none;
}

.datatable-wrap {
  border: 1px solid #e5e9f2;
  border-radius: 4px;
}

.dtr-details {
  padding-left: 0.25rem;
}

.dtr-details .dtr-title {
  font-weight: 600;
  margin-right: 0.25rem;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: #f5f6fa;
  box-shadow: 0 0 0 200vh rgba(31, 43, 58, 0.3);
  border-radius: 4px;
  text-align: center;
  z-index: 2020;
  overflow: hidden;
  border: 1px solid #e5e9f2;
}

div.dt-button-info h2 {
  padding: 2rem;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #e5e9f2;
  background-color: #fff;
  font-size: 1.75rem;
}

div.dt-button-info > div {
  padding: 1.25rem;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

div.dt-button-collection {
  position: absolute;
  z-index: 1000;
  width: 100%;
}

div.dt-button-collection div.dropdown-menu {
  display: block;
  z-index: 1001;
  min-width: 100px;
  top: 10px;
}

div.dt-button-collection div.dt-button-collection-title {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

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

div.dt-button-collection > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection .dt-button {
  border-radius: 0;
}

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

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

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(31, 43, 58, 0.3);
  display: none !important;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }

  div.dt-buttons a.btn {
    float: none;
  }
}

div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
  color: rgba(0, 0, 0, 0.2);
}

div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

.dt-buttons .btn-secondary span {
  display: none;
}

.dt-buttons .btn-secondary:before {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  width: 2.125rem;
  font-family: "Nioicon";
}

.dt-export-title {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.buttons-copy:before {
  content: "";
}

.buttons-pdf:before {
  content: "";
}

.buttons-excel:before {
  content: "";
}

.buttons-csv:before {
  content: "";
}

.buttons-print:before {
  content: "";
}

.buttons-colvis:before {
  content: "";
}

.buttons-columnVisibility {
  position: relative;
  padding-right: 42px;
  font-size: 12px;
  font-weight: 500;
  color: #526484;
  transition: all 0.4s;
}

.buttons-columnVisibility.active:not(:hover) {
  color: #526484;
  background-color: transparent;
}

.buttons-columnVisibility.active:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  font-family: "Nioicon";
}

@media (max-width: 600px) {
  .nk-header-fixed {
    margin: 0 -12px !important;
  }

  .partlinksec {
    flex-direction: column;
    align-items: start !important;
    padding: 10px !important;
    border-radius: 5px !important;
  }

  .partlinksec .nk-refwg-url {
    width: 100%;
  }

  .partlinksec .nk-refwg-url #secretInfo {
    width: 65%;
  }
  .partlinksec .social-link {
    margin: 0 !important;
  }

  .with-export > .col-5,
  .with-export > .col-7,
  .with-export > .col-sm-4,
  .with-export > .col-sm-8 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .with-export .datatable-filter .justify-content-end {
    justify-content: space-between !important;
  }

  .with-export .dataTables_filter label {
    display: block;
  }

  .with-export .dataTables_filter .form-control,
  .with-export div.dataTables_wrapper div.dataTables_filter input,
  div.dataTables_wrapper .with-export div.dataTables_filter input {
    width: 100% !important;
  }

  .dropzone {
    flex-direction: column;
    align-items: start !important;
  }
  .padding-bottom-res {
    padding-bottom: 30px !important;
  }
}

@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}

@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}

/* classes attached to <body> */
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* override events' custom cursors */
  cursor: not-allowed;
}

.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;
  font-size: 1em;
}

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

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  vertical-align: top;
  padding: 0;
}

.fc .table-bordered {
  border-radius: 4px;
}

.fc .table-bordered thead th,
.fc .table-bordered thead td {
  border-bottom-width: 0;
}

.fc .table-bordered thead > tr > th,
.fc .table-bordered thead > tr > td {
  border-bottom-width: 1px;
}

.fc thead tr:first-child td:first-child,
.fc thead tr:first-child th:first-child {
  border-radius: 4px 0 0 0;
}

.fc thead tr:first-child td:last-child,
.fc thead tr:first-child th:last-child {
  border-radius: 0 4px 0 0;
}

.fc tbody tr:last-child td:first-child,
.fc tbody tr:last-child th:first-child {
  border-radius: 0 0 0 4px;
}

.fc tbody tr:last-child td:last-child,
.fc tbody tr:last-child th:last-child {
  border-radius: 0 0 4px 0;
}

.fc a[data-navlink] {
  cursor: pointer;
}

.fc a[data-navlink]:hover {
  text-decoration: underline;
}

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */

@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

.fc-icon,
.fa {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-left:before {
  content: "\e900";
}

.fa-chevron-right:before {
  content: "\e901";
}

.fc-icon-x:before,
.fa-times:before {
  content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {
  /* reset */
}

.fc .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

.fc .fc-button {
  -webkit-appearance: button;
}

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

.fc .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.fc {
  /* theme */
}

.fc .fc-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc .fc-button:hover {
  text-decoration: none;
}

.fc .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button:disabled {
  opacity: 0.65;
}

.fc {
  /* "primary" coloring */
}

.fc {
  /* icons within buttons */
}

.fc .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
  /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
}

.fc .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}

.fc .fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active {
  z-index: 1;
}

.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767.98px) {
  .fc .fc-toolbar {
    flex-direction: column;
  }
}

.fc .fc-toolbar.fc-header-toolbar {
  margin: -0.5rem 0 0.75rem;
}

.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative;
  /* for abs-positioned elements within */
}

.fc {
  /* stickiness */
}

.fc {
  /* when the harness controls the height, make the view liquid */
}

.fc .fc-highlight {
  /* will always have a harness with position:relative/absolute, so absolutely expand */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc .fc-highlight {
  background: rgba(188, 232, 241, 0.3);
  background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
.fc .fc-event {
  padding: 0.125rem 0.375rem;
  margin: 0.5rem 0.375rem;
}

a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}

/* cursor */
.fc-event[href] {
  cursor: pointer;
}

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */

.fc-event:hover {
  /* TOUCH */
}

/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */

/*
A HORIZONTAL event
*/
.fc-h-event {
  /* allowed to be top-level */
  display: block;
  border: 1px solid #1f64ad;
  background-color: #1f64ad;
}

/* adjust border and border-radius (if there is any) for non-start/end */

/* resizers */

/* resizers for TOUCH */

:root {
  --fc-daygrid-event-dot-width: 8px;
}

.fc .fc-popover {
  position: fixed;
  top: 0;
  /* for when not positioned yet */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* help things clear margins of inner content */

.fc {
  /* cell top */
}

.fc {
  /* day number (within cell top) */
}

.fc {
  /* event container */
}

.fc {
  /* positioning for balanced vs natural */
}

.fc {
  /* event harness */
}

.fc {
  /* bg content */
}

.fc {
  /* events */
}

.fc {
  /* cell bottom (within day-events) */
}

.fc {
  /* week number (within frame) */
}

.fc {
  /* popover */
}

.fc .fc-more-popover {
  z-index: 8;
}

/* --- the rectangle ("block") style of event --- */

/* --- the dot style of event --- */

/* --- spacing between time and title --- */

/*
A VERTICAL event
*/
.fc-v-event {
  /* allowed to be top-level */
  display: block;
  border: 1px solid #1f64ad;
  background-color: #1f64ad;
}

.fc-v-event {
  /* resizer (mouse AND touch) */
}

.fc-v-event {
  /* resizer for MOUSE */
}

.fc-v-event {
  /* resizer for TOUCH (when event is "selected") */
}

.fc {
  /* slots AND axis cells (top-left corner of view including the "all-day" text) */
}

.fc {
  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */
}

.fc {
  /* bg */
}

.fc {
  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */
}

.fc {
  /* now indicator */
}

.fc {
  /* line */
}

.fc {
  /* arrow */
}

:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc {
  /* message when no events */
}

.fc .fc-list-empty {
  background-color: #f5f6fa;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* vertically aligns fc-list-empty-inner */
}

.fc {
  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */
}

.fc .fc-list-table {
  width: 100%;
  border-style: hidden;
  /* kill outer border on theme */
}

.fc .fc-list-table tr > * {
  border-left: 0;
  border-right: 0;
}

.fc .fc-list-table th {
  padding: 0;
  /* uses an inner-wrapper instead... */
}

.fc .fc-list-table td {
  padding: 0.75rem 1rem;
}

.fc {
  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */
}

/* make the dot closer to the event title */

.fc {
  /* shrink certain cols */
}

.fc {
  /* reset <a> styling */
}

.fc {
  /* underline link when hovering over any part of row */
}

.fc a.fc-event:not([href]) {
  color: #fff;
  background: #1f64ad;
}

span[class*="fc-event"] .dot {
  display: inline-block;
  border: 1px solid #1f64ad;
  margin-right: 0.5rem;
}

.fc-draggable {
  background-color: #1f64ad;
  border-radius: 4px;
  margin: 0.75rem 0;
  padding: 0.25rem 0.5rem;
  font-size: 13px;
  color: #fff;
  list-style: none;
  display: inline-block;
}

.fc-day {
  color: #364a63;
}

/* Dragula CSS  */

.google-map {
  height: 400px;
  width: 100%;
}

/** 03. LAYOUTS */
body {
  min-width: 320px;
}

body.nav-shown {
  overflow: hidden;
}

.nk-body {
  outline: none;
}

.nk-app-root {
  outline: none;
}

.nk-main {
  position: relative;
}

.nk-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.nk-content {
  padding: 24px 4px;
}

@media (min-width: 576px) {
  .nk-content {
    padding: 32px 22px;
  }
}

.nk-content-body {
  flex-grow: 1;
}

.logo-link {
  position: relative;
  display: inline-block;
  align-items: center;
}

.logo-dark {
  opacity: 1;
}

.is-dark .logo-dark {
  opacity: 0;
}

.logo-light {
  opacity: 0;
}

.is-dark .logo-light {
  opacity: 1;
}

.logo-img {
  max-height: 40px;
}

.logo-img:not(:first-child) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nk-header {
  background: #f5f6fa;
  border-bottom: 1px solid #e5e9f2;
  padding: 0 6px;
  z-index: 1010;
}

.nk-header.is-dark:not([class*="bg-"]) {
  background: #101924;
  border-color: #203247;
}

.nk-header.is-light:not([class*="bg-"]) {
  background: #fff;
}

.nk-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 320px;
}

.nk-header-fixed + .nk-content {
  margin-top: 65px;
  position: relative;
}

.nk-header-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -0.25rem;
}

.nk-header-wrap > * {
  padding: 0 0.25rem;
}

.nk-header-tools {
  margin-left: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

.nk-header-brand {
  flex-shrink: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}

.nk-header .dropdown-menu .lead-text {
  color: #364a63;
}

.nk-header .dropdown-menu .sub-text,
.nk-header .dropdown-menu .overline-title,
.nk-header .dropdown-menu .overline-title-alt {
  color: #8094ae;
}

.nk-quick-nav {
  display: flex;
  align-items: center;
  margin: 0 -6px;
}

.nk-quick-nav > li {
  padding: 0 6px;
}

.nk-quick-nav > li.user-dropdown > a {
  padding: 0 2px;
}

.nk-quick-nav-icon {
  display: inline-flex;
  position: relative;
  font-size: 1.5rem;
  z-index: 1;
  color: #526484;
  padding: 0.375rem;
}

.is-dark .nk-quick-nav-icon {
  color: #9faec2;
}

.nk-quick-nav-icon:focus {
  box-shadow: none;
}

.nk-quick-nav-icon:before {
  position: absolute;
  z-index: -1;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  content: "";
  background-color: #e5e9f2;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.is-dark .nk-quick-nav-icon:before {
  background-color: #0b1219;
}

.show > .nk-quick-nav-icon:before {
  opacity: 1;
  height: 116%;
  width: 116%;
}

.nk-quick-nav-icon:hover:before,
.nk-quick-nav-icon.active:before {
  opacity: 1;
  height: 116%;
  width: 116%;
}

@media (max-width: 359px) {
  .nk-quick-nav {
    margin: 0 -3px;
  }

  .nk-quick-nav > li {
    padding: 0 3px;
  }
}

@media (min-width: 576px) {
  .nk-header {
    padding: 0 22px;
  }

  .nk-quick-nav {
    margin: 0 -10px;
  }

  .nk-quick-nav > li {
    padding: 0 10px;
  }
}

.nk-sidebar {
  position: absolute;
  background: #f5f6fa;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  border-right: 1px solid #e5e9f2;
  transform: translateX(-100%);
  z-index: 999;
  width: 290px;
  transition:
    transform 450ms ease,
    width 450ms ease;
}

.nk-sidebar + .nk-wrap {
  transition: padding 450ms ease;
}

.nk-sidebar + .nk-wrap > .nk-header-fixed {
  transition: left 450ms ease;
}

.nk-sidebar.is-light {
  background: #fff;
  border-right-color: #ebeef2;
}

.nk-sidebar.is-dark {
  background: hsla(185, 64%, 51%, 1);
  background: linear-gradient(
    90deg,
    hsla(185, 64%, 51%, 1) 0%,
    hsla(277, 74%, 24%, 1) 100%
  );
  background: -moz-linear-gradient(
    90deg,
    hsla(185, 64%, 51%, 1) 0%,
    hsla(277, 74%, 24%, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    hsla(185, 64%, 51%, 1) 0%,
    hsla(277, 74%, 24%, 1) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#30C5D2", endColorstr="#471069", GradientType=1);
}

.nk-sidebar-element {
  overflow: hidden;
  width: 100%;
  max-height: 100%;
}

.nk-sidebar-fixed {
  position: fixed;
  max-height: 100vh;
}

.nk-sidebar-head {
  display: flex;
  align-items: center;
  padding: 14px 17px;
  min-width: 100%;
  width: 255px;
  height: 65px;
  border-bottom: 1px solid #e5e9f2;
}

.is-dark .nk-sidebar-head {
  border-color: rgb(255 255 255 / 29%);
}

.nk-sidebar-brand {
  position: relative;
  flex-shrink: 0;
}

.nk-sidebar-logo {
  transition: opacity 0.3s ease;
}

.nk-sidebar-logo .logo-img:not(:first-child) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nk-sidebar-body {
  position: relative;
}

.nk-sidebar-body .simplebar-content {
  padding: 16px 0px 40px !important;
  padding-bottom: 0.25rem !important;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.nk-sidebar-content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 65px);
}

.nk-sidebar-content .nk-sidebar-menu {
  padding-top: 1.5rem;
}

.nk-sidebar-content .nk-sidebar-menu[data-simplebar] {
  height: 100%;
}

.nk-sidebar-content[data-simplebar] > div {
  width: 100%;
}

.nk-profile-toggle {
  display: block;
  border-bottom: 1px solid #e5e9f2;
}

.nk-profile-content {
  background: #fff;
  border-bottom: 1px solid #e5e9f2;
}

.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 {
  border-color: transparent;
  color: #1f64ad;
  border: none;
  background-color: transparent;
}

@keyframes overlay-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.nk-sidebar-active {
  transform: translateX(0) !important;
}

.nk-sidebar-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
  animation: overlay-fade-in 0.4s ease 1;
}

@media (max-width: 991.98px) {
  .nk-sidebar-mobile {
    width: 255px !important;
  }
}

@media (min-width: 1200px) {
  .nk-sidebar-content .nk-sidebar-menu {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .nk-sidebar {
    transform: translateX(0);
    width: 255px;
  }

  .nk-sidebar + .nk-wrap {
    padding-left: 255px;
  }

  .nk-sidebar + .nk-wrap > .nk-header-fixed {
    left: 255px;
  }
}

@media (min-width: 1200px) {
  .nk-sidebar {
    transform: translateX(0);
  }
}

@media (min-width: 1200px) {
  .nk-sidebar {
    transform: translateX(0);
    width: 255px;
  }

  .nk-sidebar .nk-sidebar-content .nk-sidebar-menu {
    padding-top: 2.5rem;
  }

  .nk-sidebar + .nk-wrap {
    padding-left: 255px;
  }

  .nk-sidebar + .nk-wrap > .nk-header-fixed {
    left: 255px;
  }

  .nk-sidebar .nk-sidebar-head {
    width: 255px;
    padding: 14px 17px;
    border-bottom: 1px;
    background: transparent;
  }
}

@media (min-width: 1540px) {
  .nk-sidebar {
    width: 255px;
  }

  .nk-sidebar + .nk-wrap {
    padding-left: 255px;
  }

  .nk-sidebar + .nk-wrap > .nk-header-fixed {
    left: 255px;
  }

  .nk-sidebar .nk-sidebar-head {
    width: 255px;
    padding: 14px 17px;
  }

  .nk-content-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.nk-menu li a {
  vertical-align: middle;
  display: flex;
  position: relative;
  align-items: center;
  transition:
    color 0.3s,
    background-color 0.3s;
}

.nk-menu-item {
  padding: 0;
}

.nk-menu-sub .nk-menu-item {
  padding: 1px 0;
}

.nk-menu-item.has-sub {
  position: relative;
}

.nk-menu-link {
  padding: 0.625rem 17px 0.625rem 17px;
  color: #fff !important;
  font-family: Nunito, sans-serif;
  font-weight: 600;
  font-size: 13.2px;
  text-transform: none;
  line-height: 1.25rem;
}

.nk-menu-link:hover,
.active > .nk-menu-link {
  color: #fff;
}

.nk-menu-sub .active > .nk-menu-link,
.current-page > .nk-menu-link {
  color: #fff;
}

.nk-menu-link:hover .count,
.active > .nk-menu-link .count {
  color: #fff;
}

.nk-menu-sub .nk-menu-link {
  padding: 0.375rem 17px 0.375rem 17px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.25rem;
  color: rgb(255 255 255 / 72%);
}

.nk-menu-link.is-disable {
  cursor: default;
}

.nk-menu-link.is-disable:hover,
.active > .nk-menu-link.is-disable {
  color: #6e82a5;
}

.nk-menu-link.is-disable:hover .count,
.active > .nk-menu-link.is-disable .count {
  color: #6e82a5;
}

.is-light .nk-menu-link {
  color: #526484;
}

.is-light .nk-menu-link:hover,
.is-light .active > .nk-menu-link {
  color: #2280fe;
}

.nk-menu-link span.small {
  color: #8094ae;
  margin-left: 0.5rem;
}

.nk-menu-icon {
  font-weight: normal;
  letter-spacing: normal;
  width: 36px;
  line-height: 1;
  flex-grow: 0;
  color: rgb(255 255 255 / 72%);
}

.nk-menu-icon svg,
.nk-menu-icon img {
  width: 36px;
}

.nk-menu-icon .icon {
  font-size: 24px;
  letter-spacing: normal;
  vertical-align: middle;
  color: currentColor;
  transition:
    color 0.4s,
    background-color 0.4s;
}

.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link .nk-menu-icon {
  color: #fff;
}

.nk-menu-link.is-disable:hover .nk-menu-icon {
  color: #8094ae;
}

.nk-menu-sub {
  padding-bottom: 0.25rem;
}

.nk-menu-toggle + .nk-menu-sub {
  display: none;
}

.active > .nk-menu-sub {
  display: block;
}

.nk-menu-sub .nk-menu-link:hover {
  color: #fff;
}

.nk-menu-sub .active > .nk-menu-link {
  color: #fff;
}

.nk-menu-sub .nk-menu-icon {
  width: 24px;
  margin-top: -1px;
}

.nk-menu-sub .nk-menu-icon .icon {
  margin-top: -1px;
  font-size: 1.2em;
}

.nk-menu-toggle {
  position: relative;
}

.nk-menu-toggle:after {
  position: absolute;
  font-family: "Nioicon";
  content: "";
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #8094ae;
  transition:
    transform 0.3s,
    color 0.1s;
}

.is-dark .nk-menu-toggle:after {
  color: rgba(255, 255, 255, 0.4);
}

.has-sub.active > .nk-menu-toggle:after {
  transform: translateY(-50%) rotate(90deg);
}

.nk-menu .count {
  display: inline-block;
  font-size: 0.85em;
  margin-left: 0.25rem;
  color: #8094ae;
  line-height: 1;
}

.nk-menu-tooltip {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nk-menu-trigger {
  margin-right: 1.125rem;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link {
  padding-left: 53px;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 60px;
  border-left: 1px solid #dbdfea;
  padding-bottom: 0;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub .nk-menu-link {
  padding-left: 1rem;
}

.nk-sidebar.is-dark .nk-menu > li .nk-menu-sub .nk-menu-sub {
  border-color: rgba(255, 255, 255, 0.12);
}

.nk-sidebar .nk-menu-toggle:after {
  right: 22px;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link {
  padding-left: 53px;
}

@media (min-width: 1200px) {
  .nk-sidebar .nk-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .nk-sidebar .nk-menu > li .nk-menu-sub {
    padding-top: 0.25rem;
  }

  .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link {
    padding-left: 53px;
  }

  .nk-sidebar .nk-menu > li > a {
    border-radius: 40px 0 0 40px;
  }

  .nk-sidebar .nk-menu > li > a:hover {
    background: #fff;
  }

  .nk-sidebar .nk-menu > li:hover > a,
  .nk-sidebar .nk-menu > li.active > a {
    background: #fff;
  }

  .nk-sidebar.is-dark .nk-menu > li:hover > a,
  .nk-sidebar.is-dark .nk-menu > li.active > a,
  .nk-sidebar.is-dark .nk-menu > li > a:hover {
    background: transparent;
  }

  .nk-sidebar.is-light .nk-menu > li:hover > a,
  .nk-sidebar.is-light .nk-menu > li.active > a,
  .nk-sidebar.is-light .nk-menu > li > a:hover {
    background: #eef0f7;
  }
}

@media (min-width: 1560px) {
  .nk-sidebar .nk-menu {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.nk-footer {
  margin-top: auto;
  background: #000000;
  padding: 20px 6px;
}

.nk-footer.is-dark:not([class*="bg-"]) {
  background: #0b2f70;
}

.nk-footer-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.nk-footer-copyright {
  color: #8094ae;
}

.nk-footer-copyright a {
  color: inherit;
}

.nk-footer-copyright a:hover {
  color: #1f64ad;
}

@media (min-width: 576px) {
  .nk-footer {
    padding: 20px 22px;
  }
}

/** 04. UTILITES */
canvas {
  width: 100%;
  max-width: 100%;
}

a:hover {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
}

.del {
  text-decoration: line-through;
}

span[data-toggle="tooltip"]:focus {
  outline: none;
}

li {
  list-style: none;
}

.g-1 {
  margin: -0.1875rem !important;
}

.g-1 > li,
.g-1 > div {
  padding: 0.1875rem !important;
}

.g-2 {
  margin: -0.375rem !important;
}

.g-2 > li,
.g-2 > div {
  padding: 0.375rem !important;
}

.g-3 {
  margin: -0.5rem !important;
}

.g-3 > li,
.g-3 > div {
  padding: 0.5rem !important;
}

.g-4 {
  margin: -0.75rem !important;
}

.g-4 > li,
.g-4 > div {
  padding: 0.75rem !important;
}

.g-5 {
  margin: -1.375rem !important;
}

.g-5 > li,
.g-5 > div {
  padding: 1.375rem !important;
}

.g-gs {
  margin: -14px !important;
}

.g-gs > li,
.g-gs > div {
  padding: 14px !important;
}

.gap {
  width: 100%;
  display: block;
  height: 28px;
}

/** 05. COMPONENTS */

.accordion {
  border-radius: 4px;
  border: 1px solid #dbdfea;
  background: #fff;
}

.accordion-head {
  padding: 1rem 2.25rem 1rem 1.25rem;
  display: block;
  position: relative;
}

.accordion-head .title {
  margin-bottom: 0;
  font-size: 1rem;
  color: #364a63;
  line-height: 1.3;
}

.accordion-head.collapsed .title {
  color: #526484;
}

.accordion-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  font-size: 1rem;
  color: #364a63;
  transform: translateY(-50%);
  transition: rotate 0.4s;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.accordion-icon:before {
  content: "";
  font-family: "Nioicon";
  transition: 0.4s;
}

.accordion-head.collapsed .accordion-icon:before {
  content: "";
}

@media (min-width: 768px) {
  .accordion-head {
    padding: 1rem 1.5rem;
  }

  .accordion-icon {
    right: 1.5rem;
  }
}

.dot {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.dot.sq {
  border-radius: 3px;
}

.dot.sq:after {
  border-radius: 3px;
}

.list:not(:last-child) {
  margin-bottom: 1rem;
}

.list li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.5rem;
}

.list li:not(:last-child) {
  padding-bottom: 0.5rem;
}

.list li:before {
  position: absolute;
  left: 0;
  font-size: 14px;
  line-height: 1.5rem;
  font-family: "Nioicon";
  content: "";
}

.list li span {
  color: #8094ae;
}

.list li ul {
  margin-top: 0.5rem;
}

.list-plain a {
  color: #526484;
  display: block;
  line-height: 1.3;
  padding: 0.5rem 0;
}

.list-plain a:hover {
  color: #1f64ad;
}

.list-dark li:before {
  color: #1c2b46;
}

.link-list + .link-list,
.link-list-plain li + li {
  border-top: 1px solid #e5e9f2;
}

.link-list-plain.sm a {
  padding: 6px 1rem;
}

.link-list {
  padding: 0.75rem 0;
}

.link-list .divider {
  margin: 0.5rem 0;
}

.link-list a {
  display: flex;
  align-items: center;
  color: #526484;
  font-size: 13px;
  line-height: 1.4rem;
  font-weight: 500;
  padding: 0.575rem 0;
  position: relative;
}

.link-list a:hover {
  color: #1f64ad;
}

.link-list a .icon {
  font-size: 1.125rem;
  width: 1.5rem;
  line-height: 1;
}

.link-list-plain .divider {
  margin: 0.5rem 0;
}

.link-list-plain a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.25rem;
  color: #526484;
  transition: all 0.4s;
  line-height: 1.4rem;
  position: relative;
}

.link-list-plain a:hover {
  color: #1f64ad;
  background: #f5f6fa;
}

.link-list-plain a .icon {
  font-size: 1.125rem;
  width: 1.75rem;
  opacity: 0.8;
  color: #1f64ad;
}

.link-list-plain li.active > a,
.link-list-plain a.active {
  color: #1f64ad;
  background: #f5f6fa;
}

.link-list-plain.text-center a {
  justify-content: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-spinner {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  text-align: center;
}

.number-spinner:focus {
  border-color: #dbdfea;
}

.input-group-addon {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  background-color: #f5f6fa;
  border: 1px solid #dbdfea;
  font-size: 0.75rem;
  border-radius: 4px;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:not(:first-child) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-title {
  font-family: Nunito, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

@media (min-width: 992px) {
  .page-title {
    font-size: 1.75rem;
  }
}

.overline-title {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: normal;
  color: #8094ae;
  text-transform: capitalize;
  font-weight: 600;
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.is-dark .overline-title {
  color: #b7c2d0;
}

.overline-title-alt {
  font-family:
    Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: 11px;
  color: #8094ae;
  text-transform: capitalize;
}

.is-dark .overline-title-alt {
  color: #8094ae;
}

.lead-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #364a63;
  display: block;
}

.lead-text + .sub-text {
  font-size: 12px;
}

.lead-text span {
  color: #526484;
  font-weight: 400;
}

.is-dark .lead-text {
  color: #b7c2d0;
}

.is-dark .lead-text span {
  color: #8091a7;
}

.is-dark .is-light .lead-text {
  color: #364a63;
}

.is-dark .is-light .lead-text span {
  color: #526484;
}

.sub-text {
  display: block;
  font-size: 13px;
  color: #8094ae;
}

table .sub-text {
  white-space: nowrap;
}

.sub-text span + .dot,
.sub-text .dot + span {
  margin-left: 0.25rem;
}

.sub-text + .sub-text {
  font-size: 12px;
}

.sub-text strong {
  color: #526484;
  font-weight: 600;
}

.sub-text span {
  white-space: nowrap;
}

h6 .badge {
  margin-left: 0.5rem;
}

.card .table {
  margin-bottom: 0;
}

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

.card .table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.card .table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.card .table tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.card .table tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.card + .lead-text {
  margin-top: 2rem;
}

.lead-text + .card {
  margin-top: 1rem;
}

.card-aside {
  width: 300px;
  background-color: #fff;
  min-height: 100vh;
  flex-shrink: 0;
}

.card-aside-right {
  order: 100;
  border-left: 1px solid #e5e9f2;
}

.card-aside-wrap {
  display: flex;
}

.card-aside-wrap .card-inner,
.card-aside-wrap .card-content {
  flex-grow: 1;
}

@media (max-width: 1539.98px) {
  .toggle-break-xxl.card-aside .card-inner-group {
    max-height: calc(100vh - 65px);
    margin-top: 65px;
  }
}

@media (min-width: 992px) {
  .card-aside {
    position: static;
    display: block;
  }
}

@media (min-width: 1540px) {
  .card-aside {
    width: 380px;
  }
}

.user-avatar,
[class^="user-avatar"]:not([class*="-group"]) {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #1f64ad;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
  position: relative;
}

.user-avatar + .user-info,
[class^="user-avatar"]:not([class*="-group"]) + .user-info {
  margin-left: 1rem;
}

.user-avatar + .user-name,
[class^="user-avatar"]:not([class*="-group"]) + .user-name {
  margin-left: 0.75rem;
}

.user-avatar img,
[class^="user-avatar"]:not([class*="-group"]) img {
  border-radius: 50%;
}

.user-avatar.md + .user-info,
[class^="user-avatar"]:not([class*="-group"]).md + .user-info {
  margin-left: 1.5rem;
}

.user-avatar.md + .user-name,
[class^="user-avatar"]:not([class*="-group"]).md + .user-name {
  margin-left: 1.25rem;
}

.user-avatar .edit,
[class^="user-avatar"]:not([class*="-group"]) .edit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(31, 43, 58, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s;
}

.user-avatar:hover .edit,
[class^="user-avatar"]:not([class*="-group"]):hover .edit {
  opacity: 1;
}

.user-avatar .status,
[class^="user-avatar"]:not([class*="-group"]) .status {
  border: 2px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.user-avatar.sq,
[class^="user-avatar"]:not([class*="-group"]).sq {
  border-radius: 4px;
}

.user-avatar.sq img,
[class^="user-avatar"]:not([class*="-group"]).sq img {
  border-radius: 4px;
}

.user-avatar.sq .status,
[class^="user-avatar"]:not([class*="-group"]).sq .status {
  bottom: -6px;
  right: -6px;
}

.user-card .user-avatar.d-none {
  margin-right: 1rem;
}

.user-card .user-avatar.d-none + .user-info,
.user-card .user-avatar.d-none + .user-name {
  margin-left: 0;
}

.user-avatar.xl {
  height: 110px;
  width: 110px;
  font-size: 40px;
  font-weight: 400;
}

.user-avatar.xl .status {
  bottom: 9px;
  right: 9px;
}

.user-avatar.lg {
  height: 80px;
  width: 80px;
  font-size: 28px;
  font-weight: 400;
}

.user-avatar.lg .status {
  bottom: 5px;
  right: 5px;
}

.user-avatar.md {
  height: 60px;
  width: 60px;
  font-size: 18px;
}

.user-avatar.md .status {
  bottom: 2px;
  right: 2px;
}

.user-avatar.sm {
  height: 32px;
  width: 32px;
  font-size: 12px;
}

.user-avatar.sm .status {
  bottom: -2px;
  right: -2px;
}

.user-avatar.xs {
  height: 26px;
  width: 26px;
  font-size: 9px;
  font-weight: 600;
}

.user-avatar.xs .status {
  bottom: -2px;
  right: -2px;
}

.user-avatar[class*="-blue-dim"] {
  color: #559bfb;
}

.user-avatar[class*="-azure-dim"] {
  color: #1676fb;
}

.user-avatar[class*="-indigo-dim"] {
  color: #2c3782;
}

.user-avatar[class*="-purple-dim"] {
  color: #816bff;
}

.user-avatar[class*="-pink-dim"] {
  color: #ff63a5;
}

.user-avatar[class*="-orange-dim"] {
  color: #ffa353;
}

.user-avatar[class*="-teal-dim"] {
  color: #20c997;
}

.user-avatar[class*="-primary-dim"] {
  color: #1f64ad;
}

.user-avatar[class*="-secondary-dim"] {
  color: #364a63;
}

.user-avatar[class*="-success-dim"] {
  color: #16ad4b;
}

.user-avatar[class*="-info-dim"] {
  color: #09c2de;
}

.user-avatar[class*="-warning-dim"] {
  color: #f4bd0e;
}

.user-avatar[class*="-danger-dim"] {
  color: #e85347;
}

.user-avatar[class*="-dark-dim"] {
  color: #1f2b3a;
}

.user-avatar[class*="-gray-dim"] {
  color: #8091a7;
}

.user-avatar[class*="-lighter"] {
  color: #8094ae;
}

.user-avatar[class*="-light"] {
  color: #526484;
}

.user-card {
  display: flex;
  align-items: center;
}

.user-card-wrap {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.user-card .user-info {
  color: #8094ae;
}

.user-toggle {
  display: flex;
  align-items: center;
  padding: 0 1px 1px;
}

.user-status {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  padding-top: 0.125rem;
  padding-bottom: 0.375rem;
}

.user-name {
  color: #526484;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.is-dark .user-name {
  color: #90a1b8;
}

.user-balance {
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.125rem 0 0.375rem;
  color: #1f64ad;
}

.user-balance small {
  font-size: 1rem;
}

.user-card-s2 {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0.5rem;
}

.user-card-s2 .user-avatar {
  margin: 0 auto;
}

.user-card-s2 .user-info {
  margin: 1.25rem 0 0 !important;
}

.user-card-s2 .user-info .sub-text {
  justify-content: center;
}

.user-card-s2 .user-info .badge {
  margin-bottom: 1rem;
}

.user-info .lead-text,
.user-info .sub-text {
  display: flex;
  align-items: center;
}

.user-info .edit {
  font-size: 1.25rem;
  color: #8094ae;
  margin-left: 0.5rem;
  display: inline-flex;
}

.user-info .edit:hover {
  color: #1f64ad;
}

.data-col {
  flex-grow: 1;
}

.data-value {
  color: #526484;
  font-size: 0.9375rem;
}

@media (min-width: 768px) {
  .data-col {
    display: flex;
    align-items: center;
  }
}

.dropdown-menu .nk-notification {
  max-height: 239px;
  overflow: auto;
}

.nk-notification-item {
  display: flex;
  align-items: center;
  padding: 1.25rem 1.75rem;
}

.nk-notification-icon {
  flex-shrink: 0;
  margin-right: 0.75rem;
}

.nk-notification-text {
  font-size: 13px;
  color: #526484;
}

.nk-notification-text span {
  color: #364a63;
}

.nk-notification-time {
  font-size: 11px;
  color: #8094ae;
}

.icon-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #1f64ad;
  color: #fff;
  font-size: 18px;
  height: 36px;
  width: 36px;
}

.icon-circle.sm {
  height: 20px;
  width: 20px;
  font-size: 12px;
}

.icon-circle.md {
  height: 28px;
  width: 28px;
  font-size: 14px;
}

.icon-circle.lg {
  height: 44px;
  width: 44px;
  font-size: 24px;
}

.icon-circle.xxl {
  height: 80px;
  width: 80px;
  font-size: 40px;
}

.icon-status {
  position: relative;
  display: inline-flex;
}

.icon-status:after {
  position: absolute;
  border-radius: 50%;
  right: 0;
  top: 1px;
  height: 10px;
  width: 10px;
  border: 2px solid #fff;
  content: "";
}

.icon-status-info:after {
  background: #09c2de;
}

.icon-circle[class*="btc"] {
  background: #f9841e;
}

.icon-circle[class*="facebook"] {
  background: #3b5998;
}

.icon-circle[class*="google"] {
  background: #de5246;
}

.icon-circle[class*="btc-dim"] {
  background: #feefe2;
}

.icon-circle[class*="eth-dim"] {
  background: #eaedf6;
}

.icon-circle[class*="white"] {
  background: #fff;
}

.icon[class*="bg-blue-dim"] {
  color: #559bfb;
}

.icon[class*="bg-azure-dim"] {
  color: #1676fb;
}

.icon[class*="bg-indigo-dim"] {
  color: #2c3782;
}

.icon[class*="bg-purple-dim"] {
  color: #816bff;
}

.icon[class*="bg-pink-dim"] {
  color: #ff63a5;
}

.icon[class*="bg-orange-dim"] {
  color: #ffa353;
}

.icon[class*="bg-teal-dim"] {
  color: #20c997;
}

.icon[class*="bg-primary-dim"] {
  color: #1f64ad;
}

.icon[class*="bg-secondary-dim"] {
  color: #364a63;
}

.icon[class*="bg-success-dim"] {
  color: #16ad4b;
}

.icon[class*="bg-info-dim"] {
  color: #09c2de;
}

.icon[class*="bg-warning-dim"] {
  color: #f4bd0e;
}

.icon[class*="bg-danger-dim"] {
  color: #e85347;
}

.icon[class*="bg-light"] {
  color: #526484;
}

.icon[class*="bg-lighter"] {
  color: #8094ae;
}

.icon[class*="bg-dark-dim"] {
  color: #dde2ea;
}

.icon[class*="bg-gray-dim"] {
  color: #e9f0f9;
}

.icon[class*="bg-facebook-dim"] {
  color: #3b5998;
}

.icon[class*="bg-google-dim"] {
  color: #de5246;
}

.icon[class*="bg-btc-dim"] {
  color: #f9841e;
}

.icon[class*="bg-eth-dim"] {
  color: #6174b9;
}

.icon[class*="bg-white"] {
  color: #526484;
}

.toggle-slide {
  position: fixed;
  top: 0;
  z-index: 999;
  min-width: 260px;
  max-width: calc(100% - 40px);
  transition: transform 650ms ease;
}

.toggle-slide-right {
  right: 0;
  transform: translateX(100%);
}

.toggle-slide.content-active {
  transform: translate(0) !important;
}

.toggle-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(31, 43, 58, 0.2);
  z-index: 900;
  animation: overlay-fade-in 0.4s ease 1;
}

body.toggle-shown {
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .card-tools-toggle .card-title-group {
    position: static;
  }
}

@media (min-width: 576px) {
  .card-tools-toggle {
    z-index: 9;
  }

  .card-tools-toggle .toggle-wrap .toggle {
    display: none;
  }
}

@media (min-width: 1540px) {
  .toggle-break-xxl {
    transition: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
    position: static;
    background: transparent;
    box-shadow: none;
    z-index: 1 !important;
  }

  .toggle-break-xxl.collapse {
    display: block;
  }
}

.nk-ck {
  height: 260px;
}

.nk-ck1 {
  height: 120px;
}

@media (min-width: 576px) {
  .nk-ck {
    height: 260px;
  }

  .nk-ck1 {
    height: 120px;
  }
}

[data-toggle="modal"] {
  cursor: pointer;
}

.search-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: #fff;
  transition: opacity 0.4s;
  border-radius: 6px;
  pointer-events: none;
  display: flex;
  align-items: center;
}

.search-wrap.active {
  opacity: 1;
  z-index: 9;
  pointer-events: auto;
}

.nk-block + .nk-block,
.nk-block + .nk-block-head {
  padding-top: 28px;
}

.nav-tabs + .nk-block {
  padding-top: 1.5rem;
}

.nk-block-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nk-block-between > .title:first-child {
  margin-bottom: 0;
}

.nk-block-head {
  position: relative;
  padding-bottom: 1.25rem;
}

.nk-block-head:only-child {
  padding-bottom: 0;
}

.nk-block-head h2:not(:last-child) {
  margin-bottom: 1rem;
}

.nk-block-head-sm {
  padding-bottom: 1rem;
}

.nk-block-head + .nav-tabs {
  margin-top: -1rem;
}

.nk-content-body > .nk-block-head:first-child {
  padding-bottom: 1.75rem;
}

.nk-block-tools {
  display: flex;
  align-items: center;
}

.nk-block-tools > * {
  display: inline-flex;
}

.nk-block-des {
  color: #526484;
}

.nk-block-des strong {
  color: #364a63;
}

.nk-block-des .icon {
  vertical-align: middle;
}

@media (min-width: 768px) {
  .nk-content-body > .nk-block-head:first-child {
    padding-bottom: 2.5rem;
  }

  .nk-content-body > .nk-block-head-sm:first-child {
    padding-bottom: 1.75rem;
  }

  .nav-tabs + .nk-block {
    padding-top: 2.5rem;
  }
}

.change {
  line-height: 1;
}

.change .sign {
  font-family: "Nioicon";
}

.change .sign:before {
  content: "";
}

.change.up {
  color: #16ad4b !important;
}

.change.up .sign:before {
  content: "";
}

.change.down {
  color: #e85347 !important;
}

.change.down .sign:before {
  content: "";
}

.knob {
  height: 100% !important;
  margin-top: 0 !important;
  font-size: 1.5rem !important;
}

.knob-half {
  height: 50% !important;
  font-size: 1.25rem !important;
}

[class*="knob"] {
  text-align: center;
  pointer-events: none;
  width: 100% !important;
  font-weight: 400 !important;
  font-family: Roboto, sans-serif !important;
  color: #364a63 !important;
  margin-left: 0 !important;
  left: 0;
  border: none;
}

[class*="knob"]:focus {
  outline: none;
}

.stats {
  padding: 0 0 1rem;
}

.clipboard-init {
  cursor: pointer;
}

.clipboard-success .clipboard-init {
  color: #1bca9b;
}

.clipboard-text {
  font-size: 12px;
}

.clipboard-success .form-control:focus,
.clipboard-success div.dataTables_wrapper div.dataTables_filter input:focus,
div.dataTables_wrapper div.dataTables_filter .clipboard-success input:focus {
  border-color: #dbdfea;
  box-shadow: inset 0 1px 1px rgba(16, 25, 36, 0.075);
}

.nk-news-item {
  display: flex;
  align-items: center;
}

.nk-news-icon {
  width: 2rem;
  display: inline-flex;
  flex-shrink: 0;
}

.nk-news-icon .icon {
  font-size: 24px;
  color: var(--sk-gold) !important;
}

.nk-news-icon img {
  width: 24px;
}

.nk-news-text {
  display: flex;
  align-items: center;
  max-width: calc(100% - 1.5rem);
}

.nk-news-text p {
  font-size: 30px;
  margin-bottom: 0;
  font-weight: 500;
}

.nk-news-text p span {
  color: #8094ae;
  font-weight: 400;
}

.is-dark .nk-news-text p {
  color: #90a1b8;
}

.is-dark .nk-news-text p span {
  color: rgba(128, 148, 174, 0.9);
}

.nk-news-text .icon {
  color: #8094ae;
  margin-left: 0.25rem;
}

.is-dark .nk-news-text .icon {
  color: #8094ae;
}

.nk-news-item:hover .nk-news-text .icon {
  color: #1f64ad;
}

.entry img,
.entry .video {
  border-radius: 4px;
}

.entry img + p,
.entry img + h2,
.entry img + h3,
.entry img + h4,
.entry img + h5,
.entry img + h6,
.entry img + ul,
.entry img + ol,
.entry .video + p,
.entry .video + h2,
.entry .video + h3,
.entry .video + h4,
.entry .video + h5,
.entry .video + h6,
.entry .video + ul,
.entry .video + ol {
  margin-top: 2rem;
}

.entry p + img {
  margin-top: 1rem;
}

.entry p + h2,
.entry p + h3,
.entry p + h4,
.entry p + h5,
.entry p + h6,
.entry p + .video {
  padding-top: 0.75rem;
}

p > span > .icon.ni {
  vertical-align: middle;
}

.btn-trigger + .dropdown-menu-right,
.btn-trigger + .dropdown-menu-left {
  margin: -0.75rem 0;
}

.btn-trigger + .dropdown-menu-right {
  margin-right: 16px;
}

.btn-trigger + .dropdown-menu-left {
  margin-left: 16px;
}

@media (max-width: 420px) {
  .btn-trigger + .dropdown-menu-xl,
  .btn-trigger + .dropdown-menu-md {
    margin-left: 16px;
    margin-top: 0.25rem;
  }
}

.embed-responsive {
  border-radius: 4px;
}

.video {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.video:before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  height: 120px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.team {
  position: relative;
}

.rating {
  display: flex;
  align-items: center;
  margin: 0 -0.125rem;
  color: #f4bd0e;
}

.rating > * {
  padding: 0 0.125rem;
  display: inline-flex;
}

.rating .icon {
  font-size: 1rem;
}

.icon + span,
span + .icon {
  margin-left: 0.25rem;
}

/** 06. PAGES */

/** 07. MISC */

.dark-switch {
  position: relative;
}

.dark-switch:before,
.dark-switch:after {
  position: absolute;
  content: "";
  transform: translateY(-50%);
  border-radius: 1.5rem;
  display: block;
  top: 50%;
}

.dark-switch:before {
  right: 0;
  width: 3rem;
  height: 1.5rem;
  background-color: #fff;
  border: #dbdfea solid 2px;
}

.dark-switch:after {
  height: 1rem;
  width: 1rem;
  right: calc(2rem - 2px - 0.125rem);
  background-color: #dbdfea;
}

.dark-switch.active:before {
  background-color: #1f64ad;
  border-color: #1f64ad;
}

.dark-switch.active:after {
  right: calc(2px + 0.125rem);
  background-color: #fff;
}

.profile-ud-label {
  display: block;
  color: #8094ae;
}

.plain .profile-ud-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: normal;
}

.wider .profile-ud-label {
  display: inline-flex;
  width: 120px;
  flex-shrink: 0;
}

.profile-ud-value {
  color: #526484;
}

.wider .profile-ud-value {
  text-align: right;
  font-weight: 500;
  width: 100%;
}

.profile-ud.wider {
  display: flex;
  padding: 0.5rem 0;
}

.profile-ud-item:nth-child(n + 2) .profile-ud.plain {
  margin-top: 1.25rem;
}

@media (min-width: 768px) {
  .profile-ud.wider {
    padding: 0.75rem 0;
  }

  .profile-ud-list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.25rem -3.25rem;
  }

  .profile-ud-item {
    width: 50%;
    padding: 0 3.25rem;
  }

  .profile-ud-item:nth-child(2) .profile-ud.plain {
    margin-top: 0;
  }
}

.steps ul {
  display: flex;
}

.steps ul li {
  flex-grow: 1;
}

.steps .current-info {
  display: none;
}

.actions ul {
  display: flex;
  margin: -10px;
  padding-top: 20px;
}

.actions ul li {
  padding: 10px;
}

.actions ul li:first-child {
  order: 1;
}

.actions ul li a {
  display: inline-block;
  position: relative;
  color: #fff;
  font-weight: 500;
  transition: all 0.4s ease;
  border-color: #1f64ad;
  background: #1f64ad;
  padding: 0.4375rem 1.125rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  border-radius: 4px;
}

.actions ul li.disabled {
  display: none;
}

.nk-wizard-head {
  display: none;
}

.nk-tb-list {
  display: table;
  width: 100%;
  font-size: 13px;
  color: #8094ae;
}

.nk-tb-item {
  transition:
    background-color 0.3s,
    box-shadow 0.3s;
  display: table-row;
}

.nk-tb-item:not(.nk-tb-head):hover {
  background: #f8f9fc;
  box-shadow: 0 0 10px -4px rgba(54, 74, 99, 0.2);
}

.nk-tb-col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 0.5rem;
}

.nk-tb-col:first-child {
  padding-left: 1.25rem;
}

.nk-tb-col:last-child {
  padding-right: 1.25rem;
}

.nk-tb-item:not(:last-child) .nk-tb-col {
  border-bottom: 1px solid #dbdfea;
}

.nk-tb-head .nk-tb-col {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #8094ae;
  font-weight: 600;
  font-size: 0.96em;
  border-bottom: 1px solid #dbdfea;
}

.nk-tb-list .nk-tb-head .btn-trigger .icon {
  font-size: 1.5em;
}

.nk-tb-list.is-separate {
  margin-top: -8px;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.nk-tb-list.is-separate .nk-tb-item > .nk-tb-col {
  background: #fff;
  border: none;
  box-shadow: 0px 1px 3px 0px rgba(54, 74, 99, 0.05);
}

.nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child {
  border-radius: 4px 0 0 4px;
}

.nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:last-child {
  border-radius: 0 4px 4px 0;
}

.nk-tb-list.is-separate .nk-tb-head .nk-tb-col {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.table.dataTable {
  margin: 20px 0;
}

div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate ul {
  /* display: flex; */
  width: 100%;
  justify-content: end !important;
}

@media (min-width: 576px) {
  .nk-tb-item .nk-tb-col:first-child {
    padding-left: 1.25rem;
  }

  .nk-tb-item .nk-tb-col:last-child {
    padding-right: 1.25rem;
  }
}

@media (min-width: 1540px) {
  .nk-tb-list {
    font-size: 14px;
  }
}

.is-compact .nk-tb-item:not(.nk-tb-head) .nk-tb-col {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.card-full .nk-wg1 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.nk-refwg {
  display: flex;
  flex-wrap: wrap;
}

.nk-refwg-invite {
  width: 100%;
}

.nk-refwg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}

.nk-refwg .nk-refwg-invite {
  border-bottom: 1px solid #dbdfea;
}

@media (min-width: 768px) {
  .nk-refwg .nk-refwg-invite {
    width: 55%;
    border-bottom: none;
    border-right: 1px solid #dbdfea;
  }
}

.timeline {
  color: #8094ae;
  line-height: 1.3;
}

.timeline + .timeline {
  margin-top: 1.75rem;
}

.timeline .time {
  display: block;
  font-size: 12px;
  color: #8094ae;
}

@media (min-width: 576px) {
  .timeline + .timeline {
    margin-top: 2.5rem;
  }
}

.pricing {
  position: relative;
  height: 100%;
}

.rating {
  display: flex;
  align-items: center;
  margin: 0 -0.125rem;
  color: #f4bd0e;
}

.rating > * {
  padding: 0 0.125rem;
}

.rating .icon {
  font-size: 1rem;
}

.card-title .subtitle {
  color: #8094ae;
  font-size: 13px;
  font-weight: 500;
}

.card-amount {
  display: flex;
  align-items: baseline;
}

.card-amount .change {
  margin-left: 0.5rem;
}

.card-amount .amount {
  font-size: 1.5rem;
  color: #364a63;
}

.card-amount .amount span {
  color: #526484;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-amount .amount {
    font-size: 1rem;
    font-weight: 500;
  }

  .card-amount .amount span {
    font-weight: 400;
  }

  .card-amount .change {
    font-size: 12px;
  }
}

.card-inner .nav-tabs-card {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

@media (min-width: 576px) {
  .card-inner .nav-tabs-card {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

/** Project: Crypto | Package: DashLite | Version : 1.0.0 **/

.wallet-balance {
  font-size: 13px;
  color: #364a63;
  line-height: 1;
  margin-top: 0.25rem;
}

.wallet-balance span {
  color: #8094ae;
}

.is-dark .wallet-balance {
  color: #fff;
}

.is-dark .wallet-balance span {
  color: #8094ae;
}

.nk-wg1-item {
  min-width: 300px;
  max-width: 100%;
}

.nk-wg1-title {
  font-size: 1.125rem;
  color: #526484;
  margin-bottom: 0.25rem;
}

.nk-wg1-title .dropdown > a {
  font-size: 78%;
  color: #8094ae;
}

.nk-wg1-amount .amount {
  font-size: 1.75rem;
  line-height: 1.4;
  color: #1f64ad;
  font-weight: 600;
}

.nk-wg1-amount .amount small {
  font-size: 66.66%;
  font-weight: 400;
}

.nk-wg1-sub {
  min-width: 140px;
}

.nk-wg1-group {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 420px) {
  .nk-wg1-amount .amount {
    font-size: 2.25rem;
  }
}

@media (max-width: 419px) {
  .nk-wg1 {
    overflow: hidden;
  }
}

.asterisk a {
  position: relative;
  color: #8094ae;
  display: inline-flex;
}

.asterisk a:hover,
.asterisk a.active {
  color: #ffa353;
}

.chat {
  display: flex;
  align-items: flex-end;
  margin: -4px;
}

.chat > div {
  padding: 4px;
}

.chat + .chat {
  padding-top: 0.5rem;
}

.prettyprint {
  padding: 1.25rem;
  white-space: pre;
  box-shadow: none !important;
  margin-bottom: 0;
  border-radius: 4px;
  overflow: auto;
}

.preview-icon-box {
  position: relative;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid #dbdfea;
}

.preview-icon-wrap {
  padding-bottom: 5px;
}

.preview-icon-wrap .ni {
  font-size: 30px;
}

.preview-icon-svg .preview-icon-wrap {
  margin-bottom: 0.5rem;
}

.preview-icon-svg .preview-icon-wrap svg {
  width: 90px;
}

.preview-icon-name {
  color: #8094ae;
  font-size: 11px;
}

.preview-title,
.preview-title-lg {
  display: block;
  padding-bottom: 0.75rem;
}

.preview-title-lg {
  font-size: 13px;
}

body.dark-mode {
  background: #101924 !important;
  color: #b6c6e3;
}

body.dark-mode.bg-lighter,
body.dark-mode.bg-light {
  background: #0d141d !important;
}

.dark-mode .logo-dark {
  opacity: 0;
}

.dark-mode .logo-light {
  opacity: 1;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .h1,
.dark-mode .h2,
.dark-mode .h3,
.dark-mode .h4,
.dark-mode .h5,
.dark-mode .h6,
.dark-mode .lead-text,
.dark-mode .dropdown-title,
.dark-mode pre {
  color: #fff;
}

.dark-mode .text-base {
  color: #b6c6e3 !important;
}

.dark-mode .icon[class*="bg-secondary-dim"],
.dark-mode .user-avatar[class*="-light"],
.dark-mode .icon[class*="bg-light"] {
  color: #b2b2b2 !important;
}

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

.dark-mode .text-muted {
  color: #b2b2b2 !important;
}

.dark-mode .user-avatar[class*="-dark"] {
  color: #8091a7 !important;
}

.dark-mode .bg-light {
  background-color: #0d141d !important;
}

.dark-mode .bg-lighter {
  background-color: #101924 !important;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #101924 !important;
}

.dark-mode .bg-white {
  background-color: #141c26 !important;
}

.dark-mode .bg-warning-dim {
  background-color: #363422 !important;
}

.dark-mode .alert-success {
  color: #16ad4b;
  background-color: #163a3a;
  border-color: #163a3a;
}

.dark-mode .alert-success hr {
  border-top-color: #163a3a;
}

.dark-mode .alert-success .alert-link {
  color: #037021;
}

.dark-mode .alert-fill.alert-success {
  color: #fff;
  background: #16ad4b;
}

.dark-mode .alert-fill.alert-success .alert-link {
  color: #fff;
}

.dark-mode .alert-warning {
  color: #f4bd0e;
  background-color: #363422;
  border-color: #363422;
}

.dark-mode .alert-warning hr {
  border-top-color: #363422;
}

.dark-mode .alert-warning .alert-link {
  color: #c69909;
}

.dark-mode .alert-fill.alert-warning {
  color: #fff;
  background: #f4bd0e;
}

.dark-mode .alert-fill.alert-warning .alert-link {
  color: #fff;
}

.dark-mode .alert-danger {
  color: #e85347;
  background-color: #34242b;
  border-color: #34242b;
}

.dark-mode .alert-danger hr {
  border-top-color: #34242b;
}

.dark-mode .alert-danger .alert-link {
  color: #e02b1c;
}

.dark-mode .alert-fill.alert-danger {
  color: #fff;
  background: #e85347;
}

.dark-mode .alert-fill.alert-danger .alert-link {
  color: #fff;
}

.dark-mode .badge-dim.badge-primary {
  color: #1f64ad;
  background-color: #132946;
  border-color: #132946;
}

.dark-mode .badge-dim.badge-outline-primary {
  color: #1f64ad;
  background-color: #132946;
  border-color: #103e7c;
}

.dark-mode .badge-dim.badge-secondary {
  color: #8ca3c0;
  background-color: #26303d;
  border-color: #26303d;
}

.dark-mode .badge-dim.badge-success {
  color: #16ad4b;
  background-color: #163a3a;
  border-color: #163a3a;
}

.dark-mode .badge-dim.badge-info {
  color: #09c2de;
  background-color: #133542;
  border-color: #133542;
}

.dark-mode .badge-dim.badge-warning {
  color: #f4bd0e;
  background-color: #363422;
  border-color: #363422;
}

.dark-mode .badge-dim.badge-danger {
  color: #e85347;
  background-color: #34242b;
  border-color: #34242b;
}

.dark-mode .btn-light {
  color: #ebeef2;
  background: #344357;
  border-color: #344357;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):hover,
.dark-mode .btn-light:not(:disabled):not(.disabled):focus,
.dark-mode .btn-light:not(:disabled):not(.disabled).focus,
.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-light:not(:disabled):not(.disabled).active {
  background: #435771;
  border-color: #435771;
  color: #ebeef2;
}

.dark-mode .btn-dark {
  color: #1f2b3a;
  background: #e5e9f2;
  border-color: #e5e9f2;
}

.dark-mode .btn-dark:not(:disabled):not(.disabled):hover,
.dark-mode .btn-dark:not(:disabled):not(.disabled):focus,
.dark-mode .btn-dark:not(:disabled):not(.disabled).focus,
.dark-mode .btn-dark:not(:disabled):not(.disabled):active,
.dark-mode .btn-dark:not(:disabled):not(.disabled).active {
  background: #fff;
  border-color: #fff;
  color: #1f2b3a;
}

.dark-mode .btn-outline-secondary {
  border-color: #5a7ba5;
  color: #5a7ba5;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):hover {
  background: #5a7ba5;
  color: #fff;
}

.dark-mode .dt-buttons .btn-secondary,
.dt-buttons .dark-mode .btn-secondary {
  border-color: #3c4d62;
  color: #b7c2d0;
}

.dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):hover,
.dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):hover {
  background: #3c4d62;
  color: #fff;
}

.dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):hover,
.dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):hover,
.dark-mode .dt-buttons .btn-secondary:not(:disabled):not(.disabled):active,
.dt-buttons .dark-mode .btn-secondary:not(:disabled):not(.disabled):active,
.dark-mode .dt-buttons .show > .dropdown-toggle.btn-secondary,
.dt-buttons .dark-mode .show > .dropdown-toggle.btn-secondary {
  background: #3c4d62;
  border-color: #3c4d62;
  color: #fff;
}

.dark-mode .btn-white,
.dark-mode .dt-buttons .btn-secondary,
.dt-buttons .dark-mode .btn-secondary,
.dark-mode .dt-buttons .btn-secondary,
.dt-buttons .dark-mode .btn-secondary {
  background: #141c26;
}

.dark-mode .dt-buttons .btn-secondary:focus,
.dt-buttons .dark-mode .btn-secondary:focus,
.dark-mode .dt-buttons .focus.btn-secondary,
.dt-buttons .dark-mode .focus.btn-secondary {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.07) !important;
}

.dark-mode .border,
.dark-mode .border-bottom,
.dark-mode .border-top,
.dark-mode .border-left,
.dark-mode .border-right,
.dark-mode .dropdown-inner + .dropdown-inner,
.dark-mode .dropdown-head,
.dark-mode .dropdown-foot,
.dark-mode .dropzone,
.dark-mode .select2-dropdown,
.dark-mode .ui-timepicker-standard,
.dark-mode .page-link,
.dark-mode .table th,
.dark-mode .table td,
.dark-mode .table-bordered,
.dark-mode .table-bordered th,
.dark-mode .table-bordered td,
.dark-mode .datatable-wrap,
.dark-mode .nk-tb-head .nk-tb-col,
.dark-mode .list-group-item,
.dark-mode .modal-header,
.dark-mode .modal-footer,
.dark-mode .popover,
.dark-mode .popover-header,
.dark-mode .nk-tb-item:not(:last-child) .nk-tb-col,
.dark-mode .card-inner-group .card-inner:not(:last-child),
.dark-mode .card-aside,
.dark-mode .nav-tabs,
.dark-mode .divider,
.dark-mode .nk-footer {
  border-color: #1d2d40 !important;
}

.dark-mode .card,
.dark-mode .modal-content,
.dark-mode .toast,
.dark-mode .toastr {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

.dark-mode .toast {
  border-color: #203247;
  background: #18212d;
}

.dark-mode .table-hover tbody tr:hover,
.dark-mode .list-group-item,
.dark-mode .custom-file-label::after,
.dark-mode .search-wrap,
.dark-mode .form-control,
.dark-mode div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .dark-mode input,
.dark-mode .dropzone,
.dark-mode .ui-state-hover {
  background: #101924;
}

.dark-mode .card {
  background: #141c26;
}

.dark-mode .accordion,
.dark-mode .card-aside,
.dark-mode .modal-content,
.dark-mode .toastr,
.dark-mode .select2-dropdown,
.dark-mode .custom-file-label,
.dark-mode .custom-select,
.dark-mode div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_length .dark-mode select,
.dark-mode .popover,
.dark-mode .search-wrap,
.dark-mode .form-control,
.dark-mode div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .dark-mode input,
.dark-mode .form-label-outlined,
.dark-mode .page-link,
.dark-mode .ui-timepicker-standard,
.dark-mode .datepicker table tr td.today,
.dark-mode .datepicker table tr td.today:hover,
.dark-mode .datepicker table tr td.today.disabled,
.dark-mode .datepicker table tr td.today.disabled:hover,
.dark-mode .datepicker table tr td.day:hover,
.dark-mode .datepicker table tr td.day.focused,
.dark-mode .datepicker .datepicker-switch:hover,
.dark-mode .datepicker .prev:hover,
.dark-mode .datepicker .next:hover,
.dark-mode .datepicker tfoot tr th:hover {
  background: #141c26 !important;
}

.dark-mode .popover-header {
  background-color: #1a2430;
}

.dark-mode .popover {
  box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.6);
}

.dark-mode .card-amount .amount,
.dark-mode .accordion-head .title,
.dark-mode .custom-file-label::after,
.dark-mode .form-control,
.dark-mode div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .dark-mode input,
.dark-mode .form-control:focus,
.dark-mode div.dataTables_wrapper div.dataTables_filter input:focus,
div.dataTables_wrapper div.dataTables_filter .dark-mode input:focus,
.dark-mode .form-label,
.dark-mode .form-label-outlined,
.dark-mode .table-hover tbody tr:hover,
.dark-mode .close,
.dark-mode .close:hover,
.dark-mode .user-name,
.dark-mode .nk-news-text p,
.dark-mode .accordion-icon {
  color: #fff !important;
}

.dark-mode .close {
  text-shadow: 0 1px 0 #141c26;
}

.dark-mode .close:focus {
  outline: none !important;
}

.dark-mode .nk-block-des,
.dark-mode .card-title p,
.dark-mode .data-value,
.dark-mode .custom-file-label,
.dark-mode .custom-select,
.dark-mode div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_length .dark-mode select,
.dark-mode .ui-timepicker-standard a,
.dark-mode [class*="knob"],
.dark-mode .nk-quick-nav-icon,
.dark-mode .dropzone .dz-message span,
.dark-mode .datepicker table tr td.today,
.dark-mode .datepicker table tr td.today:hover,
.dark-mode .datepicker table tr td.today.disabled,
.dark-mode .datepicker table tr td.today.disabled:hover,
.dark-mode .datepicker table tr td.day:hover,
.dark-mode .datepicker table tr td.day.focused,
.dark-mode .page-link,
.dark-mode .nk-news-text p span {
  color: #b2b2b2 !important;
}

.dark-mode .nk-menu-link,
.dark-mode .link-list a {
  color: #8094ae;
}

.dark-mode .nk-menu-link:hover,
.dark-mode .link-list a:hover {
  color: #1f64ad;
}

.dark-mode .active > .nk-menu-link,
.dark-mode .page-link:hover {
  color: #1f64ad !important;
}

.dark-mode .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub {
  border-color: #1d2d40;
}

.dark-mode .page-item.disabled .page-link,
.dark-mode .page-link:hover,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before,
.dark-mode .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #28374b !important;
}

.dark-mode .progress,
.dark-mode .custom-control-label::before {
  background-color: #212d3d !important;
}

.dark-mode .custom-control-label::before,
.dark-mode .form-control,
.dark-mode div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter .dark-mode input,
.dark-mode .custom-file-label,
.dark-mode .custom-select,
.dark-mode div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_length .dark-mode select,
.dark-mode .select2-dropdown,
.dark-mode .link-list + .link-list,
.dark-mode .link-list-plain li + li,
.link-list-plain .dark-mode li + li,
.dark-mode .link-list + .link-list,
.dark-mode .link-list-plain li,
.dark-mode .link-list-plain li + li {
  border-color: #384d69 !important;
}

.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1f64ad !important;
  border-color: #1f64ad !important;
}

.dark-mode .btn-trigger:before,
.dark-mode .btn-trigger.active:hover:before,
.dark-mode .nk-quick-nav-icon:before {
  background-color: #070a0f;
}

.dark-mode .dropdown-menu {
  background-color: #18212d;
  border-color: #263547;
  box-shadow: 0 3px 20px 1px rgba(0, 0, 0, 0.4);
}

.dark-mode .dropdown-menu-s1 {
  border-top-color: #1f64ad;
}

.dark-mode .link-list-plain a {
  color: #b6c6e3;
}

.dark-mode .link-list-plain a:hover {
  background: #2a3a4e;
}

.dark-mode .lead-text span,
.dark-mode .btn-trigger,
.dark-mode .dropdown .btn.btn-icon:not(.btn-light),
.dark-mode .dropdown .dt-buttons .btn.btn-secondary:not(.btn-light),
.dt-buttons .dark-mode .dropdown .btn.btn-secondary:not(.btn-light) {
  color: #8094ae;
}

.dark-mode .table,
.dark-mode .nk-tb-list,
.dark-mode .dropdown-menu,
.dark-mode .pln,
.dark-mode .overline-title,
.dark-mode .nk-block-des strong,
.dark-mode .nk-notification-text,
.dark-mode .profile-ud-value,
.dark-mode .popover-body {
  color: #b6c6e3;
}

.dark-mode .nk-notification-text span {
  color: #dfe9fe;
}

.dark-mode .nav-tabs .nav-link {
  color: #b6c6e3;
}

.dark-mode .nav-tabs .nav-link.active {
  color: #1f64ad;
}

.dark-mode .nav-tabs .nav-link:hover {
  color: #fff;
}

.dark-mode .list-plain a {
  color: #8094ae;
}

.dark-mode .list-plain a:hover,
.dark-mode .list-plain a.active {
  color: #1f64ad;
}

.dark-mode .nk-tb-item:not(.nk-tb-head):hover {
  box-shadow: 0 2px 15px -4px rgba(0, 0, 0, 0.7);
}

.dark-mode .nk-tb-item:not(.nk-tb-head):hover {
  background: #11171f;
}

.dark-mode .page-item.disabled .page-link,
.dark-mode .card-hint {
  color: #526484;
}

.dark-mode .nk-footer {
  background-color: #101924;
}

.dark-mode .nk-header .dropdown-menu .lead-text {
  color: #fff;
}

.dark-mode .nk-header,
.dark-mode .nk-header.is-light:not([class*="bg-"]),
.dark-mode .nk-sidebar,
.dark-mode .nk-sidebar.is-light,
.dark-mode .nk-sidebar-head {
  border-color: #203247 !important;
}

.dark-mode .nk-header,
.dark-mode .nk-header.is-light:not([class*="bg-"]),
.dark-mode .nk-sidebar,
.dark-mode .nk-sidebar.is-light {
  background: #101924;
}

.dark-mode .nk-profile-toggle,
.dark-mode .nk-profile-content {
  border-color: #2b3748;
}

.dark-mode .dropzone {
  border-color: #354358 !important;
}

.dark-mode .nk-profile-content {
  background: #0d141d !important;
}

.dark-mode .fc-day {
  color: #b6c6e3;
}

.dark-mode .fc .fc-list-empty {
  background: #101924;
}

.dark-mode .card-bordered {
  border-color: #1d2d40;
}

.dark-mode .card.bg-light .card-header,
.dark-mode .card.bg-lighter .card-header {
  background: rgba(0, 0, 0, 0.2);
}

.dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col {
  border-top-color: #1d2d40;
  border-bottom-color: #1d2d40;
}

.dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:first-child {
  border-left-color: #1d2d40;
}

.dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col:last-child {
  border-right-color: #1d2d40;
}

.dark-mode .modal-footer.bg-light {
  background-color: #11171f !important;
}

.dark-mode .toggle-overlay {
  background: rgba(7, 10, 15, 0.75);
}

.dark-mode .modal-backdrop {
  opacity: 0.9;
  background: rgba(0, 0, 0, 0.9);
}

.dark-mode .nk-sidebar .nk-menu > li:hover > a,
.dark-mode .nk-sidebar .nk-menu > li.active > a {
  background: #182536;
}

.dark-mode .card.is-dark {
  background: #0b3175 !important;
  border-color: #0b3175;
}

.dark-mode .nk-refwg .nk-refwg-invite {
  border-color: #1d2d40;
}

.dark-mode .nk-wg1-title,
.dark-mode .wallet-balance {
  color: #fff !important;
}

.dark-mode .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col {
  background-color: #141c26;
}

.dark-mode .input-group-addon {
  background-color: #1b2633;
  border-color: #384d69;
}

.dark-mode div.dt-button-info {
  background-color: #141c26;
}

.dark-mode div.dt-button-info h2 {
  background-color: #0f151c;
}

.dark-mode div.dt-button-info h2 {
  border-color: #1d2d40;
}

.dark-mode .dropzone {
  background: #101924;
}

.dark-mode .slick-dots li button {
  background-color: #101924;
}

.dark-mode .slick-dots li.slick-active button {
  background-color: #1f64ad;
}

.dark-mode .slick-next,
.dark-mode .slick-prev {
  color: #fff;
  background: #141c26;
  border-color: #1d2d40;
}

.dark-mode .slick-next:hover,
.dark-mode .slick-prev:hover {
  color: #fff;
  background: #1f64ad;
  border-color: #1f64ad;
}

.dark-mode .slick-disabled .slick-next,
.dark-mode .slick-disabled .slick-prev {
  color: #dbdfea;
}

.dark-mode .slick-disabled .slick-next:hover,
.dark-mode .slick-disabled .slick-prev:hover {
  color: #dbdfea;
  background: #141c26;
  border-color: #1d2d40;
}

/*! END @iO */

.cc select {
  padding: 0 22px 0 10px !important;
  margin: 0;
  border: 0;
  width: 86px;
}

.cc {
  position: absolute;
  left: 0;
  top: 0;
}

/* --- custom.css --- */
body {
  min-width: initial !important;
}

.generate-address {
  padding-bottom: 15px;
}

.modal-footer .btn-success {
  background-color: #4aa23c;
  border-color: #4aa23c;
}

/* .btn-primary.withdraw-btn { */
/* background-color: #fe687a; */
/* border-color: #fe687a */
/* } */

/* .btn-primary.withdraw-btn:hover,.btn-primary.withdraw-btn:focus,.btn-primary.withdraw-btn:active { */
/* background-color: #f25669; */
/* border-color: #f25669; */
/* box-shadow: none */
/* } */

.btn-info {
  color: #fff;
  background-color: #4496fe !important;
  border-color: #4496fe !important;
}

.modal-footer .fa {
  font-family: fontawesome !important;
  margin-right: 5px;
}

.btn-primary.withdraw-btn:not(:disabled):not(.disabled):active {
  background-color: #f25669 !important;
  border-color: #f25669 !important;
  box-shadow: none;
}

.row.form-mb {
  margin-bottom: 10px;
}

.hm-5col .card-inner {
  text-align: center;
}

.top-btn em.icon img {
  max-width: 32px;
}

/* .top-btn .btn-wrap:last-child em.icon img {
    filter: none
} */

.newtable a {
  padding: 1px 4px;
  color: #fff !important;
  border-radius: 2px;
}

.dark-mode .custom-file-label::after {
  background: #273648 !important;
}

a.eye {
  background-color: #ff9f43;
}

a.edit-user {
  background-color: #4643ff !important;
}

a.verify-doc {
  background-color: #bf43ff;
}

a.delete-user {
  background-color: #f44;
}

.newtable a:hover {
  opacity: 0.8;
}

span#close {
  font-weight: 500;
}

span#cancel {
  font-weight: 500;
}

span#open {
  font-weight: 500;
}

.row-height [class^="col"] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: flex;
}

.hm-5col .card {
  width: 100%;
}

.login-section {
  background-image: url(/theme/images/login-bg.jpg?v=1.0);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 50px 0;
  min-height: 100vh !important;
}

.login-section:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(21deg, #cf3b445c 0%, #4496fea3 100%);
  position: absolute;
}

.login-terms {
  margin-top: 10px;
}

.login-term {
  overflow: auto;
  max-height: 400px;
}

.login-term::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
}

.login-term::-webkit-scrollbar-track {
  background-color: #dbdfea;
}

.login-term::-webkit-scrollbar-thumb {
  background-color: #252f3b;
  outline: 0 solid slategrey;
}

.pwd {
  position: relative;
}

span.pwd-eyes {
  position: absolute;
  top: 16px;
  right: 15px;
  cursor: pointer;
  color: #88a6c8;
  z-index: 1024;
  font: normal normal normal 14px/1 FontAwesome !important;
}

.code-num .select2-container .select2-selection--single {
  height: 44px;
}

.depo-info h6 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: capitalize;
}

.depo-info h6 span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}

.depo-info {
  margin-bottom: 15px;
}

.social-link ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.social-link ul li {
  display: inline-block;
  margin-right: 5px;
}

.social-link ul li a {
  color: #fff;
  font-size: 17px;
  display: block;
  width: 38px;
  height: 38px;
  background-color: #000;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
}

.social-link ul li a:hover {
  color: var(--sk-gold);
}

.social-link .fa {
  font-family: fontawesome !important;
}

.social-link {
  margin-top: 15px;
}

.hm-5col .nk-iv-wg2-amount {
  color: #000;
  margin: 9px 0 0 0;
  font-weight: 600;
  font-size: 16px;
}

/* #totalEquity button {
  background: none !important;
  margin: 0;
  color: var(--sk-gold) !important;
  border: none;
  width: 65px;
  line-height: 23px;
  padding: 0;
  text-align: center;
  justify-content: center;
  border-radius: 6px;
  float: right;
  font-size: 12px;
  font-weight: 600;
  min-width: inherit;
  border: 1px solid var(--sk-line) !important;
  z-index: 1;
} */

.card.bg-c-green {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0ac282),
    to(#0df3a3)
  );
  background: linear-gradient(to right, #0ac282, #0df3a3);
}

.card.bg-c-pink {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fe5d70),
    to(#fe909d)
  );
  background: linear-gradient(to right, #fe5d70, #fe909d);
}

.card.bg-c-blue {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#01a9ac),
    to(#01dbdf)
  );
  background: linear-gradient(to right, #01a9ac, #01dbdf);
}

.card.bg-c-red {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0262e4),
    to(#4695ff)
  );
  background: linear-gradient(to right, #0262e4, #4695ff);
}

.card.bg-c-green h6,
.card.bg-c-pink h6,
.card.bg-c-blue h6,
.card.bg-c-red h6 {
  color: #000;
  font-weight: 400;
}

.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link .nk-menu-icon {
  color: #000;
}

.nk-sidebar.is-light .nk-menu > li:hover > a,
.nk-sidebar.is-light .nk-menu > li.active > a,
.nk-sidebar.is-light .nk-menu > li > a:hover {
  background: #cf3b44 !important;
  color: #000 !important;
  border-radius: 10px;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link {
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-size: 13px;
}

.is-light .nk-menu-link:hover,
.is-light .active > .nk-menu-link {
  color: #fff !important;
  font-weight: 600;
}

.is-light .nk-menu-sub .nk-menu-link:hover,
.is-light .nk-menu-sub .active > .nk-menu-link {
  color: #000 !important;
}

.is-light .nk-menu-icon {
  color: white;
}

.has-sidebar .logo-img {
  max-height: 75px;
}

.form-element .form-control,
.form-element .form-control:focus {
  background-image: none;
}

.ticketstatus span.badge {
  margin-left: 8px;
  font-size: 11px;
  line-height: 16px;
  padding: 0 5px;
}

.user-thrd .media-body.photo-contant {
  background-color: #182536;
}

.ticket-col .media-body.photo-contant p {
  margin-bottom: 5px;
}

.ticket-col .media-body.photo-contant {
  border-radius: 5px;
  position: relative;
  padding: 10px;
}

.ticket-col .media-body.photo-contant p.datetime {
  font-size: 12px;
}

.admin-thrd .media-body.photo-contant {
  background-color: #28313d;
  color: #fff;
}

.img-box {
  background: #f5f6fa;
  width: 150px;
  text-align: center;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin: 30px 0 0;
}

.img-box img {
  object-fit: cover;
}

.ticket-col .media-body.photo-contant a h6 {
  margin-bottom: 5px;
}

.admin-thrd .media-body.photo-contant a h6 {
  color: #fff;
}

.admin-thrd .media-body.photo-contant p.datetime {
  color: #fff;
  opacity: 0.8;
}

.chat-header {
  display: flex;
  gap: 7px;
}

.mediass.admin-thrd {
  padding-left: 53px;
}

.boxbg {
  border: 2px solid rgba(255, 255, 255, 0.51);
  border-radius: 18px;
  box-shadow:
    0 1px 0 0 #1593fd,
    0 -1px 0 0 #5826e6,
    1px 0 0 0 #1593fd,
    -1px 0 0 0 #1593fd,
    1px -1px 0 0 #5826e6,
    -1px 1px 0 0 #1593fd,
    1px 1px 0 0 #1593fd,
    -1px -1px 0 0 #5826e6;
  background-color: #fff;
  padding: 15px;
}

.boxbg:hover {
  text-decoration: none;
  color: #212121;
}

a.btn.bluebtn {
  background: #6639e4;
  color: #fff;
  padding: 9px 20px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 40px;
  margin: 0 10px;
  border: none;
  cursor: pointer;
  border: 1px solid #6639e4;
  min-width: 120px;
  margin-top: 15px;
  letter-spacing: normal;
}

a.btn.bluebtn:hover {
  background: #ffe930;
  color: #212121;
  border: 1px solid #ffe930;
}

.level-setting .form-inline .form-group {
  margin-right: 0;
  margin-bottom: 15px;
}

.level-setting .form-inline .form-control {
  width: 100%;
  padding-left: 0;
}

.login-section {
  font-family: poppins, sans-serif;
}

.login-block .form-control {
  padding: 14px 1rem;
  height: auto;
  background: 0 0 !important;
  border-radius: 10px;
  border: 1px solid #88a6c8 !important;
}

.focused .form-label-outlined,
.form-select ~ .form-label-outlined {
  font-size: 10px;
  color: #88a6c8;
  font-weight: 500;
}

.ulogo img {
  width: 150px;
}

.user-panel > .image > img {
  max-width: 60px;
  border: none;
}

.profile-user-img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 3px solid #d5a928;
}

.light-logo img {
  width: 120px;
}

.bg1 {
  background-color: #ff7426;
}

.bg2 {
  background-color: #1eaae7;
}

.bg3 {
  background-color: #2bc155;
}

select {
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: 23px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.tab-content .form-group label {
  text-transform: capitalize;
  color: #808080;
  letter-spacing: normal;
}

.form-group {
  margin: 0 0 15px 0 !important;
}

.dataTables_length select {
  background-size: 12px !important;
}

.dataTables_info,
.dataTables_length,
.dt-buttons {
  display: initial;
  padding-top: 5px;
}

.login-section .box {
  border-radius: 5px !important;
  padding: 30px;
  margin: 0;
}

h1.login-text {
  font-size: 30px;
  line-height: 31px;
  color: #002755;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  font-family: poppins, sans-serif;
}

h3.login-text {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0px 15px 0px !important;
  font-size: 20px;
  line-height: 20px;
  color: #88a6c8;
  font-weight: 400;
  text-align: center;
  font-family: poppins, sans-serif;
  margin-bottom: 50px;
  letter-spacing: 0;
}

.login-block #infoMessage {
  margin-bottom: 10px;
}

.login-block #infoMessage .alert {
  padding: 10px 4rem 10px 10px;
  text-align: left;
  line-height: 18px;
  font-size: 13px;
  color: #19bc90 !important;
  margin: 0 0 30px;
}

.login-block .alert-dismissible .close:after {
  display: none;
}

.sub-btn {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  font-size: 15px;
  border: none;
  max-width: 100%;
  margin: 10px 0 20px;
  font-weight: 600;
}

button:focus {
  outline: none !important;
}

.fog-pwd {
  width: 100%;
  display: inline-block;
}

.fog-pwd a {
  float: left;
  text-align: right;
  width: 100%;
  font-size: 12px;
  color: #002755;
  font-weight: 500;
  font-family: poppins, sans-serif;
}

.btn.btn-org {
  border-radius: 10px;
  background-color: #cf3b44;
  border-color: #cf3b44;
  padding: 13px 15px;
  color: #000;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #cf3b44 !important;
  border-color: #cf3b44 !important;
  border-radius: 8px;
  letter-spacing: 0px;
  font-family: "Inter", sans-serif;
}

/* .btn-primary:hover {
	color:#ffffff!important;
    background-color: #cf3b44!important;
    border-color: #cf3b44!important;
} */
#infoMessage .alert.alert-danger.alert-dismissible {
  color: #c3463c !important;
}

.nk-block-tools li.btn-wrap .btn-primary,
.nk-block-tools li.btn-wrap .btn-primary:active,
.nk-block-tools li.btn-wrap .btn-primary:focus {
  background: #4496fe !important;
  border-color: #4496fe !important;
}

p.forget-text.text-center {
  font-size: 12px;
  color: #002755;
  font-weight: 500;
}

p.forget-text.text-center a {
  color: #4496fe;
}

.div-der {
  background: #e5e5e9;
  height: 1px;
  width: 95%;
  margin: 0 auto;
}

.login-block .form-group {
  margin: 0 0 10px;
}

/* .form-control {
    border-radius: 0;
    box-shadow: none;
    border-left: 0;
    font-size: 14px;
    border-top: 0;
    border-right: 0;
    padding-left: 0
} */

.form-control {
  border-radius: 12px;
  font-size: 13px;
  height: auto;
  line-height: 28px;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none;
}

.box form {
  float: left;
  width: 100%;
}

p.forget-text {
  white-space: nowrap;
}

.login-block {
  max-width: 100%;
  text-align: center;
}

a.loginlogo {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  margin-bottom: 40px;
}

.user-panel {
  background: 0 0;
  padding: 30px 0;
  border-bottom: 1px solid #413f3f;
}

.user-panel > .info {
  padding: 5px;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #efefef;
  font-size: 12px;
}

.user-panel > .info > p {
  font-weight: 600;
  margin: 0;
  color: #8b9099;
  padding: 10px;
}

.skin-blue-light .main-header .navbar {
  box-shadow: none !important;
  background-color: #131416 !important;
  border-bottom: none;
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff !important;
  font-size: 24px;
  position: absolute;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar {
  background-color: #fff;
  box-shadow: none;
  border-right: 1px solid #efefef;
}

.skin-blue-light .sidebar-menu > li.active > a {
  font-family: gothamproregular;
  color: #ffd72e !important;
  background: 0 0;
}

.sidebar-menu > li > a {
  padding: 0 10px 0 13px !important;
  display: block;
  color: #fff !important;
  text-transform: capitalize;
  letter-spacing: normal;
}

.sidebar-menu > li > a > .fa {
  width: 20px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin-right: 0;
  line-height: 40px;
  text-align: center;
  background-color: transparent;
  border-radius: 0;
  color: #fff;
}

.sidebar-menu > li.active > i {
  color: #fff;
}

.sidebar-menu .active .fa {
  color: #ffd72e !important;
  font-size: 14px;
}

.sidebar-menu li:hover .fa {
  color: #ffd72e;
}

.sidebar-menu > li:hover a {
  color: #ffd72e !important;
}

.sidebar-menu .fa:hover {
  color: #ffd72e !important;
}

.info a {
  color: #8b9099 !important;
  font-weight: 600;
  font-size: 12px !important;
  padding: 10px 0 !important;
}

ol.breadcrumb {
  display: none;
}

.clearfix {
  clear: both;
}

.row.m-t-20 {
  margin-top: 20px;
}

.heading-title h1 {
  line-height: normal;
  font-size: 20px;
  text-transform: capitalize;
  margin: 0 0 20px;
  color: #111;
  letter-spacing: normal;
}

.p-r-0 {
  padding-right: 0;
  border-right: 1px solid #e6e6e6;
}

.heading-title {
  margin: 0;
}

.b-size {
  font-size: 18px !important;
}

a.logout-btn {
  background: #6639e4;
  color: #fff;
  padding: 5px;
  width: 110px;
  float: left;
  text-align: center;
  text-transform: capitalize;
  border-radius: 40px;
  margin: 0 10px;
  line-height: 24px;
  letter-spacing: normal;
}

a.logout-btn:hover {
  background: #ffd72e;
  color: #000;
}

.box.box-default.proof-col {
  border-radius: 20px;
  box-shadow:
    0 1px 0 0 #1593fd,
    0 -1px 0 0 #5826e6,
    1px 0 0 0 #1593fd,
    -1px 0 0 0 #1593fd,
    1px -1px 0 0 #5826e6,
    -1px 1px 0 0 #1593fd,
    1px 1px 0 0 #1593fd,
    -1px -1px 0 0 #5826e6;
}

a.edit-tab {
  background: #6639e4 !important;
  color: #fff !important;
  font-family: gothamproregular;
  border-radius: 40px !important;
  padding: 5px 15px !important;
  position: relative;
  top: 8px;
}

.level-setting input.form-control {
  border-bottom: 1px solid #ccc;
}

.modal-footer.assign-footer {
  border-top: 0;
}

.form-input input.form-control {
  border-bottom: 1px solid #d9d9d9;
}

.bluebtn {
  background: #6639e4;
  color: #fff;
  padding: 5px;
  width: 110px;
  float: left;
  text-align: center;
  text-transform: capitalize;
  border-radius: 40px;
  margin: 0 0;
  line-height: 24px;
  letter-spacing: normal;
}

.bluebtn:hover {
  background-color: #ffd72e;
  color: #212121;
}

#leadForm button#saveBtn,
.save .bluebtn {
  position: relative;
  top: 24px;
}

.email-card .card-block {
  padding-top: 30px;
}

.ticket-col {
  margin-top: 25px;
}

.ticket-col .mediass {
  margin-bottom: 25px;
  display: flex;
  gap: 15px;
}

.chat-reply-col {
  padding: 15px;
  border-radius: 10px;
  margin-top: 20px;
}

.chat-reply-col textarea {
  padding: 10px;
}

tfoot {
  display: none !important;
}

.dataTables_filter input {
  border-radius: 5px;
  padding: 5px;
}

.add-btn {
  background: #6639e4;
  height: 31.5px;
  appearance: none;
  color: #fff;
  padding: 5px 12px;
  float: right;
  text-align: center;
  text-transform: capitalize;
  border-radius: 40px;
  margin: 0 10px;
  border: none;
  cursor: pointer;
  font-family: gothammedium;
  border: 1px solid #6639e4;
  text-transform: capitalize;
  letter-spacing: normal;
}

.add-btn:focus {
  outline: none;
}

.add-btn:hover {
  background: #ffe930;
  color: #212529;
  border: 1px solid #ffe930;
}

.box-footer button {
  background: #6639e4;
  color: #fff;
  padding: 9px 20px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 40px;
  margin: 0 10px;
  border: none;
  cursor: pointer;
  border: 1px solid #6639e4;
  min-width: 120px;
  letter-spacing: normal;
}

.box-footer button:hover {
  background: #ffe930;
  color: #212121;
  border: 1px solid #ffe930;
}

.modal span.err {
  float: left;
  width: 100%;
}

.box-footer {
  text-align: center;
}

/* .dataTables_length select {
    padding: 0!important
} */

.admin-sidebar .info {
  border: none;
}

.manager-block .ulogo img {
  width: 60px;
  border-radius: 50px;
}

.agree-terms {
  padding: 15px 20px 0;
  font-weight: 600;
}

#updatePassFrm .modal-title {
  display: inline-block;
  margin: 0 auto;
}

.field-row {
  margin: 0 0 15px;
}

.field-row:nth-last-child(1) {
  margin: 0;
}

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

table.dataTable {
  border: none;
  white-space: nowrap;
}

.table thead tr:last-child th {
  border: none;
  /* border-bottom: 1px solid #dbdfea */
}

.dataTables_filter input.form-control {
  margin-left: 15px;
}

.nk-refwg-url .form-control-wrap {
  width: auto;
  display: inline-block;
  padding: 0.4375rem 5px 0.4375rem 40px;
  border-radius: 8px;
  font-size: 14px;
  height: auto;
  line-height: 30px;
  border: 1px solid #f0f0f0;
  box-shadow: none;
}

.nk-refwg-url .form-control-wrap .form-icon {
  left: 0;
  height: 44px;
}

.nk-refwg-url .form-control-wrap .form-icon .icon {
  font-size: 20px;
  color: #000000;
}

.nk-refwg-url .form-control-wrap a.copyButton {
  margin-left: 10px;
  color: var(--sk-gold);
  border-radius: 0;
  padding: 5px 10px;
  font-weight: 500;
  border-left: 1px solid #d5a9282b;
}

.tab-content .profile-ud.wider {
  align-items: center;
}

.tab-content .profile-ud input,
.tab-content .profile-ud textarea,
.tab-content .profile-ud select {
  /* color: #526484;
    background: 0 0;
    border-bottom: 1px solid #384d69;
    font-size: 14px; */

  border-radius: 8px;
  font-size: 14px;
  height: auto;
  line-height: 30px;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none;
  color: #3c4d62;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  border-radius: 8px;
  font-size: 13px;
  height: auto;
  line-height: 30px;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none;
  color: #3c4d62;
}

.custom-file-input {
  min-height: 46px;
}

.custom-file-label::after {
  height: 46px;
  line-height: 30px;
}

.tab-content .profile-ud input:focus,
.tab-content .profile-ud textarea:focus,
.tab-content .profile-ud select:focus {
  background: 0 0;
}

.nav-tabs .nav-link:hover {
  background: 0 0;
}

.nav-tabs .nav-link.active:focus {
  color: #1f64ad;
  border: none;
  background-color: transparent;
}

.userinfocard .overline-title-alt {
  font-size: 13px;
}

.modal-body label {
  margin: 0 0 0.5rem;
  font-weight: 500;
  color: #808080;
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: normal;
}

.modal-body input.form-control,
.modal-body textarea.form-control {
  background: 0 0;
  /* border: 1px solid #dbdfea; */
  border-radius: 8px;
  padding: 0.6875rem 1rem;
}

.modal-body input.form-control {
  border-radius: 30px;
  font-size: 14px;
  height: auto;
  line-height: 30px;
  /* border: 1px solid #f0f0f0 !important; */
  box-shadow: none;
  padding: 0.4375rem 1rem;
}

.modal-body .form-control:focus {
  background: 0 0;
  border: 1px solid #000;
}

.daterangepicker {
  background-color: #0d141d;
  border-radius: 4px;
  border: 2px solid #1d2d40;
}

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

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

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

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #1d344b;
  color: #fff;
}

.daterangepicker td.in-range {
  background-color: #1f64ad;
  color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #1f64ad;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border: solid #384d69;
  border-width: 0 2px 2px 0;
}

.daterangepicker th.available:hover span {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

.nk-help-img {
  width: 120px;
  margin-right: 0;
  margin-bottom: 1.5rem;
  flex-shrink: 0;
  text-align: center;
  padding: 0.125rem;
}

.text-center .nk-help-img {
  margin-left: auto;
  margin-right: auto;
}

.support-card .nk-help-plain {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.nk-help-plain .nk-help-img {
  margin-bottom: 1.25rem;
}

.nk-help-plain .nk-help-action {
  margin-top: auto;
  padding: 0;
}

.nk-help-plain .nk-help-text {
  padding: 0;
  margin-bottom: 1.5rem;
}

.quicklinks .preview-icon-box {
  padding: 15px 10px;
}

.quicklinks .preview-icon-name {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.quicklinks .preview-icon-wrap {
  display: flex;
  justify-content: center;
  margin: 0px;
}

.quicklinks .preview-icon-wrap span {
  width: 50px;
  height: 50px;
  background: #f78088;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quicklinks .preview-icon-wrap span img {
  width: 23px;
}

.depamtblock form {
  display: flex;
  align-items: flex-start;
}

.depamtblock form .form-control-wrap {
  margin-right: 10px;
}

.withdraw-nk-block form {
  width: 100%;
  /* max-width: 960px */
}

span.err {
  color: #e85347;
  font-size: 11px;
  font-style: italic;
}

.add-ticket {
  display: flex;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  border-bottom: 1px solid #dbdfea;
}

.add-ticket div {
  padding-right: 30px;
}

.add-ticket .list-group-item {
  padding: 0 0 1rem;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
}

.add-ticket .list-group-item:hover {
  color: #1f64ad;
  background: 0 0;
}

.add-ticket .list-group-item.active {
  color: #1f64ad;
  background: 0 0;
}

.add-ticket .list-group-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #1f64ad;
}

.table-bordered tr th {
  color: #8094ae;
  font-weight: 600;
}

.table-bordered tr th:first-child,
.table-bordered tr td:first-child {
  border-left: none;
}

.table-bordered tr th:last-child,
.table-bordered tr td:last-child {
  border-right: none;
}

.addticket-block form {
  width: 100%;
  max-width: 900px;
}

.text-success {
  margin-top: 10px;
  font-size: 12px;
}

h6.f-right {
  font-size: 12px;
  font-weight: 500;
}

.sweet-alert {
  background-color: #141c26 !important;
}

.sweet-alert p {
  color: #b6c6e3 !important;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success .sa-fix {
  display: none !important;
}

div.dataTables_wrapper div.dataTables_processing {
  background-color: #ccc !important;
  color: #000 !important;
}

.accounts-processing {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 220px;
  padding: 14px 18px;
  border-radius: 14px;
  border: 1px solid rgba(213, 169, 40, 0.24);
  background: linear-gradient(
    180deg,
    rgba(20, 16, 9, 0.98),
    rgba(11, 9, 6, 0.98)
  );
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  color: #f5e7bb;
  justify-content: center;
}

.accounts-processing-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(213, 169, 40, 0.2);
  border-top-color: #d5a928;
  animation: accountsProcessingSpin 0.8s linear infinite;
  flex: 0 0 auto;
}

.accounts-processing-text {
  font-size: 14px;
  font-weight: 600;
  color: #fff4cf;
}

div.dataTables_wrapper div.dataTables_processing {
  width: auto;
  min-width: 240px;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none;
}

@keyframes accountsProcessingSpin {
  to {
    transform: rotate(360deg);
  }
}

.live-trades-table div.dataTables_processing {
  width: auto;
  min-width: 250px;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none;
}

.live-trades-processing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 240px;
  padding: 14px 18px;
  border-radius: 14px;
  border: 1px solid rgba(213, 169, 40, 0.24);
  background: linear-gradient(
    180deg,
    rgba(20, 16, 9, 0.98),
    rgba(11, 9, 6, 0.98)
  );
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  color: #fff4cf;
}

.live-trades-processing-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(213, 169, 40, 0.2);
  border-top-color: #d5a928;
  animation: accountsProcessingSpin 0.8s linear infinite;
  flex: 0 0 auto;
}

.live-trades-processing-text {
  font-size: 14px;
  font-weight: 600;
  color: #fff4cf;
}

.live-trades-filter-actions {
  display: flex;
  align-items: center;
  height: 100%;
}

.filtersec.live-trades-filter-row,
.live-trades-table-controls .filtersec {
  align-items: end;
  row-gap: 16px;
}

.filtersec.live-trades-filter-row .form-control-select,
.live-trades-table-controls .filtersec .form-control-select {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
}

.filtersec.live-trades-filter-row .form-control,
.live-trades-table-controls .filtersec .form-control {
  min-height: 46px;
}

.filtersec.live-trades-filter-row .live-trades-filter-actions,
.live-trades-table-controls .filtersec .live-trades-filter-actions {
  justify-content: flex-start;
}

.filtersec.live-trades-filter-row .live-trades-filter-actions .btn,
.live-trades-table-controls .filtersec .live-trades-filter-actions .btn {
  min-height: 46px;
  width: 100%;
}

.trade-pnl {
  font-weight: 600;
}

.trade-pnl-positive {
  color: #31d27c;
}

.trade-pnl-negative {
  color: #ff6b6b;
}

.trade-pnl-neutral {
  color: #d5b76a;
}

h5#address_input {
  font-size: 18px;
  font-weight: 500;
}

.card.email-card {
  box-shadow: none !important;
  margin: 0;
}

.card.email-card .card-header {
  display: initial;
  padding: 0;
  background: 0 0;
}

.card.email-card .card-header h5 {
  margin: 0;
  font-weight: 500;
}

.card.email-card .card-header h6 {
  margin-top: 6px;
  color: #b6c6e3;
}

.ticketkit button#ticket-statusb {
  margin-top: -130px;
}

select.form-control option {
  padding: 5px;
  font-size: 13px;
}

#blcDetail .table {
  table-layout: fixed;
}

#blcDetail .table th,
#blcDetail .table td {
  border: 1px solid #f0f0f0;
}

#blcDetail .table th {
  font-weight: 500;
}

.dt-button:before {
  font-size: 1.125rem;
  font-weight: 400;
  font-style: normal;
  width: 2.125rem;
  font-family: nioicon;
}

.dt-buttons span {
  display: none;
}

.dt-button {
  font-family:
    dm sans,
    sans-serif;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.4375rem 1.125rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  border-radius: 4px;
  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;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}

.dark-mode .dt-button,
.dt-button .dark-mode {
  border-color: #3c4d62;
  color: #b7c2d0;
  background: #141c26;
}

.dt-buttons > .dt-button:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dataTables_length label,
.dataTables_filter label {
  font-size: 12px;
}

.dataTables_length select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 8px;
}

.dataTables_wrapper {
  justify-content: space-between;
  gap: 10px;
}

.admintb a.eye,
.admintb a.edit-user,
.admintb a.verify-doc,
.admintb a.delete-user,
.admintb a.active-user {
  color: #fff !important;
  padding: 4px 4px 3px;
  line-height: normal;
  border-radius: 2px;
}

.admintb td,
.admintb th {
  font-size: 12px;
}

.admintb a.active-user {
  background: #28c76f;
}

.dark-mode hr {
  border-top: 1px solid rgb(183 194 208/25%);
}

.form-group label.form-label {
  font-size: 12px;
}

.login-block.stepsignup {
  text-align: initial;
}

.stepsignup .login-block {
  width: 100%;
}

.stepsignup .stepsignupleft {
  background: #f5f6fa;
  height: 100%;
  padding: 15px;
}

.stepsignup form,
.stepsignup .setup-content {
  height: 100%;
}

.stepsignup form .signup-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.stepsignup form .signup-content .nextBtn {
  margin-top: auto;
  margin-left: auto;
}

div#step-2,
div#step-3 {
  display: none;
}

.stepsignup .stepwizard-step {
  display: flex;
  align-items: center;
  margin: 0 0 40px;
}

.stepsignup .stepwizard-step a {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  min-width: 40px;
  margin: 0 10px 0 0;
}

.stepsignup .stepwizard-step a.disabled {
  background: 0 0;
  border: 1px solid #384d69;
  color: #384d69;
}

.stepsignup .stepwizard-step p {
  line-height: 18px;
  color: #8094ae;
}

.stepsignup .stepwizard-step.active p {
  color: #111;
}

.stepsignup .stepwizard-step label {
  width: 100%;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.stepwizard-step2,
.stepwizard-step3 {
  position: relative;
}

.stepwizard-step2:before,
.stepwizard-step3:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  top: -40px;
  background: #384d69;
  left: 20px;
}

.stepwizard-step2.active:before {
  background: #1f64ad;
}

.verificationtab {
  display: none;
  margin-top: 90px;
}

.addressinfo {
  display: none;
}

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

.empstatuscol .custom-control.custom-radio {
  width: auto !important;
}

.empstatuscol .custom-control-label {
  padding-top: 0;
}

.expbackground {
  display: none;
}

input.form-control.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.completemsg {
  display: none;
  margin-top: 50px;
}

.loginbtn {
  text-transform: capitalize;
  margin-top: 20px;
  letter-spacing: normal;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #16ad4b;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto 25px;
  box-shadow: inset 0 0 0 #16ad4b;
  animation:
    fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.pre-load {
  display: none;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #16ad4b;
  }
}

.nk-help-plain .nk-help-img svg path {
  fill: #fff;
}

.individual.applicationtype .col-md-3 {
  max-width: 29%;
  flex: 0 0 29%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  background: 0 0;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.btn-success {
  background: #080808 !important;
  border: none;
  color: #cf3b44 !important;
  border-radius: 8px;
}

span#secretInfo {
  color: #000000 !important;
}

.hm-5col.padd-row .col .card {
  background-image: linear-gradient(21deg, #cf3b44 0%, #cf3b44 100%);
  background-color: #cf3b44;
}

button.btn.btn-light {
  background: transparent !important;
  border: 1px solid #080808 !important;
  color: #000 !important;
  line-height: 35px;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 600;
  font-size: 12px;
}

button.btn.btn-light:hover {
  background: #080808 !important;
  color: #cf3b44 !important;
}

#pageLoading {
  background: url(/pwa/144x144.png) 50% 50% no-repeat rgb(255 255 255) !important;
  background-size: 50px 50px !important;
}

.btn {
  letter-spacing: 0px;
  font-family: "Inter", sans-serif;
  line-height: 26px;
  padding: 5px 15px;
  min-width: 100px;
  text-align: center;
  justify-content: center;
}

.login-block input[type="checkbox"].form-control {
  min-height: inherit;
  padding: 0px;
  margin-right: 5px;
}

.checkbox label {
  margin: 0;
}

.checkbox {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;

  flex-wrap: wrap;
}

.checkbox span#check_error {
  width: 100%;
}

@media screen and (min-width: 1200px) and (max-width: 1370px) {
  .quicklinks .preview-icon-box {
    padding: 10px;
  }

  .quicklinks .preview-icon-name {
    font-size: 11px;
  }

  .quicklinks .preview-icon-wrap span {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .dataTables_length {
    margin-bottom: 15px !important;
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .login-block.stepsignup > .row > .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .login-block.stepsignup > .row > .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }

  .stepsignup .stepsignupleft {
    height: auto;
    text-align: center;
  }

  .stepsignupleft .stepwizard-row.setup-panel {
    display: flex;
    justify-content: center;
  }

  .stepsignup .stepwizard-step {
    margin: 0;
    display: inline-block;
    min-width: 30%;
  }

  .stepsignup .stepwizard-step a {
    margin: 0 0 10px;
    position: relative;
    z-index: 1;
    background: #1f64ad;
  }

  .stepwizard-step2:before,
  .stepwizard-step3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 20px;
    background: #384d69;
    left: -60%;
  }

  .stepsignup .stepwizard-step a.disabled {
    background: #f5f6fa;
  }

  a.loginlogo {
    margin-bottom: 30px;
  }

  .verificationtab {
    margin-top: 0;
  }

  .completemsg {
    margin-top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .hm-5col .col {
    flex-basis: 50%;
    padding-bottom: 0 !important;
  }

  .hm-5col .col .card {
    margin-bottom: 15px;
  }

  .dataTables_length {
    margin-bottom: 15px !important;
    display: block;
  }

  .dt-buttons {
    display: inline-block;
    text-align: center;
    width: 100%;
  }

  .dataTables_filter {
    float: none;
  }

  #leadForm button#saveBtn,
  .save .bluebtn {
    top: 0;
  }

  #logoForm img {
    margin-top: 15px;
  }

  .row.row-eq-height button.btn {
    margin-top: 10px;
  }

  /* .fog-pwd a {
    text-align: center;
  } */
}

@media only screen and (max-width: 767px) {
  .sign-footer a.btn.btn-primary {
    margin-bottom: 10px;
    padding: 10px 11px;
  }

  .top-btn .btn-icon.btn-xl .icon {
    width: 52px;
  }

  .row.form-mb {
    margin-bottom: 0;
  }

  .form-mb .col-md-4 {
    margin-bottom: 10px;
  }

  .form-mb .col-md-6 {
    margin-bottom: 10px;
  }

  .depo-info h6 {
    margin-bottom: 9px !important;
  }

  .nk-block-between.dash-head {
    flex-direction: column;
  }

  .dash-head .nk-block-head-content {
    margin-bottom: 15px;
  }

  .card.email-card h5.card-header-text {
    margin-right: 0;
  }

  .box-header .col-md-3.pull-right {
    margin-top: 25px;
  }

  .dt-buttons .dt-button {
    margin-bottom: 5px;
  }

  .add-btn {
    float: left;
    margin: 0 0;
  }

  .modal-footer button {
    padding: 10px 11px !important;
    margin-bottom: 10px;
  }

  h3 {
    line-height: 26px;
  }

  .email-card .card-header {
    flex-direction: column;
  }

  .box-header .col-lg-4.col-md-12.pull-right {
    margin-top: 15px;
  }

  .tab-content .pad {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-content .profile-ud.wider {
    display: inline-block;
    width: 100%;
  }

  .tab-content .wider .profile-ud-label {
    margin: 0 0 5px;
  }

  .profile-ud-item {
    margin-bottom: 5px;
  }

  #profileKycForm .profile-ud-item {
    margin-bottom: 15px;
  }

  .nk-menu-sub .nk-menu-link {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }

  /* .table.dataTable,.table {
        white-space: nowrap
    } */

  .card-title-group .card-title h6.title {
    font-size: 15px;
  }

  .depamtblock form {
    width: 100%;
    display: inline-block;
  }

  .depamtblock form button {
    margin-top: 10px;
  }

  .form-label {
    font-size: 11px !important;
  }

  /* .form-control {
        font-size: 13px!important;
        min-height: 38px
    } */

  .add-ticket .list-group-item {
    font-size: 12px;
  }

  a.btn {
    font-size: 13px;
    padding: 8px 17px;
  }

  button.btn {
    font-size: 13px;
    padding: 8px 17px;
  }

  .custom-file {
    height: 38px !important;
  }

  .custom-file-label {
    height: 38px !important;
    line-height: 26px !important;
  }

  .custom-file-label::after {
    height: 38px !important;
    line-height: 26px !important;
  }

  .chat-header {
    width: 100%;
    display: inline-block;
  }

  .chat-reply-col {
    margin-top: 0;
  }

  .login-section .box {
    padding: 15px;
  }

  .login-block .form-control {
    min-height: 38px;
  }

  h5#address_input {
    font-size: 14px;
    line-height: 20px;
  }

  .dataTables_length label,
  .dataTables_filter label {
    align-items: center;
  }

  .setup-content .row .col-md-6 {
    margin-bottom: 1.5rem;
  }

  .setup-content .row .col-md-6:last-child {
    margin: 0;
  }

  .individual.applicationtype .col-md-3 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1.5rem;
  }

  .individual.applicationtype .col-md-3:last-child {
    margin-bottom: 0;
  }

  .individual.applicationtype .col-md-2,
  .individual.applicationtype .col {
    margin-bottom: 1.5rem;
  }

  .pre-load img {
    max-width: 60px;
  }

  .pre-load {
    display: flex;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
  }

  .logo-light {
    opacity: 1;
  }

  .logo-dark {
    opacity: 0;
  }
}

@media only screen and (max-width: 575px) {
  .hm-5col .col {
    flex-basis: 100%;
  }

  .hm-5col .col .card {
    margin-bottom: 0;
  }

  .hm-5col .col:last-child .card {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 425px) {
  .card-aside-wrap {
    display: inline-block !important;
  }

  .nk-refwg-url .form-control-wrap {
    display: flex;
  }

  .nk-refwg-url #secretInfo {
    white-space: nowrap;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }

  .nk-refwg-url .form-control-wrap a.copyButton {
    margin-left: auto;
  }

  .add-ticket div {
    padding-right: 8px;
  }
}

@media only screen and (max-width: 375px) {
  .add-ticket .list-group-item {
    font-size: 10.5px;
    font-weight: 400;
  }

  .stepsignup .stepwizard-step p {
    font-size: 11px;
    line-height: 14px;
  }

  .stepsignup .stepwizard-step label {
    font-size: 13px;
  }
}

.nk-menu-item.has-sub.active .nk-menu-sub.active > .nk-menu-link {
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .login-section {
    background: #fff;
  }

  .login-section:after,
  .login-section:before {
    display: none;
  }

  .form-control:focus {
    color: #3c4d62;
    background-color: #fff;
    border-color: #000;
    outline: 0;
    box-shadow: none;
  }
}

.showonmobile {
  display: none;
}

.tooltip {
  width: 210px !important;
  max-width: max-content;
  font-size: 11px;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .arrow:before {
  border-top-color: #000 !important;
}

.tooltip-inner {
  background: #000;
}

.tooltip .list-group-item {
  padding: 2px 10px;
}

.tree-nwtrk {
  margin: 0 0 5px 0;
}

.inner-tree-network {
  width: auto;
  height: auto;
  margin: 0 0 5px 0;
}

@media screen and (max-width: 767.9px) {
  /*     .nk-header.is-light:not([class*=bg-]) {
        background:0 0
    }

    body.bg-lighter {
        background-color: #0c0c0c !important;
        background-image: linear-gradient( 180deg, #1c1c1c, #0c0c0c 50% );
        padding-bottom: 70px;
        font-family: poppins,sans-serif;
    } */

  .dash-head .page-title {
    display: none;
  }

  .gtranslate {
    order: 3;
  }

  /* .gtranslate select.goog-te-combo {
        background: url(/theme/images/website_icon.svg);
        margin: 0!important;
        font-size: 0!important;
        padding: 0 5px!important;
        width: 100px;
        min-height: 20px;
        background-size: contain!important;
        background-color: transparent!important;
        border: none!important;
        box-shadow: none!important;
        appearance: none;
        line-height: 14px;
		filter: brightness(0.2);
    }

    .gtranslate select.goog-te-combo option {
        font-size: 11px
    } */

  /*   .page-title {
        color: #fff
    } */

  .nk-header {
    border: none;
  }

  /* .nk-block-between.dash-head .dash-head-cont-link {
        padding: 20px;
        border-radius: 13px;
      
        background-image: linear-gradient(21deg, #cf3b44 0%, #4496fe 100%);
        position: relative;
        overflow: hidden;
        flex: 0 0 100%;
        width: 92%;
    } */
  /*  .nk-block-between.dash-head .dash-head-cont-link  .btn-primary{
	       background: #ffffff !important;
    border-color: #ffffff !important;
   } */
  /*  .nk-block-between.dash-head .dash-head-cont-link  .btn-primary  em.icon img {
    filter: brightness(0) invert(0);
} */
  /* .nk-block-between.dash-head .dash-head-cont-link:before {
        content: '';
        position: absolute;
        right: -100px;
        top: -40px;
        width: 190px;
        height: 190px;
        border-radius: 95px;
        background: url(/theme/images/ellipse1.svg) no-repeat
    } */
  .dash-head .nk-block-head-content {
    width: 89%;
  }

  .dash-head-cont-link .nk-block-tools {
    justify-content: space-between;
  }

  .dash-head .nk-block-head-content {
    margin-bottom: 0;
  }

  ul.nk-block-tools.top-btn .btn-wrap a {
    width: 50px;
    height: 50px;
    border-radius: 7px;
    background-image: linear-gradient(202.06deg, #464646 0, #141414 104.3%);
    border: none;
  }

  .nk-content-body > .nk-block-head:first-child {
    padding-bottom: 20px;
  }

  /* ul.nk-block-tools.top-btn .btn-wrap span {
      font-size: 10px;
        line-height: 19px;
        text-transform: capitalize;
        color: #fff;
        font-family: poppins,sans-serif;
        text-align: center; letter-spacing: normal;} */
  td.dataTables_empty:before {
    display: none;
  }

  .hm-5col.padd-row .col {
    flex-basis: 50%;
  }

  td.dataTables_empty:before {
    display: none;
  }

  .dtr-details li .btn {
    padding: 5px 5px;
    margin: 0 0 0 6px;
    font-size: 11px;
    justify-content: center;
    width: 50%;
  }

  .dtr-details li span {
    font-size: 11px;
  }

  .dtr-details li {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 5px 0;
  }

  .dtr-details li .btn + a:not(.btn) {
    display: none;
  }

  .dtr-details li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .hm-5col.padd-row .col .card {
    /*  margin-bottom: 0;
        background-image: linear-gradient(202.06deg,#464646 0,#141414 104.3%); */
    border-radius: 7px;
    border: 1px solid rgb(255 255 255/48%);
    min-height: 75px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 0;
  }

  /* .hm-5col.padd-row .col .card:before {
        content: '';
        position: absolute;
        width: 151px;
        height: 151px;
        top: -80px;
        left: 50%;
        background: url(/theme/images/ellipse2.svg) no-repeat;
        transform: translateX(-50%)
    } */

  .hm-5col.padd-row .card-inner {
    padding: 13px;
    position: relative;
    z-index: 11;
  }

  .hm-5col.padd-row .col .card h6,
  .hm-5col.padd-row .nk-iv-wg2-amount {
    /*   font-size: 13px; */
    line-height: 15px;
    /* 
        color: #fff; */
    font-weight: 500;
    /*    font-family: poppins,sans-serif */
  }

  .hm-5col.padd-row .col .card.total-credit-card {
    /* background-image: linear-gradient(178deg, #af8636, #f1dc7c, #debf64, #af8636); */
    background-image: linear-gradient(21deg, #cf3b44 0%, #cf3b44 100%);
    border: none;
  }

  .hm-5col.padd-row .col .card.total-credit-card:before {
    display: none;
  }

  /*  .hm-5col.padd-row .col .card.total-credit-card * {
        color: #fff;
        font-size: 12px;
    } */
  .hideonmobile {
    display: none !important;
  }

  .quick-links .col-md-8 > .card-bordered {
    background: 0 0;
    border: none;
  }

  .quicklinks {
    flex-wrap: wrap;
    padding-bottom: 10px;
    /* margin: 0px !important; */
    justify-content: space-between;
  }

  .quicklinks li {
    padding: 0 !important;
    margin: 0 0 10px;
    width: 48%;
  }

  .quicklinks li:first-child {
    margin-left: 0;
  }

  .quicklinks li:nth-child(4) {
    margin-left: 0;
  }

  /* .quicklinks li a.preview-icon-box {
        width: 100%;
        height: 75px;
        border-radius: 7px;
	       background: #4496fe;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(255 255 255/48%);
        margin: 0;
    }

    .quicklinks .preview-icon-wrap span {
        width: auto;
        height: auto;
        background: 0 0
    }

    .quicklinks .preview-icon-wrap span img {
        max-width: 27px;
        filter: brightness(0) invert(1);
    }

    .quicklinks .preview-icon-wrap {
        margin: 0
    } 
	.quicklinks .preview-icon-name {
        font-size: 11px;
        line-height: 12px;
        color: #fff;
        font-weight: 500;
        text-align: center
    }
	*/
  .hm-5col.padd-row .col .card .btn-primary {
    background-color: #11b9b6;
    border-color: #343434 !important;
    /* background-image: linear-gradient(178deg, #af8636, #f1dc7c, #debf64, #af8636) !important; */
    background-image: linear-gradient(
      295deg,
      #ed662b,
      #67b86f,
      #11b9b6,
      #19659c
    ) !important;
    color: #fff !important;
  }

  .quick-links .card-inner {
    margin-right: 0;
  }

  .padd-row {
    padding: 15px;
  }

  .nk-footer {
    display: none;
  }

  .wrapper,
  body,
  html {
    height: auto !important;
  }

  .nk-header-wrap .toast-message {
    display: none;
  }

  .showonmobile {
    display: block;
  }

  .mobilemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 10px;
    background: linear-gradient(180deg, #080808, #0b0905) !important;
    display: flex;
    align-items: flex-end;
    z-index: 111;
    border-top: 1px solid var(--sk-line) !important;
  }

  .mobilemenu li.nk-menu-item.has-sub {
    width: 20%;
  }

  .mobilemenu li a {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    line-height: 23px;
    color: var(--sk-muted);
    font-weight: 500;
    text-align: center;
    padding: 0;
    border: none;
    background: none !important;
  }

  .mobilemenu li a img *,
  .mobilemenu li a svg * {
    fill: var(--sk-gold);
  }

  .mobilemenu li.active a {
    color: var(--sk-gold);
  }

  .card-content .nav-tabs + .card-inner .a-photo-section {
    border: 0;
  }

  .card-content .nav-tabs + .card-inner .a-section {
    padding: 0;
    padding-top: 20px;
    border-radius: 10px;
    border: 0 !important;
  }

  .mobilemenu li a.toggle-active img {
    filter: none;
  }

  .mobilemenu li a img,
  .mobilemenu li a svg {
    display: inline-block;
    margin: 0 0 5px;
    max-width: 22px;
  }

  .mobilemenu li a span {
    width: 100%;
    display: inline-block;
    line-height: 1;
  }

  .mobilemenu li.active a svg path {
    fill: var(--sk-gold);
  }

  .mobilemenu .nk-quick-nav-icon:before {
    display: none;
  }

  .nk-header-wrap > .nk-menu-trigger {
    display: none;
  }

  .admin-body .nk-header-wrap > .nk-menu-trigger {
    display: block;
  }

  .nk-header-fixed {
    position: initial;
  }

  .nk-header-fixed + .nk-content {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .nk-sidebar-mobile {
    z-index: 9999;
  }

  .nk-sidebar-element.nk-sidebar-head {
    justify-content: space-between;
    padding: 10px !important;
  }

  .nk-sidebar-element.nk-sidebar-head .nk-menu-trigger .nk-quick-nav-icon {
    font-size: 20px;
    border: none;
    background: none !important;
  }

  .nk-sidebar-element.nk-sidebar-head .nk-sidebar-brand {
    margin: 0;
  }

  .has-sidebar .logo-img {
    max-height: 55px !important;
  }

  .nk-header-tools li.dropdown.user-dropdown {
    display: none;
  }

  /*  li.dropdown.notification-dropdown em.icon.ni.ni-bell {
        background: url(/theme/images/notification_icon.svg) no-repeat;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: center
    } */

  /* li.dropdown.notification-dropdown em.icon.ni.ni-bell:before {
        display: none
    }

    li.dropdown.notification-dropdown .icon-status-info:after {
        display: none
    } */

  /*  li.dropdown.notification-dropdown a.nk-quick-nav-icon:before {
        display: none
    } */
  .nk-quick-nav-icon {
    font-size: 1.6rem;
  }

  /* .nk-header-tools {
        margin-right: -60px
    } */

  .is-light .nk-menu-link {
    color: #000000;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
  }

  .is-light .nk-menu-icon {
    color: #fff;
    width: 30px;
  }

  .nk-menu-icon .icon {
    font-size: 20px;
  }

  .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link {
    padding-left: 44px;
  }

  .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub {
    margin-left: 44px;
  }

  .nk-sidebar.is-light .nk-menu > li:hover > a,
  .nk-sidebar.is-light .nk-menu > li.active > a,
  .nk-sidebar.is-light .nk-menu > li > a:hover {
    background: #cf3b44 !important;
  }

  .notification-dropdown .dropdown-head span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
  }

  .nk-notification-text,
  .nk-notification-text a {
    font-size: 13px;
    color: #000000 !important;
  }

  .nk-notification-icon .icon:before {
    color: #1f64ad;
  }

  .dropdown-foot a {
    color: #1f64ad;
  }

  .card-tools-toggle .card-title-group {
    flex-wrap: wrap;
    margin: 0;
  }

  .card-title-group .card-title h6.title {
    font-size: 15px;
  }

  .card-tools-toggle .card-title-group button.btn {
    font-size: 11px;
  }

  .nk-tb-head .nk-tb-col {
    color: #002755;
  }

  .nk-tb-list {
    color: #000000;
  }

  a.btn {
    font-size: 11px;
    padding: 7px 9px;
  }

  .login-page {
    background: #fff;
  }

  .stepsignup form .signup-content .nextBtn,
  button.btn.btn-primary.prev-Btn.btn-lg,
  button.btn.btn-primary.next-Btn.btn-lg {
    color: #fff;
    background-color: #1f64ad;
    border-color: #1f64ad;
  }

  .stepsignup .stepsignupleft {
    padding: 0;
    background: 0 0;
    margin: 0 0 10px;
  }

  .login-block .setup-content .form-group {
    margin: 0 0 5px !important;
  }

  .togglePassword i {
    top: 40px;
    right: 5px;
    position: absolute !important;
  }

  [type="checkbox"] + label {
    /* color: #002755; */
    opacity: 1 !important;
  }

  .form-control-select {
    margin: 0 0 8px;
  }

  /* .form-control {
        padding: 10px 1rem;
        height: auto;
        background: 0 0!important;
        border-radius: 6px!important;
        border: 1px solid #88a6c8!important
    } 

    .nk-block-head-content {
        color: #fff
    }*/

  form .g-gs {
    margin-bottom: 0 !important;
  }

  form .g-gs .col-md-6 {
    padding-bottom: 0 !important;
  }

  .nk-wg1-amount .amount {
    color: #1f64ad;
  }

  .add-ticket .list-group-item.active {
    color: #1f64ad;
  }

  .add-ticket .list-group-item.active:after {
    background: #1f64ad;
  }

  .tree-wrapper div.orgChart h2 {
    color: #fff !important;
  }

  #profileForm .col {
    width: 100%;
    flex: 0 0 100%;
  }

  #profileForm .form-control-wrap {
    margin-bottom: 8px;
  }

  .tree ul {
    padding: 0 0 0 10px !important;
  }

  .tooltip {
    width: 150px !important;
    left: 0 !important;
    top: 23px !important;
  }

  .inner-tree-network .tooltip::after {
    left: 21px !important;
    transform: rotate(90deg) !important;
    top: -5px !important;
    right: inherit !important;
  }

  .tooltip .list-group-item {
    padding: 1px 10px;
    font-size: 10px;
  }

  .depamtblock .table th,
  .depamtblock .table td {
    padding: 0 5px !important;
    white-space: pre-wrap;
  }

  .add-ticket {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }

  .custom-file-input {
    height: 38px;
  }

  h6.card-title {
    font-size: 15px;
  }
}

.has-sidebar .logo-img {
  max-height: 60px;
}

@media (min-width: 768px) {
  .nk-wrap {
    padding-left: 250px;
  }
}

.icon-status-info:after {
  background: #2fda95;
}

/** My css **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #fff;
}

.card-bordered {
  border: 1px solid #f6f6f6;
}

.card {
  border-radius: 16px;
}

.card-title h6.title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
}

.mainhead .nk-news-item .nk-news-icon {
  width: 32px;
  margin-right: 10px;
}

.mainhead .nk-news-item .nk-news-icon img {
  width: 32px;
}

.mainhead .nk-news-text {
  flex-wrap: wrap;
}

.mainhead .nk-news-text h4 {
  width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  margin: 0px;
}

.mainhead .nk-news-text p {
  font-size: 12px;
  margin-bottom: 0;
  color: rgb(0 0 0 / 60%);
  font-weight: 400;
}

li.notification-dropdown a.nk-quick-nav-icon {
  width: 32px;
  height: 32px;
  background: #f0f0f0;
  border-radius: 50px;
  padding: 0;
  justify-content: center;
}

li.notification-dropdown .icon-status-info:after {
  display: none;
}

.mainhead .nk-header-tools {
  margin-left: inherit;
  padding-right: 0;
  padding-left: 0;
}

.mainhead .nk-header-tools li {
  padding: 0px;
}

.mainhead .nk-quick-nav {
  margin: 0;
}

.mainhead li.dropdown.notification-dropdown {
  padding: 0 15px;
  border-right: 1px solid #503e07;
  margin: 0 15px 0 0px;
}

.mainhead .user-toggle .user-avatar.sm {
  width: 32px;
  height: 32px;
  padding: 5px;
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
}

.user-name {
  display: flex;
  color: #000000;
  margin-bottom: 2px;
}

[class*="dropdown-indicator"]:after {
  background: url(/theme/images/caret-filled.png) no-repeat;
}

.user-avatar + .user-info,
[class^="user-avatar"]:not([class*="-group"]) + .user-info {
  margin-left: 10px;
}

.user-status {
  font-size: 10px;
  padding: 3px 6px 4px;
  border-radius: 50px;
  margin: 0px;
}

.user-status.text-danger {
  color: #f50808 !important;
  background: #ffe4e4;
}

.user-status.text-success {
  color: #0cd777 !important;
  background: #113826;
}

.userversec {
  display: flex;
  align-items: center;
}

.userversec label {
  margin: 0 4px 0 0;
  font-size: 11px;
  color: #000;
  font-weight: 400;
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 15px;
}

.nk-header-fixed + .nk-content {
  padding-top: 0px;
}

.page-title {
  font-size: 24px;
  font-weight: 600;
  color: #f7f2e8;
  font-family: "Inter", sans-serif;
}

.nk-block-des,
.nk-block-des em {
  color: var(--gold);
  font-weight: 500;
}

.dash-head-cont-link .nk-block-tools {
  padding: 5px;
  background: #fff;
  border-radius: 8px;
}

.dash-head-cont-link .nk-block-tools li {
  background: #fff;
  border: 1px solid #f6f6f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 5px 15px 5px 5px;
  margin: 0 5px 0 0;
}

.dash-head-cont-link .nk-block-tools li:last-child {
  margin: 0px;
}

.dash-head-cont-link .nk-block-tools li a em {
  width: 30px;
  height: 30px;
  background: #f78088;
  border-radius: 50px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin: 0 2px 0 0;
}

.dash-head-cont-link .nk-block-tools li span {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.padd-row .card {
  background: #fff;
  border: none;
  border-radius: 16px;
  box-shadow: 0px 4px 11.800000190734863px 0px #00000014;
}

.box-icon {
  width: 40px;
  height: 40px;
  background: #cf3b44;
  text-align: center;
  border-radius: 50px;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.padd-row .card h6 {
  font-size: 10px;
  font-weight: 400;
  color: var(--sk-muted);
  letter-spacing: normal;
  text-transform: capitalize;
  margin: 0 0 5px 0;
}

.padd-row .card .nk-iv-wg2-amount {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.row.padd-row.mainhomerow .nk-iv-wg2 {
  padding-left: 50px;
  position: relative;
}

.row.padd-row.mainhomerow .nk-iv-wg2 .box-icon {
  position: absolute;
  left: 0px;
}

div.dataTables_filter label {
  font-size: 0;
}

div.dataTables_filter input {
  border: 1px solid #f6f6f6 !important;
  border-radius: 12px !important;
  color: #000 !important;
  font-size: 14px !important;
  padding: 0 15px 0 35px !important;
  line-height: 38px !important;
  height: auto !important;
  background: url(/theme/images/search-bold.svg) no-repeat left 10px center;
  width: 100% !important;
  max-width: 200px;
}

div.dataTables_filter input::placeholder {
  color: #000 !important;
}

.form-control:focus {
  border-color: #000 !important;
  box-shadow: none !important;
}

.card-inner-group .card-inner:not(:last-child) {
  border-bottom: 0px solid #f0f0f0;
}

.nk-tb-head .nk-tb-col {
  color: #808080;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #dbdfea;
  padding: 10px 15px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fafafa;
}

table.table tr td {
  color: #000;
  font-size: 12px;
  padding: 10px 15px;
  text-align: left !important;
}

.card .table tr:first-child th:first-child {
  padding-left: 25px;
  border-top-left-radius: 0px;
}

.card .table tr:first-child th:last-child {
  border-top-right-radius: 0px;
  padding-right: 25px;
}

.card .table tr:last-child td:first-child {
  border-bottom-left-radius: 0;
  padding-left: 25px;
}

.card .table tr:last-child td:last-child {
  border-bottom-right-radius: 0;
  padding-right: 25px;
}

.card .table tr td:first-child {
  padding-left: 25px;
}

a.viewlink {
  color: #000;
  display: flex;
  align-items: center;
}

a.viewlink i {
  font-size: 16px;
  margin: 0 4px 0 0;
}

.table tr td .btn {
  border-radius: 6px;
  line-height: 26px;
  min-width: 78px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  padding: 0 7px;
}

.table tr td .btn.btn-success {
  background: #080808 !important;
  border: none;
  color: #cf3b44 !important;
}

/* .hide-btn {
	opacity:0.5;
    pointer-events: none;
} */

.table tr td .btn.btn-success:hover {
  background: #cf3b44 !important;
  color: #080808 !important;
}

.table tr td .btn.btn-info {
  background: transparent !important;
  border: 1px solid #080808 !important;
  color: #000 !important;
  min-width: 90px;
  line-height: 29px;
}

/* .table tr td .btn.btn-info:hover{
	background:#080808 !important;
	color:#cf3b44 !important;
} */

.table tr td i.fa {
  font-family: FontAwesome !important;
}

.allbank.table tr td i.fa {
  margin-right: 3px;
}

.pagination li a {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #000;
  background: transparent;
  min-width: 30px;
  line-height: 26px;
  padding: 0 5px;
}

.pagination {
  margin: 0px 0 0 0 !important;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  border: 1px solid #080808;
  padding: 0 15px;
  background: transparent;
}

.support-card .nk-help-plain {
  background: url(/theme/images/supportimg.png) no-repeat bottom -2px right;
}

.support-card h5 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.support-card p {
  font-size: 14px;
  color: #000;
  width: 70%;
}

.support-card a {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  border-radius: 8px;
  color: #111;
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  width: 125px;
  display: inline-block;
  text-align: center;
}

.support-card a:hover {
  color: #111;
}

.nk-content-body {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

div.dataTables_wrapper div.dataTables_info {
  padding: 0 20px;
  color: var(--sk-muted);
}

div.dataTables_wrapper div.dataTables_paginate {
  padding-right: 20px;
  width: auto;
  margin-left: auto;
}

.nav-tabs .nav-link.active {
  color: #000000;
}

.nav-tabs .nav-link:after {
  background: #000000;
}

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

.nav-tabs-card {
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #f0f0f0;
}

.form-group label.form-label {
  font-family: "Inter", sans-serif !important;
  color: #808080 !important;
}

.uploaddocform .profile-ud-list {
  margin: 0px;
}

.uploaddocform .profile-ud-item {
  padding: 0 14px;
  margin: 0 0 15px 0;
}

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

.text-success {
  color: #0cd777 !important;
}

.profile-ud-label {
  display: block;
  margin: 0 0 0.5rem 0;
  text-transform: capitalize;
  color: #808080;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: normal;
}

.profile-ud-label span.label {
  font-size: 10px;
  padding: 3px 6px 4px;
  border-radius: 50px;
  margin: 0 0 0 2px;
  text-transform: capitalize;
}

.profile-ud-label span.label.text-info {
  background: rgb(9 194 222 / 13%);
}

.profile-ud-label span.label.text-danger {
  background: #ffe4e4;
}

.profile-ud-label span.label.text-success {
  color: #0cd777;
  background: #113826;
}

.modal-header {
  border-bottom: 1px solid #f0f0f0;
}

.modal-footer {
  border-top: 1px solid #f0f0f0;
}

.modal-footer button.btn.btn-default {
  border: 1px solid #d10e1e;
  background: transparent;
  letter-spacing: 0px;
  font-family: "Inter", sans-serif;
  line-height: 24px;
  padding: 5px 15px;
  min-width: 100px;
  text-align: center;
  justify-content: center;
  border-radius: 8px;
  color: #d10e1e;
}

.modal-header .modal-title {
  font-size: 20px;
}

.filtersec .btn {
  min-width: 100px;
}

.rightsearch .dataTables_wrapper > .dataTables_filter {
  margin-left: auto;
  margin-right: 20px;
}

.nk-quick-nav-icon {
  color: #000;
}

.partlinksec {
  background: #fff;
  width: 100%;
  padding: 25px;
  border-radius: 16px;
  border: 1px solid #f6f6f6;
  display: flex;
  align-items: center;
}

.partlinksec h5.title {
  font-size: 18px;
  font-weight: 600;
}

table.table tr td .badge {
  font-size: 12px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  padding: 0px !important;
  /* background: transparent !important; */
  padding: 2px 9px !important;
  align-items: center;
}

table.table tr td .badge.badge-success {
  color: #0cd777 !important;
  background: #113826;
}

table.table tr td .badge.badge-danger {
  color: #f50808 !important;
  background: #ff6b6b33;
}

table.table tr td .badge.badge-primary {
  background: transparent;
  color: #0cd777 !important;
}

table.table tr td .badge.badge-warning {
  color: #fd9722 !important;
  background-color: #f4bd0e3b;
}

table.table tr td .badge.badge-open {
  color: var(--sk-gold) !important;
  background-color: rgba(213, 169, 40, 0.14) !important;
}

.user-card-wrap .user-card .user-avatar {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
}

.link-list a {
  color: #000000;
}

.link-list a:hover {
  color: #cf3b44;
}

.dropdown-menu-s1 {
  border-top: 3px solid #cf3b44;
}

.nk-header .dropdown-menu .lead-text {
  color: #000000;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #cf3b44;
  color: #111;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #cf3b4433;
  color: #cf3b44;
}

.datepicker table tr td.today:hover:hover {
  color: #111;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #cf3b44;
}

.tablefit {
  margin: 0 -24px;
}

.credit-wallet-balance {
  width: auto;
  display: inline-block;
  position: relative;
}

.credit-wallet-balance i {
  font-family: FontAwesome !important;
  font-size: 18px;
  cursor: pointer;
}

.tooltipcont {
  position: absolute;
  width: 145px;
  background: #000;
  border-radius: 10px;
  padding: 5px;
  color: #fff;
  font-size: 10px;
  bottom: 27px;
  left: -62px;
  display: none;
  font-weight: 600;
  z-index: 1;
  line-height: 14px;
}

.tooltipcont:after {
  content: "";
  width: 8px;
  height: 8px;
  bottom: -2px;
  left: 67px;
  position: absolute;
  background: #000;
  transform: rotate(45deg);
}

.credit-wallet-balance:hover .tooltipcont {
  display: block;
}

@media screen and (max-width: 1199.9px) {
  .nk-wrap {
    padding-left: 0;
  }

  .table.dataTable {
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199.9px) {
  .nk-header-fixed + .nk-content {
    margin-top: 85px;
  }

  .mainhomerow {
    margin-bottom: 30px;
  }

  .mainhomerow .col .card {
    height: 100%;
    margin: 0px;
  }

  .mainhomerow .card-inner {
    padding: 14px;
  }

  .padd-row .card .nk-iv-wg2-amount {
    line-height: 21px;
    font-size: 15px;
  }

  .padd-row .card .nk-iv-wg2-title {
    margin-bottom: 10px;
  }

  div.dataTables_filter input {
    max-width: 200px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024.9px) {
  .quick-links .col-md-8,
  .quick-links .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .partlinksec {
    flex-wrap: wrap;
  }

  .partlinksec .nk-refwg-head {
    margin: 0 0 15px 0 !important;
    width: 100%;
  }
}

@media screen and (max-width: 767.9px) {
  .pagination li a {
    border: 1px solid #080808 !important;
    border-radius: 50px !important;
    font-size: 12px;
    font-weight: 600;
    color: #000 !important;
    background: transparent;
    min-width: 40px;
    line-height: 30px;
    padding: 0 15px !important;
  }

  #example .dtr-details li span {
    display: flex;
  }

  .dtr-details .dtr-title {
    font-weight: 500;
  }

  div.dataTables_filter input[type="search"] {
    padding: 0 15px 0 35px !important;
  }

  .nk-header-fixed + .nk-content {
    padding-top: 0px !important;
  }

  .nk-block-des {
    margin-bottom: 12px;
  }

  .nk-block-des,
  .nk-block-des em {
    font-size: 16px;
  }

  .nk-content:before {
    height: 240px !important;
    background-size: cover !important;
  }

  .dash-head .nk-block-head-content {
    width: 100%;
  }

  .dash-head-cont-link .nk-block-tools {
    background: transparent;
    padding: 0px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .dash-head-cont-link .nk-block-tools li {
    margin: 5px 5px 5px 0px;
  }

  .row.padd-row {
    padding-left: 0;
    padding-right: 0;
  }

  .mainhead li.dropdown.notification-dropdown {
    padding: 0 12px;
    margin: 0 5px 0 0px;
  }

  .mainhomerow .col {
    min-width: 50%;
    margin-bottom: 25px;
  }

  .mainhead .nk-header-tools {
    margin-left: auto;
  }

  .nk-block h6.title {
    font-size: 16px;
  }

  .mainhomerow .col .card {
    height: 100%;
    margin: 0px;
  }

  .tablefit {
    margin: 0 -0.95rem;
  }

  .table tr td .btn {
    padding: 0 20px;
  }
}

.login-with-terminal {
  display: none;
}

/* @media screen and (max-width: 450.9px) {
  .dash-head-cont-link .nk-block-tools li {
    min-width: 48%;
  }
} */

@media screen and (max-width: 590px) {
  .login-with-terminal {
    display: block;
  }
}

p.forget-text.text-center a {
  color: #4496fe;
  /* text-decoration: underline; */
}

.card-tools-toggle.card-inner
  + .card-inner
  .dataTables_wrapper
  .table.dataTable {
  margin: 0px;
}

.nk-notification-item {
  padding: 10px 20px;
}

.nk-footer {
  background: transparent;
}

.nk-footer-copyright {
  font-size: 12px;
}

table.table tr td.dataTables_empty {
  text-align: center !important;
  padding-top: 20px;
  font-size: 14px;
}

.form-control-select:after {
  display: none;
}

.comamtdata {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.comamtdata .card + .card {
  margin-top: 0px;
}

/* --- theme-shark.css (site dark theme override) --- */
/*
  Shark Trading — black/gold theme override.
  Loaded LAST (after dashlite.css) on the Admin + Client portals (dashboard + login).
  Re-skins existing DashLite/UniquePro component classes in place — no markup changes.
  Reference: ../../../../new_theme_template/styles.css
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap");

:root {
  --sk-bg: #070707;
  --sk-panel: rgba(20, 17, 10, 0.92);
  --sk-panel-2: rgba(10, 10, 10, 0.95);
  --sk-gold: #d5a928;
  --sk-gold-bright: #ffd85d;
  --sk-gold-soft: rgba(213, 169, 40, 0.14);
  --sk-text: #f7f2e8;
  --sk-muted: #bcbcbc;
  --sk-line: #ffffff24;
  --sk-green: #22d787;
  --sk-red: #ff6b6b;
  --sk-radius: 10px;
  --sk-shadow: 0 16px 50px rgba(0, 0, 0, 0.35);
}

/* ---------- 1. Global ---------- */
.white-text {
  color: var(--sk-text) !important;
}

body.nk-body,
body.hold-transition {
  /* background:
    radial-gradient(circle at 18% -5%, rgba(213, 169, 40, .12), transparent 27%),
    radial-gradient(circle at 95% 10%, rgba(255, 216, 93, .07), transparent 24%),
    var(--sk-bg) !important; */
  background: #000 !important;
  color: var(--sk-text);
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.nk-block-title,
h1,
h2,
h3,
h4,
h5,
h6,
.nk-block-des {
  font-family: "Inter", sans-serif;
  color: var(--sk-text);
  font-weight: 600;
}

.nk-block-title.page-title {
  font-size: 25px !important;
}

a {
  color: var(--sk-gold-bright);
}

a:hover {
  color: var(--sk-gold);
}

/* ---------- 2. Sidebar ---------- */
.nk-sidebar {
  background: linear-gradient(180deg, #080808, #0b0905) !important;
  border-right: 1px solid var(--sk-line) !important;
}

.nk-sidebar-element {
  border-color: var(--sk-line) !important;
  background: #111;
}

.nk-sidebar-head {
  border-bottom: 1px solid var(--sk-line) !important;
  padding: 18px 0 !important;
  background-color: #111 !important;
}

.has-sidebar .logo-img,
.nk-sidebar-logo .logo-img {
  max-height: 45px !important;
  filter: drop-shadow(0 0 16px rgba(213, 169, 40, 0.25));
}

.nk-menu-link {
  color: white !important;
  border-radius: 0 !important;
  transition: all 0.2s ease;
  font-size: 13px;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  padding: 10px 24px !important;
}

.nk-menu-link .nk-menu-icon .icon {
  font-size: 18px;
  transition: color 0.2s ease;
}

.nk-menu-link:hover,
.nk-sidebar.is-light .nk-menu > li:hover > a {
  color: #fff !important;
  background: rgba(213, 169, 40, 0.08) !important;
  box-shadow: none !important;
}

.nk-menu-link:hover .nk-menu-icon,
.nk-menu-link:hover .nk-menu-icon .icon,
.nk-menu-link:hover .nk-menu-icon em {
  color: white !important;
}

.nk-menu-item.active > .nk-menu-link:not(.nk-menu-toggle),
.nk-sidebar.is-light .nk-menu > li.active > a:not(.nk-menu-toggle) {
  color: #070707 !important;
  background: var(--sk-gold) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.nk-menu-item.active > .nk-menu-link:not(.nk-menu-toggle) .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link:not(.nk-menu-toggle) .nk-menu-icon .icon,
.nk-menu-item.active > .nk-menu-link:not(.nk-menu-toggle) .nk-menu-icon em {
  color: #070707 !important;
}

.nk-menu-item.active > .nk-menu-link.nk-menu-toggle,
.nk-sidebar.is-light .nk-menu > li.active > a.nk-menu-toggle {
  color: #070707 !important;
  background: var(--sk-gold) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.nk-menu-item.active > .nk-menu-link.nk-menu-toggle:after,
.nk-sidebar.is-light .nk-menu > li.active > a.nk-menu-toggle:after {
  color: black !important;
}

.nk-menu-item.active > .nk-menu-link.nk-menu-toggle .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link.nk-menu-toggle .nk-menu-icon .icon,
.nk-menu-item.active > .nk-menu-link.nk-menu-toggle .nk-menu-icon em {
  color: black !important;
}

.nk-menu-sub {
  background: rgba(0, 0, 0, 0.2) !important;
  padding: 4px 0 !important;
}

.nk-menu-sub .nk-menu-link {
  color: var(--sk-muted) !important;
  font-size: 12.5px;
  font-weight: 400 !important;
  border-radius: 0 !important;
  padding: 4px 24px 4px 53px !important;
}

.nk-menu-sub .nk-menu-link:hover,
.nk-menu-sub .nk-menu-item.active > .nk-menu-link,
.is-light .nk-menu-sub .nk-menu-link:hover,
.is-light .nk-menu-sub .nk-menu-item.active > .nk-menu-link {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

/* ---------- 3. Topbar ---------- */
.nk-header {
  /* background: var(--sk-panel-2) !important; */
  background: #111111 !important;
  border-bottom: 1px solid var(--sk-line) !important;
}

.dropdown-inner + .dropdown-inner {
  border-top: 1px solid #2d250e;
}

.nk-header-brand .logo-img {
  filter: drop-shadow(0 0 10px rgba(213, 169, 40, 0.2));
}

.nk-quick-nav-icon {
  color: var(--sk-gold) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--sk-line);
}

.nk-notification-item .nk-notification-text,
.dropdown-menu {
  color: var(--sk-text);
}

.dropdown-menu {
  background: #080808;
  border: 1px solid var(--sk-line) !important;
  box-shadow: var(--sk-shadow) !important;
}

.nk-notification-item .nk-notification-text a {
  color: var(--sk-text) !important;
}

.nk-notification-time {
  color: var(--sk-muted);
}

.dropdown-head,
.dropdown-foot {
  border-color: var(--sk-line) !important;
}

/* ---------- 4. Cards / panels ---------- */
.card,
.card-bordered {
  background: #111 !important;
  border: 1px solid #222 !important;
  border-radius: var(--sk-radius) !important;
  box-shadow: var(--sk-shadow);
  color: var(--sk-text);
}

.card-inner-group > .card-inner + .card-inner,
.card-inner-group .card-inner:not(:last-child) {
  border-color: var(--sk-line) !important;
}

.nk-block-title.title,
.card-title {
  color: var(--sk-text) !important;
}

.nk-block-des:not(.text-soft) {
  color: var(--sk-gold);
}

.text-soft {
  color: var(--sk-muted) !important;
}

/* ---------- 5. Buttons ---------- */
.btn-primary {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  border-color: transparent !important;
  color: #171004 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, var(--sk-gold), #6a4a00) !important;
  color: #171004 !important;
}

.btn-danger {
  background: linear-gradient(135deg, #ff4f59, #a60b17) !important;
  border-color: transparent !important;
}

.btn-outline-primary {
  color: var(--sk-gold) !important;
  border-color: var(--sk-line) !important;
}

.btn-outline-primary:hover {
  background: var(--sk-gold) !important;
  color: #171004 !important;
}

.btn-light {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--sk-text) !important;
  border-color: var(--sk-line) !important;
}

.btn-success,
.table tr td .btn.btn-success {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  border: 1px solid transparent !important;
  color: #171004 !important;
}

.btn-success:hover,
.table tr td .btn.btn-success:hover {
  background: linear-gradient(135deg, var(--sk-gold), #6a4a00) !important;
  color: #171004 !important;
}

a.eye,
a.edit-user,
a.verify-doc,
a.delete-user,
a.active-user,
.admintb a.eye,
.admintb a.edit-user,
.admintb a.verify-doc,
.admintb a.delete-user,
.admintb a.active-user {
  background: rgba(213, 169, 40, 0.08) !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-gold-bright) !important;
  border-radius: 6px !important;
}

a.eye:hover,
a.edit-user:hover,
a.verify-doc:hover,
a.delete-user:hover,
a.active-user:hover,
.admintb a.eye:hover,
.admintb a.edit-user:hover,
.admintb a.verify-doc:hover,
.admintb a.delete-user:hover,
.admintb a.active-user:hover {
  background: var(--sk-gold) !important;
  color: #171004 !important;
  opacity: 1 !important;
}

input[type="file"] {
  color: var(--sk-muted) !important;
}

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--sk-line) !important;
  border-radius: 6px !important;
  color: var(--sk-text) !important;
  padding: 7px 14px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
}

input[type="file"]::file-selector-button:hover,
input[type="file"]::-webkit-file-upload-button:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* ---------- 6. Tables ---------- */
.nk-tb-list .nk-tb-item,
table.table,
.dataTable {
  color: var(--sk-text);
}

table.table tr td,
table.table tr th,
.dataTable tbody tr td {
  color: var(--sk-text) !important;
}

table.table a,
.nk-tb-list a,
.dataTable a {
  color: var(--sk-gold) !important;
}

table.table a:hover,
.nk-tb-list a:hover,
.dataTable a:hover {
  color: var(--sk-gold) !important;
}

.dataTables_paginate .paginate_button a {
  background: transparent !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-muted) !important;
}

.dataTables_paginate .paginate_button.current a,
.dataTables_paginate .paginate_button:hover a,
.paginate_button.current a {
  background: var(--sk-gold) !important;
  border-color: transparent !important;
  color: #171004 !important;
}

.paginate_button.disabled a {
  opacity: 0.4;
  border-color: var(--sk-line) !important;
}

div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_filter input {
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0001 14.5L11.1048 11.6047M11.1048 11.6047C11.6001 11.1094 11.9929 10.5215 12.261 9.87438C12.529 9.22729 12.6669 8.53375 12.6669 7.83335C12.6669 7.13295 12.529 6.4394 12.261 5.79232C11.9929 5.14523 11.6001 4.55727 11.1048 4.06202C10.6095 3.56676 10.0216 3.1739 9.3745 2.90586C8.72742 2.63783 8.03387 2.49988 7.33347 2.49988C6.63307 2.49988 5.93953 2.63783 5.29244 2.90586C4.64535 3.1739 4.0574 3.56676 3.56214 4.06202C2.56192 5.06224 2 6.41882 2 7.83335C2 9.24787 2.56192 10.6045 3.56214 11.6047C4.56236 12.6049 5.91895 13.1668 7.33347 13.1668C8.748 13.1668 10.1046 12.6049 11.1048 11.6047Z' stroke='%23d5a928' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat left 10px center !important;
  background-color: #222 !important;
  border: 1px solid #333 !important;
  color: var(--sk-text) !important;
  font-size: 13px !important;
}

div.dataTables_filter input.form-control::placeholder {
  color: var(--sk-muted) !important;
}

.nk-tb-head .nk-tb-col,
.table thead th {
  color: #fff !important;
  text-transform: capitalize;
  font-size: 10px;
  letter-spacing: normal;
  border-bottom: 1px solid rgba(213, 169, 40, 0.1) !important;
  background: transparent !important;
}

table thead tr {
  background: var(--sk-gold-soft) !important;
}

.nk-tb-head .nk-tb-col,
.table thead th {
  color: #fff !important;
  text-transform: capitalize;
  letter-spacing: unset;
  font-size: 13px;
  /* height: 40px; */
  padding-top: 12px;
  padding-bottom: 12px;
}

.nk-tb-list .nk-tb-head.nk-tb-item:hover {
  background: var(--sk-gold-soft) !important;
}

.nk-tb-list .nk-tb-item,
.table td,
.table th {
  border-color: rgba(213, 169, 40, 0.1) !important;
}

.nk-tb-list .nk-tb-item:hover,
.table-hover tbody tr:hover {
  background: rgba(213, 169, 40, 0.06) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: transparent !important;
}

/* ---------- 7. Forms ---------- */
.form-control,
select,
input.form-control,
.form-control-wrap .form-control {
  background-color: #222 !important;
  border: 1px solid #333 !important;
  color: var(--sk-text) !important;
}

.form-control:focus {
  border-color: var(--sk-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(213, 169, 40, 0.15) !important;
  background-color: #222 !important;
  color: var(--sk-text) !important;
}

div.dataTables_filter input:focus,
div.dataTables_wrapper div.dataTables_filter input:focus {
  border-color: var(--sk-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(213, 169, 40, 0.15) !important;
}

.login-block .form-control,
.login-section .form-control {
  border: 1px solid var(--sk-line) !important;
  background: #080807 !important;
}

.form-control::placeholder {
  color: var(--sk-muted);
}

select.form-control,
.form-control-select select,
select.form {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #222 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23d5a928' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 34px !important;
  color: var(--sk-text) !important;
  border: 1px solid #333 !important;
  background-size: 12px !important;
  border-radius: 12px !important;
}

select.form-control::-ms-expand {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--sk-text) !important;
  -webkit-box-shadow: 0 0 0 1000px #080807 inset !important;
  box-shadow: 0 0 0 1000px #080807 inset !important;
  caret-color: var(--sk-text);
  transition: background-color 9999s ease-in-out 0s;
}

.form-label,
label {
  color: var(--sk-muted);
}

/* floating labels (client login) */
.form-label-outlined {
  background-color: #0c0a06 !important;
  color: var(--sk-muted) !important;
  border-radius: 4px;
}

.focused .form-label-outlined,
.form-select ~ .form-label-outlined {
  color: var(--sk-gold-bright) !important;
}

.form-control:disabled,
.form-control[readonly] {
  color: #f7f2e8a3 !important;
}

/* password show/hide icon */
.pwd-eyes,
span.pwd-eyes {
  color: var(--sk-muted) !important;
}

.pwd-eyes:hover {
  color: var(--sk-gold-bright) !important;
}

/* forgot-password / sign-up footer links */
.fog-pwd a,
p.forget-text,
p.forget-text.text-center {
  color: var(--sk-muted) !important;
}

.fog-pwd a {
  color: var(--sk-gold-bright) !important;
}

.fog-pwd a:hover {
  color: var(--sk-gold) !important;
}

p.forget-text a,
p.forget-text.text-center a {
  color: var(--sk-gold-bright) !important;
  font-weight: 600 !important;
}

p.forget-text a:hover,
p.forget-text.text-center a:hover {
  color: var(--sk-gold) !important;
  /* text-decoration: underline; */
}

.custom-control-label::before {
  background: #080807 !important;
  border-color: var(--sk-line) !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: var(--sk-gold) !important;
  border-color: var(--sk-gold) !important;
}

[type="radio"]:checked + label:after {
  background-color: var(--sk-gold);
  z-index: 0;
}

[type="radio"]:checked + label:after {
  border: 2px solid var(--sk-gold);
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--sk-gold);
}

/* select2 (all dropdowns re-styled by NioApp.Select2 on .form-select) */
.select2-container .select2-selection--single {
  background: #080807 !important;
  border: 1px solid var(--sk-line) !important;
  height: calc(2.75rem + 2px) !important;
  display: flex !important;
  align-items: center !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--sk-text) !important;
  line-height: normal !important;
  height: auto !important;
  padding-left: 12px !important;
  padding-right: 30px !important;
}

.select2-dropdown {
  background: #14110a !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-text);
}

.select2-search--dropdown .select2-search__field {
  background: #080807 !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-text) !important;
}

.select2-results__option {
  color: var(--sk-text);
}

/* ---------- 8. Badges / alerts / modals / pagination ---------- */
.badge-primary,
.badge.bg-primary,
table.table tr td .badge.badge-primary {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  color: #171004 !important;
}

a.badge-primary:hover,
a.badge.bg-primary:hover,
table.table tr td a.badge.badge-primary:hover {
  background: linear-gradient(135deg, var(--sk-gold), #6a4a00) !important;
}

.badge-success,
table.table tr td .badge.badge-success {
  color: var(--sk-green) !important;
}

span.badge.badge-open {
  color: var(--sk-gold) !important;
  background-color: rgba(213, 169, 40, 0.14) !important;
}

.badge-danger,
table.table tr td .badge.badge-danger {
  color: var(--sk-red) !important;
}

.badge-warning,
table.table tr td .badge.badge-warning {
  color: var(--sk-gold) !important;
}

.badge-info,
table.table tr td .badge.badge-info {
  color: white !important;
}

.badge-secondary,
table.table tr td .badge.badge-secondary {
  background: transparent !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-muted) !important;
}

.alert {
  border: 1px solid var(--sk-line);
  background: var(--sk-panel-2);
  color: var(--sk-text);
}

.alert-success {
  background: rgba(34, 215, 135, 0.1) !important;
  border-color: rgba(34, 215, 135, 0.35) !important;
  color: var(--sk-green) !important;
}

.alert-danger {
  background: rgba(255, 77, 86, 0.1) !important;
  border-color: rgba(255, 77, 86, 0.35) !important;
  color: var(--sk-red) !important;
}

.alert-warning {
  background: var(--sk-gold-soft) !important;
  border-color: rgba(213, 169, 40, 0.35) !important;
  color: var(--sk-gold) !important;
}

.alert .close {
  color: inherit;
  opacity: 0.7;
  text-shadow: none;
}

.alert a,
.alert .alert-link {
  color: inherit;
  text-decoration: underline;
}

.modal-content {
  background: #111;
  border: 1px solid #222 !important;
  color: var(--sk-text);
  box-shadow: none;
}

.modal-header,
.modal-footer {
  border-color: rgb(76 64 17 / 18%) !important;
}

.modal-title {
  color: var(--sk-text) !important;
}

.modal-body {
  color: var(--sk-text);
  padding: 20px 1.5rem;
}

.modal .close {
  color: var(--sk-text);
  text-shadow: none;
  opacity: 0.8;
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--sk-line) !important;
  color: var(--sk-text) !important;
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

.page-link {
  background: transparent !important;
  border-color: var(--sk-line) !important;
  color: var(--sk-muted) !important;
}

.page-item.active .page-link {
  background: var(--sk-gold) !important;
  border-color: var(--sk-gold) !important;
  color: #171004 !important;
}

.page-link:hover {
  color: var(--sk-gold-bright) !important;
}

/* ---------- 9. Auth / login pages ---------- */
.login-section .box,
.login-section .box.box-body {
  /* background: black !important; */
  /* border: none !important; */
  /* border-radius: var(--sk-radius) !important; */
  /* box-shadow: var(--sk-shadow); */
  color: var(--sk-text);
  position: relative;
  z-index: 0;

  border: 1px solid hsla(0, 0%, 100%, 0.0901960784);
  backdrop-filter: blur(70px);
  background: radial-gradient(
    52.62% 100% at 50% 0px,
    rgb(255 255 255 / 20%) 0px,
    rgba(253, 213, 81, 0) 100%
  );
  box-shadow: inset 0 4px 20px #3e3e3b;
  border-top: 2px solid rgb(250 250 250 / 32%);
  border-radius: 30px !important;
}

.login-section .form-label-outlined {
  background-color: #00000000 !important;
}

/* .login-section .box:before, */
/* .login-section .box.box-body:after {
  content: "";
  position: absolute;
  inset: 50%;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: inherit;
  opacity: 1 !important;
  transform: translate(-50%, -50%);
}

.login-section .box.box-body:before {
  content: "";
  position: absolute;
  inset: 50%;
  background: linear-gradient(0deg, #d5a928, transparent);
  width: 101%;
  height: 101%;
  z-index: -1;
  border-radius: inherit;
  opacity: 1 !important;
  transform: translate(-50%, -50%);
} */

/* .login-section .box.box-body > div {
  position: relative;
  z-index: 1;
} */

.login-section:before {
  background-image: linear-gradient(
    180deg,
    rgba(7, 7, 7, 0.55) 0%,
    rgba(7, 7, 7, 0.78) 100%
  ) !important;
}

.login-page .login-section.signup-scroll-fix,
.login-page .login-section.signup-scroll-fix .container,
.login-page .login-section.signup-scroll-fix .row {
  height: auto !important;
  min-height: 100%;
}

.login-page .login-section.signup-scroll-fix {
  padding: 32px 0;
}

.login-page {
  height: auto;
  min-height: 100%;
  overflow-y: auto;
}

.login-logo-right {
  margin-bottom: 10px;
}

img.login-logo {
  width: 200px;
  margin: 0px auto 50px auto !important;
}

.login-text {
  color: var(--sk-text) !important;
  font-family: Rajdhani, sans-serif;
}

.login-section .form-control,
.login-section
  .signup-phone-code
  .select2-container
  .select2-selection--single {
  background-color: transparent !important;
  background: #ffffff08 !important;
  backdrop-filter: blur(80px);
  border-color: #ffffff1f !important;
}

.login-section a {
  color: var(--sk-gold-bright);
}

/* ---------- 10. Scrollbar ---------- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0b0a08;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 8px;
}

/* ---------- 11. Client dashboard widgets ---------- */
/* .nk-content:before {
    background: linear-gradient(180deg, rgba(213, 169, 40, .10), transparent) !important;
} */
.box-icon {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  /* background: var(--sk-gold); */
}

.dash-head-cont-link .nk-block-tools {
  background: none;
  border: none;
  padding: 0;
}

.dash-head-cont-link .nk-block-tools li {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--sk-line) !important;
}

.dash-head-cont-link .nk-block-tools li a em {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  /* background: var(--sk-gold); */
}

.dash-head-cont-link .nk-block-tools li span {
  color: var(--sk-text) !important;
}

.quicklinks .preview-icon-name {
  color: var(--sk-text) !important;
}

.quicklinks .preview-icon-wrap span {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  /* background: var(--sk-gold); */
}

.mainhomerow .card {
  overflow: hidden;
  background: linear-gradient(
    145deg,
    rgba(24, 20, 11, 0.95),
    rgba(10, 10, 10, 0.95)
  ) !important;
}

.mainhomerow .card:after {
  content: "";
  position: absolute;
  inset: auto -25px -45px auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(213, 169, 40, 0.15),
    transparent 68%
  );
}

.user-name,
.userversec label {
  color: #f7f2e8;
}

.nk-quick-nav-icon:before {
  background-color: #2d250d;
}

.gtranslate select {
  background:
    url(/theme/images/language-icon.png) no-repeat,
    url(/theme/images/caret-filled.png) no-repeat !important;
  background-position:
    left 5px top 4px,
    right 8px center !important;
  background-color: rgba(18, 15, 8, 0.75) !important;
  border: 1px solid var(--sk-line) !important;
  position: relative;
  max-width: 163px;
  font-size: 12px;
  outline: none !important;
  box-shadow: none !important;
  appearance: none;
  padding: 6px 12px 6px 34px;
  border-radius: 8px;
  font-family: "Inter", sans-serif !important;
  margin: 0px !important;
}

.partlinksec {
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  ) !important;
  border: 1px solid var(--sk-line);
}

.nk-refwg-url .form-control-wrap {
  border: 1px solid rgba(213, 169, 40, 0.1);
}

.nk-refwg-url .form-control-wrap .form-icon .icon,
.support-card p,
.nk-footer-copyright {
  color: var(--sk-text);
}

span#secretInfo {
  color: var(--sk-text) !important;
}

.table tr td .btn.btn-info {
  color: #d8c898 !important;
  min-width: 90px;
  line-height: 29px;
  border: 1px solid var(--sk-line) !important;
  background: rgba(18, 15, 8, 0.75) !important;
}

.modal-backdrop {
  background-color: #000000;
}

.modal-backdrop.show {
  opacity: 0.7;
}

.mainhead .nk-news-text p {
  color: var(--sk-muted);
}

#blcDetail .table th {
  border-color: rgb(76 64 17 / 18%) !important;
}

#blcDetail .table td {
  color: var(--sk-gold) !important;
  border-color: rgb(76 64 17 / 18%) !important;
}

.modal .close:hover {
  color: #fff !important;
  opacity: 1 !important;
}

.modal-body input.form-control {
  font-size: 14px;
  height: auto;
  line-height: 22px;
  box-shadow: none;
  /* color: #eee6d8 !important; */
  /* background: #080807 !important; */
  /* border: 1px solid var(--sk-line) !important; */
  border-radius: 8px;
  outline: none;
  padding: 10px 12px;
}

.modal-body label {
  margin: 0 0 5px;
  font-weight: 500;
  font-size: 11px;
  text-transform: capitalize;
  color: var(--sk-muted);
  letter-spacing: normal;
}

.modal-body .form-group {
  margin: 0 0 10px 0 !important;
}

.depo-info h6 {
  color: var(--sk-muted);
}

.depo-info h6 span,
.padd-row .card .nk-iv-wg2-amount,
.nk-header .dropdown-menu .lead-text,
.link-list a,
.nk-menu-toggle:after {
  color: var(--sk-text) !important;
}

/* ===== Custom 3-Dot Kebab Table Action UI ===== */
.table-action-dropdown,
table.table .table-action-dropdown {
  display: inline-flex !important;
  position: relative !important;
  vertical-align: middle !important;
  align-items: center;
  justify-content: center;
}

.table-action-dropdown .table-action-toggle,
.table-action-dropdown .action_Btn,
table.table .table-action-dropdown .action_Btn,
table.table .action_Btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(213, 169, 40, 0.25) !important;
  color: #a8a69e !important;
  cursor: pointer !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.table-action-dropdown .table-action-toggle::after,
.table-action-dropdown .action_Btn::after,
table.table .table-action-dropdown .action_Btn::after {
  display: none !important;
}

.table-action-dropdown .table-action-toggle:hover,
.table-action-dropdown .table-action-toggle:focus,
.table-action-dropdown.show .table-action-toggle,
.table-action-dropdown .action_Btn:hover,
.table-action-dropdown .action_Btn:focus,
.table-action-dropdown.show .action_Btn,
table.table .action_Btn:hover,
table.table .action_Btn:focus {
  background: rgba(213, 169, 40, 0.16) !important;
  border-color: rgba(213, 169, 40, 0.65) !important;
  color: #ffd44d !important;
  box-shadow: 0 0 10px rgba(213, 169, 40, 0.25) !important;
}

/* SVG Kebab Icon - No rotation */
.kebab-dots-svg,
.kebab-dots-svg * {
  width: 16px;
  height: 16px;
  fill: currentColor;
  display: block;
  pointer-events: none !important;
}

/* Dropdown Menu Container - Balanced positioning & spacing */
.table-action-menu,
.table-action-menu-teleported {
  background: #14120e !important;
  border: 1px solid rgba(213, 169, 40, 0.3) !important;
  border-radius: 10px !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.85),
    0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
  padding: 6px !important;
  min-width: 190px !important;
  z-index: 999999 !important;
  margin: 0 !important;
  animation: tableActionMenuFadeIn 0.15s ease-out;
}

.table-action-menu-teleported,
.table-action-menu-teleported.dropdown-menu-right {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

.table-action-dropdown.show > .dropdown-menu,
.table-action-dropdown.show > .table-action-menu,
.table-action-dropdown > .dropdown-menu.show,
.table-action-dropdown > .table-action-menu.show,
.table-action-menu-teleported.show {
  display: block !important;
}

@keyframes tableActionMenuFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Dropdown Menu Items */
.table-action-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  padding: 9px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #e2e0d8 !important;
  border-radius: 6px !important;
  transition:
    background 0.15s ease,
    color 0.15s ease !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

.table-action-menu .dropdown-item .action-icon,
.table-action-menu .dropdown-item > .icon,
.table-action-menu .dropdown-item > em,
.table-action-menu .dropdown-item > i {
  font-size: 16px !important;
  color: #d5a928 !important;
  width: 20px !important;
  min-width: 20px !important;
  margin-right: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* Fallback icon for any table action item missing an icon tag */
.table-action-menu
  .dropdown-item:not(:has(.action-icon)):not(:has(em)):not(:has(i)):not(
    :has(svg)
  )::before {
  content: "\e9cd";
  font-family: "Nioicon" !important;
  font-size: 16px !important;
  color: #d5a928 !important;
  width: 20px !important;
  min-width: 20px !important;
  margin-right: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.table-action-menu .dropdown-item:hover,
.table-action-menu .dropdown-item:focus {
  background: rgba(213, 169, 40, 0.15) !important;
  color: #ffd659 !important;
}

.table-action-menu .dropdown-item:hover .action-icon,
.table-action-menu .dropdown-item:focus .action-icon {
  color: #ffd659 !important;
}

.table-action-menu .dropdown-item.text-danger {
  color: #ff6b6b !important;
}

.table-action-menu .dropdown-item.text-danger .action-icon {
  color: #ff6b6b !important;
}

.table-action-menu .dropdown-item.text-danger:hover,
.table-action-menu .dropdown-item.text-danger:focus {
  background: rgba(255, 107, 107, 0.14) !important;
  color: #ff8585 !important;
}

.table-action-menu .dropdown-item.text-danger:hover .action-icon,
.table-action-menu .dropdown-item.text-danger:focus .action-icon {
  color: #ff8585 !important;
}

span.active {
  color: #22d787 !important;
}

.social-link ul li a {
  color: var(--sk-text);
  font-size: 17px;
  display: block;
  width: 38px;
  height: 38px;
  background: linear-gradient(
    90deg,
    rgba(213, 169, 40, 0.18),
    rgba(213, 169, 40, 0.04)
  );
  border-radius: 8px;
  text-align: center;
  line-height: 38px;
}

.nk-footer {
  border-top: 1px solid var(--sk-line);
}

.dropdown-inner.user-card-wrap.bg-lighter {
  background: #2c240d !important;
}

.quicklinks .preview-icon-box {
  border-color: rgba(213, 169, 40, 0.1) !important;
}

.nav-tabs-card {
  border-bottom: 1px solid rgba(213, 169, 40, 0.1) !important;
}

.nav-tabs .nav-link {
  color: var(--sk-text);
  font-weight: 600;
}

.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 {
  color: var(--sk-gold);
}

.nav-tabs .nav-link .icon + span {
  margin-left: 0;
}

.nav-tabs .nav-link:after {
  background: var(--sk-gold);
}

.card-inner.a-photo-section {
  background: radial-gradient(
    90% 170% at 70% -10%,
    rgba(0, 0, 0, 0) 50%,
    #d5a9284f 80%,
    #ffffff91 120%
  );
  background-repeat: no-repeat;
  border-radius: 12px;
  border: 1px solid var(--sk-line) !important;
  position: relative;
  overflow: hidden;
}

.card-inner.a-photo-section:after {
  content: "";
  position: absolute;
  inset: auto -25px -45px auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(213, 169, 40, 0.15),
    transparent 68%
  );
  top: 50%;
  left: 0;
}

.card-inner.a-photo-section .user-card {
  position: relative;
  z-index: 1;
}

.sub-text {
  font-size: 13px;
  color: var(--sk-muted);
  letter-spacing: normal;
  text-transform: capitalize;
}

.card-inner.a-photo-section .avatar-upload .avatar-edit input + label {
  background: #d5a928;
}

.card.card-bordered .card.card-bordered {
  background: none !important;
  border: 1px solid rgba(213, 169, 40, 0.1) !important;
  box-shadow: none !important;
}

.a-section {
  border: 1px solid var(--sk-line) !important;
}

.form-group label.form-label {
  color: white !important;
  text-transform: capitalize;
  letter-spacing: normal;
  font-size: 12px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--sk-gold);
  background: transparent;
}

.custom-file-label {
  background-color: #222;
  border: 1px solid #333 !important;
  color: var(--sk-text);
}

.custom-file-label::after {
  color: var(--sk-text);
  background-color: #333;
}

.profile-ud-value {
  color: var(--sk-muted);
}

.profile-ud-label {
  color: white;
  font-size: 12px;
}

/* KYC document upload cards */
.kyc-upload-panel .profile-ud-list {
  margin: 0 -8px;
}

.kyc-upload-panel .kyc-document-card {
  padding: 18px;
  margin: 8px;
  max-width: calc(50% - 16px);
  border: 1px solid #333;
  border-radius: 12px;
}

.kyc-upload-panel .kyc-document-card > .profile-ud {
  min-height: 122px;
  padding: 0;
  background: transparent;
  border: 0;
}

.kyc-upload-panel .profile-ud-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.kyc-upload-panel .custom-file,
.kyc-upload-panel .custom-file-label {
  height: 46px !important;
}

.kyc-upload-panel .custom-file-label {
  display: flex;
  align-items: center;
  padding-right: 100px;
  border-radius: 8px;
  background: #080807 !important;
  border-color: var(--sk-line) !important;
  color: var(--sk-muted) !important;
  line-height: 28px !important;
}

.kyc-upload-panel .custom-file-label::after {
  height: 44px !important;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #d9ad31, #a87908) !important;
  color: #0b0903 !important;
  border-left: 1px solid var(--sk-line) !important;
  font-weight: 600;
  line-height: 28px !important;
}

.kyc-upload-panel small {
  display: block;
  margin-top: 9px;
  color: var(--sk-muted);
  line-height: 1.45;
}

.kyc-upload-panel [id$="_img_div"],
.kyc-upload-panel #proof_img_div,
.kyc-upload-panel #address_img_div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 0 0;
}

.kyc-upload-panel [id$="_img_div"] img,
.kyc-upload-panel #proof_img_div img,
.kyc-upload-panel #address_img_div img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover;
  border: 1px solid var(--sk-line);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .kyc-upload-panel .kyc-document-card {
    max-width: calc(100% - 16px);
  }

  .profile-user-img {
    width: 90px;
    height: 90px;
  }
  .kyc-upload-panel .kyc-document-card > .profile-ud {
    min-height: auto;
  }
}

button.btn.btn-light {
  background: linear-gradient(
    90deg,
    rgba(213, 169, 40, 0.18),
    rgba(213, 169, 40, 0.04)
  ) !important;
  border: 1px solid var(--sk-line) !important;
  color: var(--sk-text) !important;
}

button.btn.btn-light:hover {
  background: linear-gradient(
    90deg,
    rgba(213, 169, 40, 0.18),
    rgba(213, 169, 40, 0.04)
  ) !important;
  color: var(--sk-gold) !important;
}

.filtersec .form-control-select {
  width: 100%;
  max-width: 390px;
  display: flex;
  gap: 15px;
  margin-bottom: -60px;
  margin-top: 10px;
}

.card-hint,
.form-icon .icon {
  color: var(--sk-text);
}

.comamtdata .card {
  width: 100%;
  background: linear-gradient(
    145deg,
    rgba(24, 20, 11, 0.95),
    rgba(10, 10, 10, 0.95)
  ) !important;
  border: 1px solid var(--sk-line) !important;
  overflow: hidden;
  position: relative;
}

/* .comamtdata .card:after{
    content: "";
    position: absolute;
    inset: auto -25px -45px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(213, 169, 40, .15), transparent 68%);
} */

.comamtdata .nk-wg1-title {
  font-size: 11px;
  font-weight: 400;
  color: var(--sk-muted);
  letter-spacing: normal;
  text-transform: capitalize;
  margin: 0 0 5px 0;
}

.comamtdata .nk-wg1-amount .amount {
  font-size: 18px;
  font-weight: 600;
  color: var(--sk-text);
}

@media screen and (max-width: 1024.9px) {
  .comamtdata {
    flex-wrap: wrap;
  }

  .comamtdata .card {
    width: 48%;
    gap: 15px;
  }
}

@media screen and (max-width: 767.9px) {
  .row.padd-row.mainhomerow .nk-iv-wg2 {
    padding-left: 0px;
  }

  .row.padd-row.mainhomerow .nk-iv-wg2 .box-icon {
    position: inherit;
  }

  .row.padd-row.mainhomerow {
    padding-top: 0;
  }

  .padd-row .card h6 {
    font-size: 10px;
  }

  .padd-row .card .nk-iv-wg2-amount {
    font-size: 13px;
  }

  .quick-links .col-md-8 > .card-bordered {
    background: none !important;
    border: none !important;
  }

  .nk-block-title.page-title {
    font-size: 20px !important;
  }

  .pagination li a {
    border-radius: 5px !important;
    font-size: 11px;
    font-weight: 600;
    background: transparent;
    line-height: 26px;
    padding: 0 5px;
  }

  table.table tr td {
    font-size: 11px;
  }

  .filtersec .form-control-select {
    margin: 0px;
  }

  .filtersec .btn {
    min-width: 70px;
  }

  .card .table tr td:first-child,
  .card .table tr:first-child th:first-child,
  .card .table tr:last-child td:first-child {
    padding-left: 15px;
  }

  .comamtdata .card {
    width: 100%;
  }
}

.login-section .select2-container,
.login-section select.form-control,
.login-section .form-select {
  width: 100% !important;
  max-width: 100%;
}

@media screen and (max-width: 767.9px) {
  html,
  body.login-page,
  .login-section {
    background-color: #080807 !important;
  }
}

/* ---------- Dashboard stat-card title alignment ---------- */
.row.padd-row.mainhomerow .nk-iv-wg2-title .title {
  min-height: 2.4em;
  line-height: 1.2;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
}

/* ---------- Ticket status tabs ---------- */
.add-ticket {
  border-bottom: 1px solid var(--sk-line) !important;
}

.add-ticket .list-group-item {
  background: transparent !important;
  color: var(--sk-muted) !important;
  font-weight: 600;
}

.add-ticket .list-group-item:hover,
.add-ticket .list-group-item.active {
  background: transparent !important;
  color: var(--sk-gold) !important;
}

.add-ticket .list-group-item.active:after {
  background: var(--sk-gold) !important;
}

/* ===== Page-level styles (extracted from individual view files below) ===== */

/* ===== extracted from application/modules/client/views/account/profile_vw.php ===== */

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit {
  position: absolute !important;
  right: 50% !important;
  z-index: 1 !important;
  top: unset !important;
  bottom: -12px !important;
  transform: translateX(50%) !important;
}

.avatar-upload .avatar-edit input + label {
  display: flex;
  width: 26px;
  height: 26px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #0c71fe;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  align-items: center;
  justify-content: center;
}

.avatar-upload .avatar-edit input + label i {
  font-size: 14px;
  color: #ffffff;
}

.avatar-upload {
  position: relative;
}

.profile-ud em {
  font-size: 12px;
}

.label-intermediary.no-opacity {
  opacity: 1 !important;
}

.intermediary-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-left: 0;
  margin-top: 8px;
  margin-left: 10px;
}

.intermediary-checkbox-row .custom-control-label {
  padding-top: 1px;
  margin-bottom: 0;
  line-height: 1.7;
  font-size: 12px;
}

.processing-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(7, 7, 7, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.22s ease,
    visibility 0.22s ease;
  z-index: 99999;
}

.processing-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.processing-overlay-card {
  width: 100%;
  max-width: 360px;
  padding: 28px 26px 24px;
  border-radius: 18px;
  border: 1px solid rgba(213, 169, 40, 0.28);
  background: linear-gradient(
    180deg,
    rgba(20, 16, 9, 0.98),
    rgba(11, 9, 6, 0.98)
  );
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  text-align: center;
}

.processing-overlay-spinner {
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  border-radius: 50%;
  border: 3px solid rgba(213, 169, 40, 0.18);
  border-top-color: #d5a928;
  animation: processingOverlaySpin 0.8s linear infinite;
}

.processing-overlay-title {
  margin: 0 0 8px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.processing-overlay-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.6;
}

@keyframes processingOverlaySpin {
  to {
    transform: rotate(360deg);
  }
}

.nk-company-block .profile-ud-item img {
  width: 100%;
  max-width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top;
  margin: 5px 10px 10px 0;
}

.document-preview-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 5px 10px 10px 0;
  border-radius: 10px;
  border: 1px solid rgba(217, 170, 23, 0.45);
  background: rgba(217, 170, 23, 0.08);
  vertical-align: middle;
}

.pdf-preview-icon {
  background: linear-gradient(
    180deg,
    rgba(217, 48, 37, 0.16),
    rgba(217, 48, 37, 0.08)
  );
  border-color: rgba(217, 48, 37, 0.45);
}

.pdf-preview-text {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: #d93025;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

/* ===== extracted from application/modules/client/views/account/profile_vw_new.php ===== */

.a-photo-section {
  height: 100%;
  padding: 0px;
  background: white;
  border-radius: 16px;
  border: 1px solid #f0f0f0;
}

.a-section {
  padding: 25px 25px 10px 25px;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
}

.form-control-select:after {
  display: none;
  background: white;
  right: 1px !important;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: -10px;
  z-index: 1;
  top: 0px;
}

.avatar-upload .avatar-edit input + label {
  display: flex;
  width: 26px;
  height: 26px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #0c71fe;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  align-items: center;
  justify-content: center;
}

.avatar-upload .avatar-edit input + label i {
  font-size: 14px;
  color: #ffffff;
}

.avatar-upload {
  position: relative;
}

.profile-ud em {
  font-size: 12px;
}

.label-intermediary.no-opacity {
  opacity: 1 !important;
}

.nk-company-block .profile-ud-item img {
  width: 100%;
  max-width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: top;
  margin: 5px 10px 10px 0;
}

/* ===== extracted from application/modules/client/views/auth/create_demouser.php ===== */

.modal-open .modal.fade:not(.show) {
  opacity: 1;
}

.countrycode-outer .select2-container .select2-selection--single {
  height: 44px;
}

.pswd_info {
  position: absolute;
  width: 250px;
  padding: 11px;
  background: #fefefe;
  font-size: 0.875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  bottom: -95px;
}

.pswd_info h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
}

.pswd_info::before {
  content: "\25B2";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}

.pswd_info {
  display: none;
}

.invalid {
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
}

.valid {
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
}

.dropdown a.dropdown-indicator-caret {
  color: #fff;
}

.link-list-plain.sm a {
  padding: 3px 0;
}

.dropdown-menu-xxs {
  min-width: 87px;
  max-width: 87px;
  margin-left: -11px !important;
  left: 0px !important;
}

.signup-phone-field {
  margin-bottom: 16px;
}

.signup-phone-row {
  margin-left: -8px;
  margin-right: -8px;
}

.signup-phone-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.signup-phone-code .select2-container,
.signup-phone-code .select2-container .selection,
.signup-phone-code .select2-container .select2-selection--single,
.signup-phone-input .form-control {
  width: 100% !important;
}

.signup-phone-code .select2-container .select2-selection--single,
.signup-phone-input .form-control {
  height: 46px;
  min-height: 46px;
}

.signup-phone-code .select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  border-radius: 4px;
}

.signup-phone-code
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 28px;
  line-height: 44px;
}

.signup-phone-code
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.signup-phone-code
  .select2-container
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #cfa93a transparent transparent transparent !important;
  border-style: solid !important;
  border-width: 6px 5px 0 5px !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  position: static !important;
}

.signup-phone-input .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.custom-control {
  padding-left: 0px;
}

.custom-control-group li {
  min-width: 50%;
}

/**.dark-mode .custom-control-input:checked ~ .custom-control-label::before{
		width: 18px;
		height: 18px;
		transform: none;
		top: 0;
		left:0px;
	}**/
ul.custom-control-group.g-3.align-center {
  margin-top: 10px !important;
}

.custom-control {
  width: 100%;
}

.agree-terms {
  padding: 14px 0 0;
  font-weight: 600;
}

.signup-terms-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 6px;
}

.signup-terms-check input[type="checkbox"] {
  margin-top: 3px;
  flex: 0 0 auto;
}

.signup-terms-check label {
  margin: 0;
  line-height: 1.6;
}

.signup-terms-check a {
  color: #d6ae42;
}

.custom-checkbox .custom-control-label::after {
  content: "" !important;
  font-family: "Nioicon";
}

.form-control-wrap span.select2:last-child {
  /*display:none;*/
}

.custom-control-label {
  padding-top: 0px;
}

[type="checkbox"] + label {
  height: auto;
  line-height: 20px;
  margin-bottom: 10px;
}

/* ===== extracted from application/modules/client/views/auth/create_user.php ===== */

.modal-open .modal.fade:not(.show) {
  opacity: 1;
}

.applicationtype .select2-container .select2-selection--single {
  height: 44px;
}

.pswd_info {
  position: absolute;
  width: 250px;
  padding: 11px;
  background: #fefefe;
  font-size: 0.875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  bottom: -95px;
}

.pswd_info h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
}

.pswd_info::before {
  content: "\25B2";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}

.pswd_info {
  display: none !important;
}

.invalid {
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
}

.valid {
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
}

.togglePassword i {
  float: right;
  margin-right: 10px;
  margin-top: -26px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

#complete-application {
  text-transform: capitalize;
}

.label-intermediary.no-opacity {
  opacity: 1 !important;
}

.dropdown a.dropdown-indicator-caret {
  color: #fff;
}

.link-list-plain.sm a {
  padding: 3px 0;
}

.dropdown-menu-xxs {
  min-width: 87px;
  max-width: 87px;
  margin-left: -11px !important;
  left: 0px !important;
}

.signup-phone-field {
  margin-bottom: 16px;
}

.signup-phone-row {
  margin-left: -8px;
  margin-right: -8px;
}

.signup-phone-row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.signup-phone-code .select2-container,
.signup-phone-code .select2-container .selection,
.signup-phone-code .select2-container .select2-selection--single,
.signup-phone-input .form-control {
  width: 100% !important;
}

.signup-phone-code .select2-container .select2-selection--single,
.signup-phone-input .form-control {
  height: 56px;
  min-height: 56px;
}

.signup-phone-code .select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  border-radius: 14px !important;
}

.signup-phone-code
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 28px;
  line-height: 54px;
}

.signup-phone-input .form-control {
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
}

.custom-control {
  padding-left: 0px;
}

.custom-control-group li {
  min-width: 50%;
}

ul.custom-control-group.g-3.align-center {
  margin-top: 10px !important;
}

.custom-control {
  width: 100%;
}

.custom-checkbox .custom-control-label::after {
  content: "" !important;
  font-family: "Nioicon";
}

.form-control-wrap span.select2:last-child {
}

.custom-control-label {
  padding-top: 0px;
}

[type="checkbox"] + label {
  height: auto;
  line-height: 20px;
  margin-bottom: 10px;
}

/* ===== extracted from application/modules/client/views/auth/create_user_old.php ===== */

.dropdown a.dropdown-indicator-caret {
  color: #fff;
}

.link-list-plain.sm a {
  padding: 3px 0;
}

.dropdown-menu-xxs {
  min-width: 87px;
  max-width: 87px;
  margin-left: -11px !important;
  left: 0px !important;
}

.custom-control {
  padding-left: 0px;
}

.custom-control-group li {
  min-width: 50%;
}

/**.dark-mode .custom-control-input:checked ~ .custom-control-label::before{
		width: 18px;
		height: 18px;
		transform: none;
		top: 0;
		left:0px;
	}**/
ul.custom-control-group.g-3.align-center {
  margin-top: 10px !important;
}

.custom-control {
  width: 100%;
}

.custom-checkbox .custom-control-label::after {
  content: "" !important;
  font-family: "Nioicon";
}

.form-control-wrap span.select2:last-child {
  /*display:none;*/
}

.custom-control-label {
  padding-top: 0px;
}

[type="checkbox"] + label {
  height: auto;
  line-height: 20px;
  margin-bottom: 10px;
}

/* ===== extracted from application/modules/client/views/auth/login.php ===== */

.login-terms {
  padding-top: 10px;
  border-top: 1px solid #384d69;
}

/* ===== extracted from application/modules/client/views/auth/register.php ===== */

.dropdown a.dropdown-indicator-caret {
  color: #fff;
}

.link-list-plain.sm a {
  padding: 3px 0;
}

.dropdown-menu-xxs {
  min-width: 87px;
  max-width: 87px;
  margin-left: -11px !important;
  left: 0px !important;
}

.custom-control {
  padding-left: 0px;
}

.custom-control-group li {
  min-width: 50%;
}

.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  width: 18px;
  height: 18px;
  transform: none;
  top: 0;
  left: 0px;
}

ul.custom-control-group.g-3.align-center {
  margin-top: 10px !important;
}

.custom-control {
  width: 100%;
}

.custom-checkbox .custom-control-label::after {
  content: "";
}

.form-control-wrap span.select2:last-child {
  /*display:none;*/
}

@media (max-width: 767.98px) {
  .signup-phone-code,
  .signup-phone-input {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .signup-phone-input {
    margin-top: 12px;
  }
}

/* ===== extracted from application/modules/client/views/footer_vw.php ===== */

/* ===== extracted from application/modules/client/views/fundmanager/follow_vw.php ===== */

.strategy-follow-page {
  position: relative;
  padding-bottom: 24px;
}

.strategy-follow-page::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: min(860px, 95%);
  height: 280px;
  background: radial-gradient(
    60% 120% at 50% -30%,
    rgba(0, 0, 0, 0) 70%,
    #d5a928 130%,
    #ffffff91 180%
  );
  border-radius: 20px;
  pointer-events: none;
}

.strategy-follow-hero {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto 16px;
}

.strategy-follow-kicker {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(213, 169, 40, 0.15);
  border: 1px solid var(--sk-gold, #d5a928);
  color: var(--sk-gold-bright, #ffd85d);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.strategy-follow-subtitle {
  max-width: 540px;
  margin: 8px auto 0;
  color: var(--sk-muted, #64748b);
  font-size: 14px;
  line-height: 1.6;
}

.strategy-follow-shell {
  position: relative;
  z-index: 1;
  border: 1px solid var(--sk-line, #e5e9f2);
  border-radius: 20px;
  background: var(--sk-panel-2, #ffffff);
  box-shadow: var(--sk-shadow, 0 10px 30px rgba(0, 0, 0, 0.15));
}

.strategy-follow-shell-inner {
  padding: 24px;
}

.strategy-summary-card {
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.14) 0%,
    rgba(20, 17, 10, 0.98) 55%,
    rgba(8, 8, 8, 0.98) 100%
  );
  border: 1px solid var(--sk-line, rgba(213, 169, 40, 0.25));
  color: var(--sk-text, #fff);
  box-shadow: var(--sk-shadow, 0 8px 24px rgba(0, 0, 0, 0.25));
}

.strategy-summary-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.strategy-summary-label,
.strategy-summary-item-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  color: var(--sk-muted, #bcbcbc);
}

.strategy-summary-title {
  margin: 4px 0 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--sk-text, #fff);
  word-break: break-word;
}

.strategy-follow-page .strategy-profit-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(213, 169, 40, 0.18);
  border: 1px solid var(--sk-gold, #d5a928);
  color: var(--sk-gold-bright, #ffd85d);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.strategy-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.strategy-summary-item {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(18, 16, 11, 0.6);
  border: 1px solid var(--sk-line, rgba(255, 255, 255, 0.08));
}

.strategy-summary-item strong {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 600;
  color: var(--sk-text, #fff);
}

.strategy-form-group .form-label {
  font-weight: 600;
  color: var(--sk-text, #334155);
  margin-bottom: 6px;
  font-size: 13px;
}

.strategy-input {
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid var(--sk-line, #cbd5e1);
  background: var(--sk-panel, #fff);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  color: var(--sk-text, #0f172a);
  padding-left: 14px;
  padding-right: 14px;
}

.strategy-input:focus {
  border-color: var(--sk-gold, #d5a928);
  box-shadow: 0 0 0 3px rgba(213, 169, 40, 0.2);
}

.strategy-auto-account-note {
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid var(--sk-line, #e2e8f0);
  border-radius: 12px;
  background: var(--sk-panel, #f8fafc);
}

.strategy-auto-account-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--sk-muted, #64748b);
}

.strategy-password-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.strategy-submit-btn {
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright, #ffd85d) 0%,
    var(--sk-gold, #d5a928) 100%
  );
  box-shadow: 0 4px 14px rgba(213, 169, 40, 0.35);
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
  color: #171004;
}

.strategy-submit-btn:hover,
.strategy-submit-btn:focus {
  background: linear-gradient(
    135deg,
    #ffe387 0%,
    var(--sk-gold-bright, #ffd85d) 100%
  );
  box-shadow: 0 6px 18px rgba(213, 169, 40, 0.45);
  color: #171004;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .strategy-follow-page::before {
    width: calc(100% - 0px);
    height: 280px;
    top: 6px;
    border-radius: 24px;
  }

  .strategy-follow-subtitle {
    font-size: 12px;
    max-width: 80%;
  }

  .strategy-follow-shell-inner {
    padding: 16px;
  }

  .strategy-summary-top {
    flex-direction: column;
  }

  .strategy-summary-title {
    font-size: 24px;
  }

  .strategy-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== extracted from application/modules/client/views/fundmanager/investments_vw.php ===== */

.investments-page {
  padding-top: 42px;
  padding-bottom: 24px;
}

.investments-hero {
  position: relative;
  z-index: 1;
  padding-top: 10px;
  margin-bottom: 24px;
}

.investments-kicker {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(225, 68, 78, 0.08);
  color: #c53030;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 12px;
  margin-top: 8px;
  box-shadow: 0 10px 24px rgba(225, 68, 78, 0.12);
}

.investments-subtitle {
  max-width: 620px;
  margin: 10px 0 0;
  color: var(--sk-muted);
  font-size: 15px;
  line-height: 1.7;
}

.investments-summary-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 20px;
}

.investments-summary-chip {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 20px;
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  );
  border: 1px solid var(--sk-line);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25);
  min-width: 220px;
}

.investments-summary-chip-label {
  display: block;
  color: var(--sk-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 4px;
}

.investments-summary-chip-value {
  display: block;
  color: var(--sk-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.investment-empty-card,
.investment-table-card {
  position: relative;
  z-index: 1;
  border: 1px solid var(--sk-line);
  border-radius: var(--sk-radius) !important;
  margin-top: 20px;
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  );
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.investment-empty-card .card-inner {
  padding: 56px 30px;
  text-align: center;
}

.investment-empty-title {
  margin-bottom: 10px;
  color: var(--sk-text);
  font-size: 24px;
  font-weight: 600;
}

.investment-empty-text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: var(--sk-muted);
  line-height: 1.7;
}

.investment-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--sk-line);
}

.investment-table-title {
  margin: 0;
  color: var(--sk-text);
  font-size: 22px;
  font-weight: 600;
}

.investment-table-subtitle {
  margin: 8px 0 0;
  color: var(--sk-muted);
  font-size: 14px;
}

.investment-table-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #222;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.investment-table-card .card-inner {
  padding: 18px 24px 24px;
}

.investment-table-card .table {
  margin-bottom: 0;
}

.investment-table-card .table thead th,
.investment-table-card .table tfoot th {
  border-top: 0;
  border-bottom: 1px solid var(--sk-line);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  padding-top: 16px;
  padding-bottom: 16px;
}

.investment-table-card .table tbody td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-color: var(--sk-line);
  vertical-align: middle;
  color: var(--sk-text);
  font-weight: 600;
}

.investment-table-card .dataTables_filter input,
.investment-table-card .dataTables_length select {
  border-radius: 999px !important;
  border: 1px solid var(--sk-line) !important;
  min-height: 42px;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--sk-text) !important;
}

.investment-table-card .paginate_button a,
.investment-table-card .paginate_button span {
  border-radius: 999px !important;
}

.investment-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.investment-status-active {
  background: rgba(18, 183, 106, 0.12);
  color: #027a48;
}

.investment-status-pending {
  background: rgba(245, 158, 11, 0.14);
  color: #b54708;
}

.investment-status-inactive {
  background: rgba(240, 68, 56, 0.12);
  color: #b42318;
}

.investment-status-default {
  background: rgba(15, 23, 42, 0.08);
  color: #344054;
}

.investment-action-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.investment-action-btn {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

.investment-action-btn i {
  font-size: 16px;
}

.investment-action-view {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.18);
  color: #2563eb;
}

.investment-action-view:hover,
.investment-action-view:focus {
  background: rgba(59, 130, 246, 0.16);
  color: #1d4ed8;
}

.investment-action-connect {
  background: rgba(225, 68, 78, 0.1);
  border-color: rgba(225, 68, 78, 0.18);
  color: #c53030;
}

.investment-action-connect:hover,
.investment-action-connect:focus {
  background: rgba(225, 68, 78, 0.16);
  color: #9f1239;
}

.investment-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-top: 6px;
}

.investment-type-social {
  background: rgba(59, 130, 246, 0.1);
  color: #1d4ed8;
}

.investment-type-copy {
  background: rgba(225, 68, 78, 0.1);
  color: #c53030;
}

.investment-action-unfollow {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.18);
  color: #dc2626;
}

.investment-action-unfollow:hover,
.investment-action-unfollow:focus {
  background: rgba(239, 68, 68, 0.16);
  color: #b91c1c;
}

.investment-action-na {
  color: #98a2b3;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: normal;
}

@media (max-width: 767px) {
  .investments-summary-chip-value,
  .investment-table-title {
    font-size: 18px;
  }

  .investment-table-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .investment-table-card .card-inner {
    padding: 16px;
  }

  .investments-summary-chip {
    width: 100%;
    min-width: 0;
  }
}

/* ===== extracted from application/modules/client/views/fundmanager/paam_shared_styles_vw.php ===== */

.paam-client-page {
  --pc-ink: var(--sk-text);
  --pc-muted: var(--sk-muted);
  --pc-line: var(--sk-line);
  --pc-gold: var(--sk-gold-bright);
  --pc-teal: var(--sk-green);
  --pc-bg: #0a0a0a;
  padding-top: 34px;
  padding-bottom: 24px;
}

.paam-client-page .paam-hero,
.paam-client-page .paam-panel,
.paam-client-page .paam-table-panel {
  border: 1px solid rgba(212, 160, 23, 0.22) !important;
  border-radius: var(--sk-radius) !important;
  box-shadow:
    0 16px 36px -8px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.paam-client-page .paam-hero {
  position: relative;
  overflow: hidden;
  padding: 32px 30px;
  margin-bottom: 24px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  ) !important;
  border: 1px solid var(--sk-line);
}

.paam-client-page .paam-hero h3,
.paam-client-page .paam-panel-title {
  color: #ffffff;
}

.paam-client-page .paam-hero h3 {
  margin: 16px 0 10px;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, #ffffff 0%, #d4d4d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.paam-client-page .paam-muted,
.paam-client-page .paam-hero p {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.paam-client-page .paam-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.paam-client-page .paam-stat-card,
.paam-client-page .paam-list-card {
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.paam-client-page .paam-stat-card:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 160, 23, 0.35);
  box-shadow:
    0 12px 28px -6px rgba(0, 0, 0, 0.5),
    0 0 15px rgba(212, 160, 23, 0.12);
}

.paam-client-page .paam-stat-card.dark {
  border-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #f3ba2f 0%, #d49f17 50%, #9a7008 100%);
  box-shadow: 0 10px 26px -4px rgba(212, 160, 23, 0.35);
}

.paam-client-page .paam-stat-card.dark .paam-stat-label,
.paam-client-page .paam-stat-card.dark .paam-stat-value,
.paam-client-page .paam-stat-card.dark p {
  color: #120c02;
}

.paam-client-page .paam-stat-label {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.paam-client-page .paam-stat-value {
  display: block;
  font-size: 1.9rem;
  font-weight: 700;
  color: #ffffff;
  margin: 10px 0 6px;
}

.paam-client-page .paam-panel,
.paam-client-page .paam-table-panel {
  padding: 24px;
  margin-bottom: 24px;
}

.paam-client-page .paam-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.paam-client-page .paam-panel-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
}

.paam-client-page .paam-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.paam-client-page .form-group label {
  font-weight: 600;
  color: var(--pc-ink);
  cursor: auto;
}

.paam-client-page .form-control {
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid var(--sk-line);
  box-shadow: none;
}

.paam-client-page textarea.form-control {
  min-height: 130px;
  padding-top: 12px;
}

.paam-client-page .paam-empty {
  padding: 18px;
  border-radius: 18px;
  background: rgba(213, 169, 40, 0.08);
  border: 1px dashed var(--sk-line);
  color: var(--sk-gold-bright);
}

/* PAAM Detail Cards Section Redesign */
.paam-client-page .paam-detail-section {
  padding: 24px;
}

.paam-client-page .paam-detail-section-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--pc-ink);
  margin: 0 0 18px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.paam-client-page .paam-simple-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.paam-client-page .paam-simple-card {
  margin-bottom: 0;
}

.paam-client-page .paam-simple-card .card-icon-container img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.paam-client-page .paam-value-positive {
  color: #22d787 !important;
}

.paam-client-page .paam-value-negative {
  color: #ff4d56 !important;
}

/* PAAM Detail Header Redesign */
.paam-client-page .paam-detail-header {
  padding: 24px;
  background:
    radial-gradient(
      circle at top right,
      rgba(213, 169, 40, 0.08),
      transparent 40%
    ),
    linear-gradient(145deg, rgba(18, 16, 11, 0.98), rgba(8, 8, 8, 0.96));
  border: 1px solid var(--sk-line);
  border-radius: 16px;
  margin-bottom: 24px;
}

.paam-client-page .paam-detail-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

.paam-client-page .paam-detail-info {
  flex: 1;
  min-width: 280px;
}

.paam-client-page .paam-detail-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.paam-client-page .paam-pool-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
}

.paam-client-page .paam-pool-description {
  color: var(--sk-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 16px;
}

.paam-client-page .paam-pool-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.paam-client-page .paam-pool-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 0.8rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
}

.paam-client-page .paam-pool-chip strong {
  color: var(--sk-gold-bright, #d5a928);
  margin-left: 4px;
}

.paam-client-page .paam-detail-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.paam-client-page .paam-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 820px;
}

.paam-client-page .paam-table thead th {
  background: transparent;
  color: var(--sk-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  padding: 14px 12px;
  border-bottom: 1px solid var(--pc-line);
}

.paam-client-page .paam-table tbody td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(213, 169, 40, 0.1);
  color: var(--sk-text);
  vertical-align: top;
}

.paam-client-page .paam-table tbody tr:hover {
  background: rgba(213, 169, 40, 0.06);
}

.paam-client-page .paam-table .paam-col-program {
  width: 26%;
}

.paam-client-page .paam-name {
  font-weight: 600;
  color: var(--pc-ink);
}

.paam-client-page .paam-subtext {
  display: block;
  margin-top: 0;
  font-size: 12px;
  color: var(--sk-muted);
}

.paam-client-page .paam-col-program .paam-subtext {
  max-width: 480px;
  white-space: normal;
  word-break: break-word;
}

.paam-client-page .paam-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: normal;
}

.paam-client-page .paam-badge.pending,
.paam-client-page .paam-badge.processing {
  background: rgba(213, 169, 40, 0.14);
  color: var(--sk-gold-bright);
}

.paam-client-page .paam-badge.approved,
.paam-client-page .paam-badge.active,
.paam-client-page .paam-badge.published,
.paam-client-page .paam-badge.distributed,
.paam-client-page .paam-badge.processed {
  background: rgba(34, 215, 135, 0.14);
  color: var(--sk-green);
}

.paam-client-page .paam-badge.queued,
.paam-client-page .paam-badge.account_created,
.paam-client-page .paam-badge.pool_created,
.paam-client-page .paam-badge.pending_funding,
.paam-client-page .paam-badge.draft,
.paam-client-page .paam-badge.funded {
  background: rgba(255, 255, 255, 0.08);
  color: var(--sk-text);
}

.paam-client-page .paam-badge.failed,
.paam-client-page .paam-badge.account_create_failed,
.paam-client-page .paam-badge.collateral_funding_failed,
.paam-client-page .paam-badge.manager_setup_failed,
.paam-client-page .paam-badge.closed {
  background: rgba(255, 77, 86, 0.14);
  color: var(--sk-red);
}

.paam-client-page .paam-badge.paused,
.paam-client-page .paam-badge.unknown {
  background: rgba(255, 255, 255, 0.06);
  color: var(--sk-muted);
}

.paam-client-page .paam-program-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.9fr);
  gap: 18px;
  align-items: stretch;
}

.paam-client-page .paam-program-intro,
.paam-client-page .paam-program-aside,
.paam-client-page .paam-program-card {
  border: 1px solid var(--sk-line) !important;
  border-radius: var(--sk-radius) !important;
  box-shadow: var(--sk-shadow);
}

.paam-client-page .paam-program-intro {
  padding: 24px;
  background:
    radial-gradient(
      circle at top left,
      rgba(34, 215, 135, 0.1),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(24, 20, 11, 0.95) 0%,
      rgba(10, 10, 10, 0.95) 100%
    );
}

.paam-client-page .paam-program-title {
  margin: 14px 0 8px;
  color: var(--pc-ink);
  font-size: 2rem;
  line-height: 1.05;
}

.paam-client-page .paam-program-lead {
  max-width: 720px;
  color: var(--pc-muted);
  line-height: 1.8;
  margin-bottom: 0;
}

.paam-client-page .paam-program-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.paam-client-page .paam-program-metric {
  padding: 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--sk-line);
}

.paam-client-page .paam-program-metric.featured {
  background: linear-gradient(135deg, var(--sk-gold-bright) 0%, #7d5700 100%);
  border-color: transparent;
}

.paam-client-page .paam-program-metric-label {
  display: block;
  color: var(--sk-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
}

.paam-client-page .paam-program-metric.featured .paam-program-metric-label,
.paam-client-page .paam-program-metric.featured .paam-program-metric-value,
.paam-client-page .paam-program-metric.featured .paam-program-metric-note {
  color: #171004;
}

.paam-client-page .paam-program-metric-value {
  display: block;
  margin-top: 10px;
  color: var(--pc-ink);
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 1;
}

.paam-client-page .paam-program-metric-note {
  margin: 10px 0 0;
  color: var(--pc-muted);
  line-height: 1.6;
}

.paam-client-page .paam-program-aside {
  padding: 22px;
  background:
    radial-gradient(
      circle at bottom right,
      rgba(213, 169, 40, 0.14),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(24, 20, 11, 0.95) 0%,
      rgba(10, 10, 10, 0.95) 100%
    );
}

.paam-client-page .paam-program-aside-title {
  margin: 0 0 10px;
  color: var(--pc-ink);
  font-size: 1.1rem;
  font-weight: 600;
}

.paam-client-page .paam-program-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.paam-client-page .paam-program-checklist li {
  position: relative;
  padding-left: 18px;
  color: var(--sk-muted);
  line-height: 1.7;
}

.paam-client-page .paam-program-checklist li + li {
  margin-top: 10px;
}

.paam-client-page .paam-program-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pc-gold) 0%, var(--sk-gold) 100%);
}

.paam-client-page .paam-program-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.paam-client-page .paam-program-card {
  padding: 22px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.paam-client-page .paam-program-card::after {
  content: "";
  position: absolute;
  inset: auto -50px -50px auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(213, 169, 40, 0.1) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.paam-client-page .paam-program-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.paam-client-page .paam-program-card-head .badge {
  position: absolute;
  top: 0;
  right: 0;
}

.paam-client-page .paam-program-card-title {
  margin: 0 !important;
  color: var(--pc-ink);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

.paam-client-page .paam-program-card-copy {
  position: relative;
  z-index: 1;
}

.paam-client-page .paam-program-description {
  margin: 0 0 18px;
  color: var(--sk-muted);
  line-height: 1.75;
  font-size: 12px;
}

.paam-client-page .paam-program-manager {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 18px;
  border: 1px solid var(--sk-line);
  margin-bottom: 18px;
}

.paam-client-page .paam-program-manager-badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--sk-gold-bright) 0%, #7d5700 100%);
  color: #171004;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  flex: 0 0 auto;
  letter-spacing: normal;
}

.paam-client-page .paam-program-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.paam-client-page .paam-program-meta-card {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--sk-line);
}

.paam-client-page .paam-program-meta-label {
  display: block;
  color: var(--sk-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: capitalize;
}

.paam-client-page .paam-program-meta-value {
  display: block;
  margin-top: 2px;
  color: var(--pc-ink);
  font-size: 1rem;
  font-weight: 600;
}

.paam-client-page .paam-program-card .btn {
  min-width: 150px;
  position: relative;
  z-index: 1;
}

.paam-client-page .paam-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 16px;
  align-items: center;
}

.paam-client-page .paam-inline-meta .paam-badge {
  margin-right: 0;
  margin-bottom: 0;
  padding: 8px 14px;
  line-height: 1;
}

@media (max-width: 991px) {
  .paam-client-page .paam-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .paam-client-page .paam-program-shell {
    grid-template-columns: 1fr;
  }

  .paam-client-page .paam-program-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .paam-client-page .paam-stat-grid,
  .paam-client-page .paam-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .paam-client-page .paam-program-grid {
    grid-template-columns: 1fr;
  }

  .paam-client-page .paam-hero,
  .paam-client-page .paam-panel,
  .paam-client-page .paam-table-panel {
    padding: 16px;
    border-radius: 20px;
  }

  .paam-client-page .paam-hero h3 {
    font-size: 1.55rem;
  }

  .paam-client-page .paam-stat-grid,
  .paam-client-page .paam-form-grid {
    grid-template-columns: 1fr;
  }

  .paam-client-page .paam-program-intro,
  .paam-client-page .paam-program-aside,
  .paam-client-page .paam-program-card {
    padding: 18px;
    border-radius: 20px;
  }

  .paam-client-page .paam-program-title {
    font-size: 1.7rem;
  }

  .paam-client-page .paam-program-metrics,
  .paam-client-page .paam-program-meta-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== extracted from application/modules/client/views/fundmanager/request_vw.php ===== */

.fundmanager-page {
  padding-top: 34px;
  padding-bottom: 24px;
  background: radial-gradient(
    circle at top right,
    rgba(213, 169, 40, 0.12),
    transparent 28%
  );
}

.fundmanager-kicker {
  display: inline-flex;
  align-items: center;
  color: var(--sk-gold-bright) !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 14px;
}

.fundmanager-hero-card,
.fundmanager-shell {
  border: 1px solid var(--sk-line);
  border-radius: var(--sk-radius) !important;
  background: linear-gradient(
    145deg,
    rgba(20, 17, 10, 0.95),
    rgba(10, 10, 10, 0.95)
  );
  box-shadow: var(--sk-shadow);
  padding: 24px 26px;
}

.fundmanager-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
  gap: 18px;
  padding: 24px 26px;
  margin-bottom: 20px;
}

.fundmanager-hero-copy h3 {
  margin: 0;
  color: var(--sk-text);
  font-size: 34px;
  font-weight: 600;
}

.fundmanager-subtitle {
  max-width: 720px;
  margin: 12px 0 0;
  color: var(--sk-muted);
  font-size: 15px;
  line-height: 1.7;
}

.fundmanager-hero-pills {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
}

.fundmanager-hero-pill {
  display: inline-flex;
  align-items: center;
  color: white;
  font-size: 14px;
  font-weight: 600;
}

.fundmanager-hero-pill em {
  color: #d5a928 !important;
}

.fundmanager-hero-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-self: center;
}

.fundmanager-stat-card {
  padding: 18px;
  border-radius: var(--sk-radius) !important;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--sk-line);
}

.fundmanager-stat-card.dark .fundmanager-stat-label,
.fundmanager-stat-card.dark p {
  color: #000;
}

.fundmanager-stat-card.dark {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  border-color: transparent;
  box-shadow: none;
  background-repeat: no-repeat;
}

.fundmanager-stat-label {
  display: block;
  margin-bottom: 10px;
  color: #d5a928;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
}

.fundmanager-stat-value {
  display: block;
  color: var(--sk-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.05;
}

.fundmanager-stat-card.dark .fundmanager-stat-value {
  color: #000;
}

.fundmanager-stat-card p {
  margin: 10px 0 0;
  color: var(--sk-muted);
  font-size: 12px;
  line-height: 1.3;
}

.fundmanager-shell .card-inner {
  padding: 24px;
}

.fundmanager-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
  gap: 20px;
  align-items: start;
}

.fundmanager-section:not(:last-child) {
  /* padding: 22px;
  border: 1px solid var(--sk-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.02); */
}

.fundmanager-section-title {
  margin: 0 0 12px;
  color: var(--sk-text);
  font-size: 20px;
  font-weight: 600;
}

.fundmanager-section-kicker {
  display: block;
  margin-bottom: 6px;
  color: #d5a928;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
}

.fundmanager-section-subtitle {
  margin: 0 0 20px;
  color: var(--sk-muted);
  font-size: 14px;
  line-height: 1.6;
}

.fundmanager-primary-section {
  padding-bottom: 18px;
}

.fundmanager-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

.fundmanager-form-row .form-group,
.fundmanager-stack .form-group {
  margin-bottom: 0;
}

.fundmanager-form-row .fundmanager-field-span {
  grid-column: 1 / -1;
}

.fundmanager-side-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 24px;
}

.fundmanager-summary-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
}

.fundmanager-summary-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.fundmanager-summary-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  /* padding: 14px 16px; */
  /* border-radius: 18px; */
  /* background: rgba(255, 255, 255, 0.04); */
  /* border: 1px solid var(--sk-line); */
}

.fundmanager-summary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #d5a9282e;
  color: #d5a928;
  font-size: 16px;
  font-weight: 600;
  flex: 0 0 auto;
}

.fundmanager-summary-item span {
  display: block;
  color: var(--sk-muted);
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: normal;
  margin-bottom: 0px;
}

.fundmanager-summary-item strong {
  display: block;
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
}

.fundmanager-password-note {
  margin-top: 16px;
  color: var(--sk-muted);
  font-size: 12px;
  line-height: 1.3;
}

.fundmanager-shell .form-group {
  margin-bottom: 18px;
}

.fundmanager-shell .form-label {
  font-weight: 600;
  color: var(--sk-text);
  margin-bottom: 8px;
  font-size: 13px;
}

.fundmanager-shell .form-control {
  min-height: 52px;
  /* border-radius: 18px; */
  border: 1px solid var(--sk-line);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
  font-size: 15px;
  color: var(--sk-text);
  padding-left: 18px;
  padding-right: 18px;
}

.fundmanager-shell textarea.form-control {
  min-height: 148px;
  padding-top: 16px;
  padding-bottom: 16px;
  resize: vertical;
}

.fundmanager-shell .form-control:focus {
  border-color: var(--sk-gold);
  box-shadow: 0 0 0 4px rgba(213, 169, 40, 0.15);
}

.fundmanager-shell .err {
  display: block;
  margin-top: 6px;
  color: var(--sk-red);
  font-size: 12px;
  font-weight: 600;
}

.fundmanager-collateral-note {
  display: none;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 107, 107, 0.08);
  color: var(--sk-red);
  font-size: 13px;
  font-weight: 600;
}

.fundmanager-checkbox-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  /* padding: 16px 18px; */
  /* border-radius: 18px; */
  /* background: rgba(255, 255, 255, 0.04); */
  /* border: 1px solid var(--sk-line); */
}

.fundmanager-checkbox-card input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
}

.fundmanager-checkbox-text {
  color: var(--sk-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.fundmanager-submit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding: 18px 0 4px;
  border-top: 1px solid var(--sk-line);
}

.fundmanager-submit-help {
  color: var(--sk-muted);
  font-size: 13px;
  line-height: 1.6;
  max-width: 500px;
}

/* .fundmanager-submit-btn {
  min-width: 220px;
  min-height: 56px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #0f172a, #111827 58%, #e1444e 170%);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.16);
  font-size: 15px;
  font-weight: 600;
}

.fundmanager-submit-btn:hover,
.fundmanager-submit-btn:focus {
  background: linear-gradient(135deg, #111827, #101828 58%, #d92d20 170%);
} */

.password-toggle-wrap {
  position: relative;
}

.password-toggle-wrap .form-control {
  padding-right: 82px;
}

.password-toggle-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  line-height: 1;
}

@media (max-width: 991px) {
  .fundmanager-hero-card,
  .fundmanager-form-grid {
    grid-template-columns: 1fr;
  }

  .fundmanager-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fundmanager-side-panel {
    position: static;
  }
}

@media (max-width: 767px) {
  .fundmanager-page {
    padding-top: 20px;
  }

  .fundmanager-hero-card,
  .fundmanager-shell {
    border-radius: 5px;
    padding: 15px;
  }

  /* .fundmanager-section {
    padding: 15px;
    border-radius: 12px;
  } */

  .fundmanager-hero-card,
  .fundmanager-shell .card-inner {
    padding: 16px;
  }

  .fundmanager-hero-copy h3 {
    font-size: 28px;
  }

  .fundmanager-hero-stats,
  .fundmanager-form-row,
  .fundmanager-summary-row {
    grid-template-columns: 1fr;
  }

  .fundmanager-submit-row {
    flex-direction: column;
    align-items: stretch;
  }

  .fundmanager-submit-btn {
    width: 100%;
  }
}

/* ===== extracted from application/modules/client/views/fundmanager/strategies_list_vw.php ===== */

.strategies-page {
  position: relative;
  padding-top: 34px;
  padding-bottom: 24px;
}

.strategies-page::before {
  content: "";
  position: absolute;
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1280px, 96%);
  height: 260px;
  border-radius: 36px;
  pointer-events: none;
}

.strategies-hero {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  padding-top: 10px;
  margin-bottom: 26px;
}

.strategies-hero h3 {
  margin-bottom: 10px;
}

.strategies-subtitle {
  max-width: 620px;
  margin: 0;
  color: var(--sk-muted);
  line-height: 1.7;
}

.strategies-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.strategies-search-wrap {
  position: relative;
  min-width: 320px;
}

/* .strategies-search-wrap .form-control {
  min-height: 54px;
  border-radius: 999px;
  padding-left: 22px;
  padding-right: 52px;
  border: 1px solid #e3e8f2;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
} */

.strategies-search-wrap .form-icon {
  right: 18px;
  left: auto;
  color: var(--sk-muted);
}

.strategy-card-col {
  display: flex;
  min-width: 0;
}

.strategy-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.strategy-card {
  width: 100%;
  border: 1px solid var(--sk-line);
  border-radius: 24px;
  background: linear-gradient(
    145deg,
    rgba(24, 20, 11, 0.95),
    rgba(10, 10, 10, 0.95)
  );
  box-shadow: var(--sk-shadow);
  overflow: hidden;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.strategy-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 28px 56px rgba(0, 0, 0, 0.45);
}

.strategy-card-top {
  position: relative;
  padding: 0;
  background: transparent;
  color: var(--sk-text);
}

.strategy-row-shell {
  display: block;
  min-height: 100%;
}

.strategy-provider {
  display: contents;
  margin-bottom: 0;
  padding: 0;
}

.strategy-provider-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 100%;
}

.strategy-identity-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 18px;
  background: radial-gradient(
    90% 160% at 50% -20%,
    rgba(0, 0, 0, 0) 40%,
    #d5a9284f 80%,
    #ffffff91 120%
  );
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.strategy-content-panel {
  padding: 24px;
  background: linear-gradient(
    180deg,
    rgba(18, 16, 11, 0.96),
    rgba(8, 8, 8, 0.98)
  );
  min-width: 0;
}

.strategies-page .strategy-provider-avatar,
.strategies-page .strategy-provider-fallback {
  width: 63px;
  height: 63px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 63px;
}

.strategies-page .strategy-provider-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: normal;
}

.strategies-page .strategy-provider-fallback.is-hidden {
  display: none;
}

.strategy-identity-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.strategy-header-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
  padding-top: 2px;
}

.strategy-header-copy {
  min-width: 0;
  width: 100%;
}

.strategy-card-title {
  margin: 0 0 6px;
  color: var(--sk-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.02;
  word-break: break-word;
}

.strategy-provider-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

.strategy-identity-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.strategies-page .strategy-profit-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 7px 12px;
  border-radius: 999px;
  background: #bf911f33;
  border: 1px solid #bf911f33;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.strategy-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.86);
  font-size: 11px;
  font-weight: 600;
}

.strategy-card-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.strategy-card-actions .btn {
  border-radius: 14px;
  min-height: 48px;
  height: 48px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
}

.strategy-card-actions .btn.btn-block {
  width: 100%;
}

.strategy-card-actions .btn-success {
  background: linear-gradient(135deg, #e1444e, #b42318);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
}

.strategy-card-actions .btn-view {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
}

.strategy-card-actions .btn-view:hover,
.strategy-card-actions .btn-view:focus {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.strategy-content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.strategy-content-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.strategy-roi-spotlight {
  min-width: 190px;
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(255, 77, 86, 0.14),
    rgba(10, 10, 10, 0.9)
  );
  border: 1px solid rgba(255, 77, 86, 0.25);
  box-shadow: none;
}

.strategy-roi-spotlight.is-positive {
  background: linear-gradient(
    135deg,
    rgba(34, 215, 135, 0.14),
    rgba(10, 10, 10, 0.9)
  );
  border-color: rgba(34, 215, 135, 0.25);
}

.strategy-roi-spotlight.is-neutral {
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.1),
    rgba(10, 10, 10, 0.9)
  );
  border-color: var(--sk-line);
}

.strategy-roi-spotlight span {
  display: block;
  color: var(--sk-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.strategy-roi-spotlight strong {
  display: block;
  color: var(--sk-red);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.strategy-roi-spotlight.is-positive strong {
  color: var(--sk-green);
}

.strategy-roi-spotlight.is-neutral strong {
  color: var(--sk-text);
}

.strategy-card-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
}

.strategy-card-description {
  min-height: 0;
  margin: 0;
  color: var(--sk-muted);
  line-height: 1.6;
  font-size: 13px;
  max-width: 680px;
}

.strategy-metric {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px;
  padding: 11px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--sk-line);
  box-shadow: none;
}

.strategy-metric.is-emphasis {
  background: linear-gradient(
    180deg,
    rgb(255 241 77 / 8%) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  border-color: rgb(255 239 77 / 20%);
}

.strategy-metric-label {
  display: inline-flex;
  margin-bottom: 0;
  color: var(--sk-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: normal;
  white-space: nowrap;
}

.strategy-metric-label::after {
  content: ":";
  margin-left: 2px;
}

.strategy-metric-value {
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
  display: inline;
  text-align: right;
  word-break: break-word;
}

.strategy-metric-soft {
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
  display: inline;
  text-align: right;
  word-break: break-word;
}

.strategy-empty-state {
  position: relative;
  z-index: 1;
  padding: 44px 26px;
  border-radius: var(--sk-radius) !important;
  text-align: center;
  background: linear-gradient(
    145deg,
    rgba(24, 20, 11, 0.95),
    rgba(10, 10, 10, 0.95)
  );
  box-shadow: var(--sk-shadow);
  color: var(--sk-muted);
}

.strategy-empty-state strong {
  display: block;
  color: var(--sk-text);
  font-size: 20px;
  margin-bottom: 10px;
}

@media (max-width: 1599px) {
  .strategy-feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .strategy-provider-layout {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .strategy-identity-panel {
    padding: 16px 12px;
    gap: 12px;
  }

  .strategies-page .strategy-provider-avatar,
  .strategies-page .strategy-provider-fallback {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
  }

  .strategies-page .strategy-provider-fallback {
    font-size: 18px;
  }

  .strategy-identity-top {
    gap: 12px;
  }

  .strategy-header-row {
    gap: 10px;
  }

  .strategy-identity-meta {
    gap: 6px;
  }

  .strategies-page .strategy-profit-pill,
  .strategy-status-pill {
    padding: 5px 8px;
    font-size: 10px;
  }

  .strategy-card-actions {
    gap: 8px;
  }

  .strategy-card-actions .btn {
    min-height: 38px;
    height: 38px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 10px;
  }

  .strategy-content-panel {
    padding: 18px;
  }

  .strategy-card-title {
    font-size: 17px;
    margin-bottom: 4px;
  }

  .strategy-card-description {
    font-size: 12px;
    line-height: 1.4;
  }

  .strategy-roi-spotlight {
    min-width: 120px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .strategy-roi-spotlight span {
    font-size: 9px;
    margin-bottom: 4px;
  }

  .strategy-roi-spotlight strong {
    font-size: 15px;
  }

  .strategy-content-top {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .strategy-card-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .strategy-metric {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .strategy-metric-label {
    font-size: 9px;
  }

  .strategy-metric-label::after {
    content: "";
  }

  .strategy-metric-value,
  .strategy-metric-soft {
    font-size: 13px;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .strategies-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .strategies-toolbar {
    width: 100%;
  }

  .strategies-search-wrap {
    min-width: 0;
    flex: 1 1 auto;
  }

  .strategy-feed {
    grid-template-columns: 1fr;
  }

  .strategy-row-shell,
  .strategy-provider-layout {
    grid-template-columns: 1fr;
  }

  .strategy-identity-panel {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
}

@media (max-width: 575px) {
  .strategy-content-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .strategy-roi-spotlight {
    width: 100%;
    min-width: 0;
  }

  .strategy-card-body {
    grid-template-columns: 1fr;
  }

  .strategy-metric,
  .strategy-roi-spotlight {
    flex-direction: row !important;
    align-items: center;

    display: flex;
    justify-content: space-between;
    background: none !important;
    border: none !important;
    padding: 0;
  }

  .strategy-metric-label,
  .strategy-roi-spotlight strong,
  .strategy-metric-value,
  .strategy-metric-soft {
    font-size: 11px;
  }

  .strategy-content-top {
    margin: 0;
  }

  .strategy-roi-spotlight span {
    font-size: 11px;
    margin-bottom: 0;
  }

  .strategies-page .strategy-provider-avatar,
  .strategies-page .strategy-provider-fallback {
    width: 35px !important;
    height: 35px !important;
    flex-basis: 35px !important;
    font-size: 12px !important;
  }

  .strategy-header-row {
    align-items: center;
  }

  .strategy-identity-meta {
    flex-direction: row;
  }

  .strategy-card-actions {
    flex-direction: row;
  }

  .strategy-card-actions a {
    margin: 0 !important;
  }

  .strategy-card-body {
    gap: 4px;
  }

  .strategy-metric-label::after {
    content: ":";
  }

  .strategy-metric-value,
  .strategy-metric-soft {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .strategies-page {
    padding-top: 20px;
  }

  .strategies-page::before {
    width: calc(100% - 18px);
    height: 220px;
    top: 34px;
    border-radius: 24px;
  }

  .strategies-hero {
    gap: 16px;
    margin-bottom: 18px;
  }

  .strategies-toolbar {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .strategies-search-wrap,
  .strategies-search-btn {
    width: 100%;
    min-width: 0;
  }

  .strategies-search-btn {
    justify-content: center;
  }

  .strategy-card-title {
    font-size: 22px;
  }

  .strategy-identity-panel,
  .strategy-content-panel {
    padding: 16px;
  }

  .strategy-content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .strategy-roi-spotlight {
    width: 100%;
    min-width: 0;
  }

  .strategy-card-body {
    grid-template-columns: 1fr;
  }

  .strategies-page .strategy-provider-avatar,
  .strategies-page .strategy-provider-fallback {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
  }

  .strategy-header-row {
    align-items: flex-start;
  }

  .strategy-metric {
    flex-direction: column;
    align-items: flex-start;
  }

  .strategy-metric-label,
  .strategy-metric-value,
  .strategy-metric-soft {
    white-space: normal;
    text-align: left;
  }
}

/* Strategy View Switcher Tabs (Tickets Page Style) */
.strategies-page .add-ticket {
  margin: 0 0 1rem;
  padding: 0;
  border-bottom: 1px solid var(--sk-line) !important;
}

.strategies-page .add-ticket div {
  padding-right: 25px;
}

.strategies-page .add-ticket .list-group-item {
  padding: 0 0 0.85rem;
  border: none;
  font-size: 0.925rem;
  font-weight: 600;
  position: relative;
  background: transparent !important;
  color: var(--sk-muted) !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.strategies-page .add-ticket .list-group-item:hover,
.strategies-page .add-ticket .list-group-item.active {
  background: transparent !important;
  color: var(--sk-gold, #d5a928) !important;
}

.strategies-page .add-ticket .list-group-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--sk-gold, #d5a928) !important;
  border-radius: 3px 3px 0 0;
}

.strategy-table-card {
  border: 1px solid var(--sk-line);
  border-radius: 20px;
  background: linear-gradient(
    145deg,
    rgba(24, 20, 11, 0.95),
    rgba(10, 10, 10, 0.95)
  );
  box-shadow: var(--sk-shadow);
  overflow: hidden;
}

.strategy-table {
  width: 100%;
  margin-bottom: 0;
  color: var(--sk-text);
  border-collapse: separate;
  border-spacing: 0;
}

.strategy-table th {
  background: rgba(255, 255, 255, 0.03);
  color: var(--sk-muted);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--sk-line);
  white-space: nowrap;
}

.strategy-table td {
  padding: 16px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 13px;
}

.strategy-table tr:last-child td {
  border-bottom: none;
}

.strategy-table tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

.strategy-table-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover;
  flex: 0 0 40px !important;
  font-size: 14px !important;
}

.strategy-table .user-card {
  display: flex;
  align-items: center;
  gap: 12px;
}

.strategy-tbl-roi {
  font-size: 13px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 8px;
}

/* ===== extracted from application/modules/client/views/fundmanager/view_strategy_vw.php ===== */

/* ===== extracted from application/modules/client/views/fundmanager/view_strategy_vw.php ===== */

.strategy-view-shell {
  padding-top: 4px;
}

.strategy-hero-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--sk-line, rgba(213, 169, 40, 0.25));
  border-radius: 16px;
  padding: 24px;
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.12) 0%,
    rgba(20, 17, 10, 0.98) 55%,
    rgba(8, 8, 8, 0.98) 100%
  );
  box-shadow: var(--sk-shadow, 0 16px 40px rgba(0, 0, 0, 0.35));
}

.strategy-hero-card::after {
  content: "";
  position: absolute;
  inset: auto -60px -100px auto;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(213, 169, 40, 0.05);
  filter: blur(4px);
}

.strategy-hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.strategy-provider-visual {
  display: flex;
  align-items: center;
  gap: 16px;
}

.strategy-detail-page .strategy-provider-avatar,
.strategy-detail-page .strategy-provider-fallback {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 2px solid var(--sk-gold-bright, #ffd85d);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.strategy-detail-page .strategy-provider-avatar {
  object-fit: cover;
  background: #fff;
}

.strategy-detail-page .strategy-provider-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 600;
  color: #171004;
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright, #ffd85d) 0%,
    var(--sk-gold, #d5a928) 100%
  );
}

.strategy-detail-page .strategy-provider-fallback.is-hidden {
  display: none;
}

.strategy-provider-copy {
  color: var(--sk-text, #f7f2e8);
  max-width: 580px;
}

.strategy-provider-kicker {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--sk-gold-bright, #ffd85d);
  margin-bottom: 4px;
}

.strategy-provider-title {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--sk-text, #ffffff);
}

.strategy-provider-subtitle {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 0.925rem;
  line-height: 1.6;
  color: var(--sk-muted, #bcbcbc);
}

.strategy-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(213, 169, 40, 0.15);
  border: 1px solid var(--sk-gold, #d5a928);
  color: var(--sk-gold-bright, #ffd85d);
  font-size: 0.95rem;
  font-weight: 600;
  min-width: 120px;
  backdrop-filter: blur(12px);
}

.strategy-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.strategy-hero-stat {
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(18, 16, 11, 0.6);
  border: 1px solid var(--sk-line, rgba(255, 255, 255, 0.14));
  backdrop-filter: blur(12px);
}

.strategy-hero-stat-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  color: var(--sk-muted, #bcbcbc);
  margin-bottom: 6px;
}

.strategy-hero-stat-value {
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--sk-text, #ffffff);
}

.strategy-detail-card {
  border: 1px solid var(--sk-line, #e5e9f2);
  border-radius: 16px;
  background: var(--sk-panel-2, #ffffff);
  box-shadow: var(--sk-shadow, 0 4px 18px rgba(0, 0, 0, 0.04));
  overflow: hidden;
}

.strategy-detail-card .card-inner {
  padding: 22px;
}

.strategy-section-title {
  margin: 0 0 16px;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--sk-text, #0f172a);
}

.strategy-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.strategy-stat-tile {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--sk-line, #e5e9f2);
  background: var(--sk-panel, #f8fafc);
}

.strategy-stat-tile-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  color: var(--sk-muted, #64748b);
  margin-bottom: 6px;
}

.strategy-stat-tile-value {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--sk-text, #0f172a);
  line-height: 1.25;
}

.strategy-description-card {
  padding: 22px;
  border-radius: 16px;
  background: var(--sk-panel-2, #fff);
  border: 1px solid var(--sk-line, #e5e9f2);
  box-shadow: var(--sk-shadow, 0 4px 18px rgba(0, 0, 0, 0.04));
  height: 100%;
}

.strategy-description-card p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--sk-muted, #475569);
}

@media (max-width: 1399px) {
  .strategy-hero-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .strategy-hero-grid,
  .strategy-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .strategy-view-shell {
    padding-top: 4px;
  }

  .strategy-hero-card,
  .strategy-detail-card .card-inner {
    padding: 18px;
  }

  .strategy-hero-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .strategy-provider-title {
    font-size: 1.4rem;
  }

  .strategy-hero-grid,
  .strategy-stat-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== extracted from application/modules/client/views/header_vw.php ===== */

.toast-message .user-status {
  border: 1px solid;
  padding: 6px;
}

.gtranslate span {
  display: none;
}

@media (max-width: 590px) {
  .has-sidebar .logo-img {
    max-height: 14px;
  }

  .nk-header-wrap .toast-message {
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    background: #fff;
    left: 0;
    padding: 5px 25px;
    box-shadow: 0 0 21px 0px #00000063;
  }

  .nk-menu-trigger {
    margin-right: 0.5rem;
  }

  /**.gtranslate select {
            padding: 6px 0px;
            background-color: #ebecf3 !important;
            color: #000;
            border: 0;
            border-radius: 1px;
            position: relative;
            top: 0px;
            max-width: 106px;
            font-size: 11px;
            outline: none !important;
            box-shadow: none !important;
            line-height: normal;
        }**/

  .nk-header-wrap .toast-message .user-status {
    margin-top: 0px;
  }
}

#pageLoading {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("/pwa/144x144.png") 50% 50% no-repeat rgb(19, 19, 19);
  background-size: 50px 50px;
}

body:not(.login-page) {
  overflow-y: hidden;
  height: 100%;
}

/* ===== extracted from application/modules/client/views/home/dashboard_vw.php ===== */

.nk-refwg-invite {
  display: flex;
  align-items: center;
}

.nk-refwg-head {
  padding: 0px;
  margin-right: 15px !important;
}

.social-link {
  margin: 0 0 0 auto;
}

span#secretInfo {
  color: #0971fe;
}

@media screen and (max-width: 767px) {
  .nk-refwg-invite {
    display: inline-block;
  }

  .nk-refwg-url {
    margin: 15px 0;
  }
}

/* ===== extracted from application/modules/client/views/home/tree_vw.php ===== */

.tree-wrapper #main-org div.orgChart {
  overflow-x: auto;
}

.tree-wrapper div.orgChart div.node {
  width: auto;
  height: 60px;
  padding: 40px 0 0 0;
  background: url(/vp_fav.png) no-repeat;
  border: none;
  box-shadow: none;
  background-size: 20px;
  text-align: center;
  background-position: top center;
  min-width: 40px;
}

div#main-org {
  width: 100%;
}

.tree-wrapper div.orgChart h2 {
  color: #526484;
  font-size: 13px;
}

.tree-wrapper div.orgChart tr.lines td.left {
  border-right: 2px solid #ebebeb;
}

.tree-wrapper div.orgChart tr.lines td.top {
  border-top: 2px solid #ebebeb;
}

.tree-wrapper div.orgChart div.node.inactive {
  background: url(/vp_fav.png) no-repeat;
  background-size: 35px;
  background-position: top center;
}

body .popover.show {
  color: rgb(255 255 255 / 80%);
  background-color: #fff;
}

body .popover.show ul {
  list-style: none;
  padding: 0;
}

body .popover.show ul li {
  color: rgb(0 0 0 / 80%);
  font-size: 12px;
  margin: 0 0 0px 0;
  line-height: 18px;
}

.tree-wrapper .list-group-item {
  color: #000;
  font-size: 14px;
}

/* ===== extracted from application/modules/client/views/home/tree_vw_new.php ===== */

.tree ul {
  position: relative;
  padding: 0 0 0 20px;
}

.tree ul:before {
  /* content: ""; */
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Nioicon" !important;
}

.caret {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.list-group {
  padding-left: 0 !important;
}

/* .caret::before {
  content: "\25B6";
  color: var(--sk-gold);
  display: inline-block;
  margin-right: 6px;
} */

.caret-down::before {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg);
}

.nested {
  display: none;
}

.active {
  display: block;
}

.inner-tree-network:hover > .tooltip {
  opacity: 1;
}

.inner-tree-network {
  position: relative;
}

.inner-tree-network .tooltip::after {
  content: " ";
  position: absolute;
  top: 5%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.tooltip {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.tree-nwtrk {
  cursor: pointer;
}

/* ===== extracted from application/modules/client/views/paam/portfolio_vw.php ===== */

.paam-subscription-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 255px;
}

.paam-client-page .paam-subscription-actions .btn {
  min-height: 38px;
  padding: 7px 14px;
}

/* ===== extracted from application/modules/client/views/paam/subscription_details_vw.php ===== */

.paam-client-page .paam-detail-header {
  position: relative;
  overflow: hidden;
  padding: 28px 30px;
  border: 1px solid var(--sk-line, rgba(213, 169, 40, 0.22)) !important;
  border-radius: 28px !important;
  background: linear-gradient(
    145deg,
    rgba(213, 169, 40, 0.16) 0%,
    rgba(20, 17, 10, 0.96) 50%,
    rgba(10, 10, 10, 0.98) 100%
  ) !important;
  box-shadow: var(--sk-shadow, 0 18px 44px rgba(0, 0, 0, 0.35)) !important;
  backdrop-filter: blur(12px);
  margin-bottom: 24px;
}

.paam-client-page .paam-detail-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(
    180deg,
    var(--sk-gold-bright, #ffd85d) 0%,
    var(--sk-gold, #d5a928) 100%
  );
  border-radius: 6px 0 0 6px;
}

.paam-detail-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.paam-detail-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.paam-pool-name {
  color: var(--sk-text, #f8f6f0);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.paam-pool-description {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--sk-muted, #bcbcbc);
  font-size: 14px;
  line-height: 1.7;
}

.paam-pool-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.paam-pool-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid rgba(213, 169, 40, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sk-muted, #bcbcbc);
  font-size: 12px;
  font-weight: 600;
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.paam-pool-chip:hover {
  background: rgba(213, 169, 40, 0.08);
  border-color: rgba(213, 169, 40, 0.35);
}

.paam-pool-chip strong {
  color: var(--sk-text, #ffffff);
  font-weight: 600;
}

.paam-detail-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.paam-detail-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  min-height: 44px;
  padding: 8px 22px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: none !important;
  transition: all 0.25s cubic-bezier(0.2, 0, 0.2, 1);
  gap: 5px;
}

.paam-detail-section {
  margin-bottom: 24px;
  padding: 28px 30px !important;
  border: 1px solid var(--sk-line, rgba(255, 255, 255, 0.14)) !important;
  border-radius: 24px !important;
  background: linear-gradient(
    145deg,
    rgba(20, 17, 10, 0.92) 0%,
    rgba(10, 10, 10, 0.95) 100%
  ) !important;
  box-shadow: var(--sk-shadow, 0 16px 40px rgba(0, 0, 0, 0.3)) !important;
}

.paam-detail-section-title {
  position: relative;
  margin: 0 0 24px;
  padding-left: 16px;
  color: var(--sk-text, #f8f6f0);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.paam-detail-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 22px;
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    var(--sk-gold-bright, #ffd85d) 0%,
    var(--sk-gold, #d5a928) 100%
  );
}

.paam-simple-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.paam-simple-grid.overview-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin-bottom: 0;
}

.paam-simple-grid.investor-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin-bottom: 0;
}

.paam-simple-card {
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 90px;
  padding: 24px;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(213, 169, 40, 0.14);
  border-radius: 22px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(12, 10, 7, 0.92) 100%
  );
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.paam-simple-card.primary {
  border-color: rgba(255, 216, 93, 0.26);
  background: linear-gradient(
    145deg,
    rgba(213, 169, 40, 0.24) 0%,
    rgba(20, 17, 10, 0.98) 100%
  );
  color: #fff;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.paam-simple-label {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 20px;
  color: var(--sk-muted, #c7bdab);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
}

.paam-simple-card.primary .paam-simple-label {
  color: #f3df95;
}

.paam-simple-value {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--sk-text, #f8f6f0);
  font-size: 31px;
  font-weight: 600;
  line-height: 1.1;
  word-break: break-word;
}

.paam-simple-card.primary .paam-simple-value {
  color: #fff;
}

.paam-value-positive {
  color: #4ade80;
}

.paam-value-negative {
  color: #f87171;
}

.paam-empty {
  padding: 24px;
  border: 1px dashed rgba(213, 169, 40, 0.28);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--sk-muted, #c7bdab);
}

.paam-investor-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(213, 169, 40, 0.14);
  border-radius: 18px;
  background: rgba(12, 10, 7, 0.85);
}

.paam-investor-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.paam-investor-table th {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(213, 169, 40, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #d5a928;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: left;
  text-transform: capitalize;
}

.paam-investor-table td {
  padding: 16px;
  border-bottom: 1px solid rgba(213, 169, 40, 0.08);
  color: var(--sk-text, #f8f6f0);
  vertical-align: middle;
}

.paam-investor-table tbody tr:last-child td {
  border-bottom: 0;
}

.paam-investor-name {
  display: block;
  color: var(--sk-text, #f8f6f0);
  font-weight: 600;
}

.paam-investor-email {
  display: block;
  max-width: 260px;
  margin-top: 3px;
  overflow: hidden;
  color: var(--sk-muted, #9f947f);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.paam-investor-status {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(74, 222, 128, 0.12);
  color: #86efac;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}

@media (max-width: 1100px) {
  .paam-simple-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .paam-simple-grid.overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .paam-simple-grid.investor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .paam-client-page .paam-detail-header,
  .paam-detail-section {
    padding: 22px !important;
  }

  .paam-detail-heading {
    align-items: flex-start;
  }

  .paam-pool-name {
    font-size: 21px;
  }

  .paam-detail-actions {
    width: 100%;
  }

  .paam-detail-actions .btn {
    min-width: 0;
    flex: 1;
  }

  .paam-simple-grid,
  .paam-simple-grid.overview-grid,
  .paam-simple-grid.investor-grid {
    grid-template-columns: 1fr;
  }

  .paam-simple-card {
    min-height: 126px;
    padding: 21px;
  }

  .paam-simple-value {
    font-size: 28px;
  }
}

/* ===== extracted from application/modules/client/views/paam/subscription_trades_vw.php ===== */

.paam-trade-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.paam-trade-actions .btn {
  min-height: 42px;
  padding: 9px 18px;
}

.paam-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.paam-filter-tabs a {
  padding: 9px 15px;
  border: 1px solid #d9e2ec;
  border-radius: 999px;
  color: #52667a;
  font-weight: 600;
}

.paam-filter-tabs a.active {
  color: #fff;
  border-color: #102a43;
  background: #102a43;
}

.paam-profit-positive {
  color: #047857;
  font-weight: 600;
}

.paam-profit-negative {
  color: #b91c1c;
  font-weight: 600;
}

/* ===== extracted from application/modules/client/views/tickets/add_new_ticket.php ===== */

.error {
  color: #e85347;
  font-size: 12px;
  font-style: italic;
}

/* ===== extracted from application/modules/client/views/tickets/close_ticket.php ===== */

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 15px solid #cef;
  border-color: #cef transparent #cef transparent;
  animation: lds-hourglass 5s infinite;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  100% {
    transform: rotate(1800deg);
  }
}

/* ===== extracted from application/modules/client/views/tickets/single_ticket.php ===== */

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 15px solid #cef;
  border-color: #cef transparent #cef transparent;
  animation: lds-hourglass 5s infinite;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  100% {
    transform: rotate(1800deg);
  }
}

/* ===== extracted from application/modules/client/views/transactions/checkout_vw.php ===== */

/* ===== extracted from application/modules/client/views/transactions/deposit_vw_old.php ===== */

/* ===== extracted from application/modules/client/views/transactions/wallet_report_vw_all.php ===== */

.wallet-filter-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.wallet-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}

.wallet-filter-group label {
  margin-bottom: 0;
  white-space: nowrap;
}

.wallet-filter-group .input-group {
  width: 170px;
}

@media (max-width: 767px) {
  .wallet-filter-row {
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  .wallet-filter-group {
    width: 100%;
    flex-direction: column;
    align-items: start;
  }

  .wallet-filter-group .input-group {
    width: 100%;
  }

  .card-tools-toggle .card-title-group {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
}

/* ===== extracted from application/modules/client/views/home/dashboard_vw.php (redesign) ===== */
.dash-stats {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}

.dash-stat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--sk-line);
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  );
  box-shadow: var(--sk-shadow);
  min-width: 0;
}

.dash-stat--primary {
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.16) 0%,
    rgba(20, 17, 10, 0.98) 55%,
    rgba(8, 8, 8, 0.98) 100%
  );
  border-color: rgba(213, 169, 40, 0.35);
}

.dash-stat-icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  border: none;
}

.dash-stat-icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.dash-stat--primary .dash-stat-icon {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  border-color: transparent;
}

.dash-stat-icon--deposit {
  background: linear-gradient(135deg, #4ee2a8, #0d8f5c);
}

.dash-stat-icon--withdraw {
  background: linear-gradient(135deg, #ff8a90, #c22733);
}

.dash-stat-icon--credit {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
}

.dash-stat-icon--equity {
  background: linear-gradient(135deg, #e7ebf0, #9aa3ad);
}

.dash-stat-body {
  min-width: 0;
  flex: 1;
}

.dash-stat-label {
  margin: 0 0 5px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: capitalize;
  color: var(--sk-muted);
  white-space: nowrap;
}

.dash-stat-amount {
  font-size: 16px;
  font-weight: 600;
  color: var(--sk-text);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-stat--primary .dash-stat-amount {
  font-size: 21px;
  color: var(--sk-gold-bright);
}

.dash-stat-amount .currency {
  font-size: 10px;
  font-weight: 600;
  color: var(--sk-muted);
  margin-left: 2px;
}

.dash-fetch-btn {
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  border: none;
  border-radius: 999px;
  color: #171004;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 18px;
  cursor: pointer;
}

.dash-fetch-btn:hover {
  background: linear-gradient(135deg, var(--sk-gold), #6a4a00);
}

.dash-fetch-btn[disabled] {
  opacity: 0.6;
  cursor: default;
}

.dash-support {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 26px 28px;
  border-radius: 16px;
  border: 1px solid var(--sk-line);
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.1) 0%,
    rgba(18, 16, 11, 0.98) 45%,
    rgba(8, 8, 8, 0.98) 100%
  );
  box-shadow: var(--sk-shadow);
}

.dash-support-icon {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--sk-gold-bright), #7d5700);
  color: #171004;
  font-size: 24px;
}

.dash-support-text {
  flex: 1;
  min-width: 0;
}

.dash-support-text h5 {
  margin: 0 0 4px;
  color: var(--sk-text);
  font-size: 18px;
  font-weight: 600;
}

.dash-support-text p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 13px;
  line-height: 1.5;
}

.dash-support-btn {
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--sk-line);
  border-radius: 999px;
  color: var(--sk-gold-bright) !important;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 22px;
  white-space: nowrap;
  text-decoration: none !important;
}

.dash-support-btn:hover {
  background: var(--sk-gold-bright);
  color: #171004 !important;
}

@media (max-width: 1399.9px) {
  .dash-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767.9px) {
  .dash-stats {
    grid-template-columns: 1fr 1fr;
  }

  .dash-support {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575.9px) {
  .dash-stats {
    grid-template-columns: 1fr;
  }
}

/* ===== extracted from application/modules/client/views/home/dashboard_vw.php (iteration 2) ===== */
.dash-stat-amount--zero {
  color: var(--sk-muted);
  font-weight: 600;
}

.dash-stat-amount--zero .currency {
  color: var(--sk-muted);
}

#liveTable .badge-info {
  background: var(--sk-gold-soft) !important;
  border: 1px solid rgba(213, 169, 40, 0.35) !important;
  color: var(--sk-gold-bright) !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  display: inline-block;
}

/* ===== extracted from site-wide DataTables pagination theme ===== */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
}

.dataTables_paginate .paginate_button a {
  color: var(--sk-muted) !important;
  border: 1px solid var(--sk-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #171004 !important;
  border-color: transparent !important;
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--sk-gold-bright) !important;
  border-color: rgba(213, 169, 40, 0.35) !important;
  background: rgba(213, 169, 40, 0.1) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: var(--sk-muted) !important;
  opacity: 0.45;
  background: transparent !important;
  border-color: var(--sk-line) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: rgba(213, 169, 40, 0.14) !important;
}

.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
  color: var(--sk-muted) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--sk-line) !important;
}

.dataTables_wrapper
  div.dataTables_paginate
  ul.pagination
  .page-item.active
  .page-link {
  color: #171004 !important;
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright),
    #7d5700
  ) !important;
  border-color: transparent !important;
}

.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link:hover {
  color: var(--sk-gold-bright) !important;
  background: rgba(213, 169, 40, 0.1) !important;
  border-color: rgba(213, 169, 40, 0.35) !important;
}

/* Redesigned Stats UI */
.special-cards {
  display: grid !important;
  gap: 16px;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-bottom: 24px;
}

.special-cards .special-card {
  width: 100%;
}

.dashboard-card-redesign {
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  ) !important;
  border: 1px solid var(--sk-line) !important;
  border-radius: 16px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  position: relative;
  padding: 15px;
  box-shadow: var(--sk-shadow);
}

.dashboard-card-redesign--primary {
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.16) 0%,
    rgba(20, 17, 10, 0.98) 55%,
    rgba(8, 8, 8, 0.98) 100%
  ) !important;
  border-color: rgba(213, 169, 40, 0.35) !important;
}

.card-body-redesign {
  /* padding: 20px !important; */
  height: 100%;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  flex: 1;
  min-width: 0;
  z-index: 2;
  justify-content: space-between;
  height: 100%;
}

.card-title-redesign {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: white !important;
  margin-bottom: 6px !important;
  text-transform: capitalize !important;
  letter-spacing: normal !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.card-value-redesign {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--sk-text) !important;
  margin: 0 !important;
  line-height: normal !important;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
}

.card-value-redesign--primary {
  font-size: 20px !important;
  color: var(--sk-gold-bright) !important;
}

.card-icon-container {
  margin-left: 16px;
  flex-shrink: 0;
  transition: all 0.3s ease;
  color: rgba(213, 169, 40, 0.2) !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  z-index: 1;
}

.card-icon-container img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  opacity: 0.2;
  filter: invert(1);
}

@media (max-width: 1400px) {
  .special-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 992px) {
  .special-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 576px) {
  .special-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Redesigned PAAM Stats UI */
.paam-client-page .paam-stat-grid,
.paam-client-page .paam-program-metrics,
.paam-shell .paam-stat-grid,
.paam-shell .paam-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 20px !important;
  margin-bottom: 24px !important;
}

.paam-client-page .paam-stat-card,
.paam-client-page .paam-program-metric,
.paam-shell .paam-stat-card,
.paam-shell .paam-mini-card {
  background: linear-gradient(
    145deg,
    rgba(18, 16, 11, 0.98),
    rgba(8, 8, 8, 0.96)
  ) !important;
  border: 1px solid var(--sk-line) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: var(--sk-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: start !important;
  align-items: flex-start !important;
  min-height: 125px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.paam-client-page .paam-stat-card.dark,
.paam-client-page .paam-program-metric.featured,
.paam-shell .paam-stat-card.dark {
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.16) 0%,
    rgba(20, 17, 10, 0.98) 55%,
    rgba(8, 8, 8, 0.98) 100%
  ) !important;
  border-color: rgba(213, 169, 40, 0.35) !important;
}

.paam-client-page .paam-stat-label,
.paam-client-page .paam-program-metric-label,
.paam-shell .paam-stat-label,
.paam-shell .paam-mini-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: white !important;
  margin-bottom: 6px !important;
  text-transform: capitalize !important;
  letter-spacing: normal !important;
}

.paam-client-page .paam-stat-value,
.paam-client-page .paam-program-metric-value,
.paam-shell .paam-stat-value,
.paam-shell .paam-mini-value {
  display: block !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--sk-text) !important;
  margin: 0 0 6px 0 !important;
  line-height: normal !important;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
}

.paam-client-page .paam-stat-card.dark .paam-stat-value,
.paam-client-page .paam-program-metric.featured .paam-program-metric-value,
.paam-shell .paam-stat-card.dark .paam-stat-value {
  color: var(--sk-gold-bright) !important;
}

.paam-client-page .paam-stat-card p,
.paam-client-page .paam-program-metric-note,
.paam-shell .paam-stat-card p {
  font-size: 11px !important;
  color: var(--sk-muted) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Select2 Styles to match .form-control */
.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  height: 50px !important;
  background-color: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 12px !important;
  padding: 4px 12px !important;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #495057 !important;
  line-height: 28px !important;
  padding-left: 0 !important;
  font-size: 13px !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #6c757d !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 36px !important;
  width: 30px !important;
  top: 0 !important;
  right: 4px !important;
}

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

.select2-container--default .select2-selection--multiple {
  min-height: 38px !important;
  background-color: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 12px !important;
  padding: 2px 8px !important;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 0 !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #f8f9fa !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  margin-top: 4px !important;
  margin-right: 4px !important;
  color: #495057 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999 !important;
  margin-right: 4px !important;
  font-weight: bold !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333 !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 5px !important;
  font-size: 13px !important;
  font-family: inherit !important;
}

/* Focus and Open States */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus
  .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open
  .select2-selection--multiple {
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Disabled State */
.select2-container--default.select2-container--disabled
  .select2-selection--single,
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}

/* Dropdown Container */
.select2-container--default .select2-dropdown {
  border: 1px solid #f0f0f03d !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  z-index: 99999 !important;
}

.select2-container--default .select2-results__option {
  padding: 6px 12px !important;
  font-size: 13px !important;
  color: #fff !important;
}

.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e94a;
  border-radius: 4px;
  background-color: #000;
  margin-right: 20px;
  vertical-align: middle;
}
.login-page .select2-container--default .select2-dropdown {
  width: 270px !important;
}
.login-page .select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e94a;
  border-radius: 4px;
  background-color: #000;
  margin-right: 3px;
  vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before,
.select2-results__option--selected:before,
.select2-container--default
  .select2-results__option[aria-selected="true"]:before,
.select2-container--default .select2-results__option--selected:before {
  content: "" !important;
  background-color: #d5a928 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  border: 0 !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #e9ecef !important;
  color: #495057 !important;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--sk-gold) !important;
  color: #000 !important;
}

/* Dark Mode Overrides to match dark-mode .form-control */
.dark-mode .select2-container--default .select2-selection--single,
.dark-mode .select2-container--default .select2-selection--multiple {
  background-color: #101924 !important;
  border-color: #384d69 !important;
}

.dark-mode
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
}

.dark-mode
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #141c26 !important;
  border-color: #384d69 !important;
  color: #fff !important;
}

.dark-mode
  .select2-container--default.select2-container--focus
  .select2-selection--single,
.dark-mode
  .select2-container--default.select2-container--focus
  .select2-selection--multiple,
.dark-mode
  .select2-container--default.select2-container--open
  .select2-selection--single,
.dark-mode
  .select2-container--default.select2-container--open
  .select2-selection--multiple {
  border-color: var(--sk-gold, #80bdff) !important;
  box-shadow: 0 0 0 0.2rem rgba(213, 169, 40, 0.15) !important;
}

.dark-mode
  .select2-container--default.select2-container--disabled
  .select2-selection--single,
.dark-mode
  .select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #1b2633 !important;
}

.dark-mode .select2-container--default .select2-dropdown {
  background-color: #141c26 !important;
  border-color: #384d69 !important;
}

.dark-mode .select2-container--default .select2-results__option {
  color: #fff !important;
}

.dark-mode
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  background-color: #212d3d !important;
}

.dark-mode
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--sk-gold, #007bff) !important;
  color: #fff !important;
}

/* Secondary/Alternative Dark Mode patterns */
.form-control-wrap
  select
  ~ .select2-container--default
  .select2-selection--single,
.form-control-wrap
  select
  ~ .select2-container--default
  .select2-selection--multiple,
.login-section .select2-container--default .select2-selection--single,
.login-section .select2-container--default .select2-selection--multiple {
  background-color: #222 !important;
  border-color: #333 !important;
}

.form-control-wrap
  select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.login-section
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--sk-text, #fff) !important;
}

.form-control-wrap
  select
  ~ .select2-container--default.select2-container--focus
  .select2-selection--single,
.form-control-wrap
  select
  ~ .select2-container--default.select2-container--focus
  .select2-selection--multiple,
.login-section
  .select2-container--default.select2-container--focus
  .select2-selection--single,
.login-section
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: var(--sk-gold, #80bdff) !important;
  box-shadow: 0 0 0 0.2rem rgba(213, 169, 40, 0.15) !important;
  background-color: #222 !important;
}

/* Redesigned top-btn action buttons to match the professional website theme */
.dash-head-cont-link .nk-block-tools {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  list-style: none !important;
  margin: 0 !important;
}

.dash-head-cont-link .nk-block-tools li {
  margin: 0 !important;
  background: transparent !important;
  border: 1px solid var(--sk-gold) !important;
  border-radius: 30px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

.dash-head-cont-link .nk-block-tools li a {
  display: flex !important;
  align-items: center !important;
  padding: 4px 18px 4px 4px !important;
  text-decoration: none !important;
  width: 100% !important;
  height: 100% !important;
  color: #334155 !important;
  transition: all 0.3s ease !important;
}

.dash-head-cont-link .nk-block-tools li a em.icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  background: var(--sk-gold) !important;
  border-radius: 50% !important;
  margin-right: 5px !important;
  transition: all 0.3s ease !important;
  font-size: 16px !important;
  line-height: normal !important;
}

.dash-head-cont-link .nk-block-tools li a em.icon img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  filter: brightness(0) invert(0.2) !important;
  transition: all 0.3s ease !important;
}

.dash-head-cont-link .nk-block-tools li a span {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
  transition: color 0.3s ease !important;
  text-transform: capitalize !important;
}

/* Dark Mode Overrides */
.dark-mode .dash-head-cont-link .nk-block-tools li {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--sk-line, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li a {
  color: var(--sk-text, #fff) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li a em.icon {
  background: linear-gradient(
    135deg,
    var(--sk-gold-bright, #d5a928),
    #7d5700
  ) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li a em.icon img {
  filter: brightness(0) invert(1) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li a span {
  color: var(--sk-text, #e2e8f0) !important;
}

/* Hover effects (Dark Mode) */
.dark-mode .dash-head-cont-link .nk-block-tools li:hover {
  background: linear-gradient(
    135deg,
    rgba(213, 169, 40, 0.12) 0%,
    rgba(20, 17, 10, 0.95) 100%
  ) !important;
  border-color: rgba(213, 169, 40, 0.45) !important;
  box-shadow: 0 6px 15px rgba(213, 169, 40, 0.15) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li:hover a {
  color: var(--sk-gold-bright, #d5a928) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li:hover a em.icon {
  background: linear-gradient(
    135deg,
    #7d5700,
    var(--sk-gold-bright, #d5a928)
  ) !important;
}

.dark-mode .dash-head-cont-link .nk-block-tools li:hover a span {
  color: var(--sk-gold-bright, #d5a928) !important;
}

/* ==========================================
   Client Theme Button Classes
   ========================================== */
.button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #0b0e14 !important;
  background: linear-gradient(135deg, #d5a928 0%, #b88a1d 100%);
  border: 1px solid #d5a928;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(213, 169, 40, 0.25);
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.button-primary:hover,
.button-primary:focus {
  color: #0b0e14 !important;
  background: linear-gradient(135deg, #e6b933 0%, #c99824 100%);
  border-color: #e6b933;
  transform: translateY(-1px);
  box-shadow: none !important;
}

.button-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(213, 169, 40, 0.2);
  box-shadow: none !important;
}

.button-primary:disabled,
.button-primary.disabled {
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none !important;
}

.button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #e2e8f0 !important;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.button-secondary:hover,
.button-secondary:focus {
  color: #ffffff !important;
  background-color: #334155;
  border-color: #475569;
  transform: translateY(-1px);
  box-shadow: none !important;
}

.button-secondary:active {
  box-shadow: none !important;
  transform: translateY(0);
}

.button-secondary:disabled,
.button-secondary.disabled {
  box-shadow: none !important;
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none;
}

.button-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff !important;
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  border: 1px solid #dc2626;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.button-danger:hover,
.button-danger:focus {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-color: #ef4444;
  transform: translateY(-1px);
  box-shadow: none !important;
}

.button-danger:active {
  transform: translateY(0);
  box-shadow: none !important;
}

.button-danger:disabled,
.button-danger.disabled {
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none;
  box-shadow: none !important;
}

.button-primary-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #d5a928 !important;
  background: transparent;
  border: 1px solid #d5a928;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.button-primary-outline:hover,
.button-primary-outline:focus {
  color: #0b0e14 !important;
  background-color: #d5a928;
  border-color: #d5a928;
  box-shadow: 0 4px 12px rgba(213, 169, 40, 0.25);
  transform: translateY(-1px);
  box-shadow: none !important;
}

.button-primary-outline:active {
  transform: translateY(0);
  box-shadow: none !important;
}

.button-primary-outline:disabled,
.button-primary-outline.disabled {
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none !important;
}

.button-secondary-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #94a3b8 !important;
  background: transparent;
  border: 1px solid #475569;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.button-secondary-outline:hover,
.button-secondary-outline:focus {
  color: #ffffff !important;
  background-color: #334155;
  border-color: #64748b;
  transform: translateY(-1px);
  box-shadow: none !important;
}

.button-secondary-outline:active {
  transform: translateY(0);
  box-shadow: none !important;
}

.button-secondary-outline:disabled,
.button-secondary-outline.disabled {
  opacity: 0.65;
  pointer-events: none;
  box-shadow: none !important;
}

/* Automatic global mapping of standard Bootstrap button variants to Client Theme styles across all client views */
body div .btn-primary,
body div .btn-success,
body div .btn-org {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #0b0e14 !important;
  background: linear-gradient(135deg, #d5a928 0%, #b88a1d 100%) !important;
  border: 1px solid #d5a928 !important;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-primary:hover,
body div .btn-primary:focus,
body div .btn-success:hover,
body div .btn-success:focus,
body div .btn-org:hover,
body div .btn-org:focus {
  color: #0b0e14 !important;
  background: linear-gradient(135deg, #e6b933 0%, #c99824 100%) !important;
  border-color: #e6b933 !important;
  box-shadow: none !important;
}

body div .btn-secondary,
body div .btn-default,
body div .btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #d5a928 !important;
  background-color: #2d2715 !important;
  border: 1px solid #d5a92830 !important;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-secondary:hover,
body div .btn-secondary:focus,
body div .btn-default:hover,
body div .btn-default:focus,
body div .btn-light:hover,
body div .btn-light:focus {
  color: #000 !important;
  background-color: #d5a928 !important;
  box-shadow: none !important;
}

body div .btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600 !important;
  line-height: 1.5;
  color: #ffffff !important;
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  border: 1px solid #dc2626 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-danger:hover,
body div .btn-danger:focus {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  border-color: #ef4444 !important;
  box-shadow: none !important;
}

body div .btn-outline-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500 !important;
  line-height: 1.5;
  color: #d5a928 !important;
  background: transparent !important;
  border: 1px solid #d5a928 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-outline-primary:hover,
body div .btn-outline-primary:focus {
  color: #0b0e14 !important;
  background-color: #d5a928 !important;
  border-color: #d5a928 !important;
  box-shadow: none !important;
}

body div .btn-outline-secondary,
body div .btn-outline-warning {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #d5a928 !important;
  background-color: #2d2715 !important;
  border: 1px solid #d5a92830 !important;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-outline-secondary:hover,
body div .btn-outline-secondary:focus,
body div .btn-outline-warning:hover,
body div .btn-outline-warning:focus {
  color: #000 !important;
  background-color: #d5a928 !important;
  box-shadow: none !important;
}

body div .btn-outline-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500 !important;
  line-height: 1.5;
  color: #ef4444 !important;
  background: #dc262626 !important;
  border: 1px solid #dc262669 !important;
  border-radius: 6px !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

body div .btn-outline-danger:hover,
body div .btn-outline-danger:focus {
  color: #ffffff !important;
  background-color: #dc2626 !important;
  border-color: #ef4444 !important;
  box-shadow: none !important;
}

.dash-fetch-btn {
  padding: 5px 11px !important;
  line-height: normal !important;
  font-size: 11px !important;
}

.table-buttons {
  display: flex;
  gap: 10px;
}

/* Pill-shaped datatable buttons with smooth expanding hover animated text */
.dt-buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0px !important;
  vertical-align: middle !important;
}

.dt-buttons .dt-button,
.dt-buttons a.dt-button,
.dt-buttons button.dt-button,
.dt-buttons .btn-secondary {
  border-radius: 50px !important;
  height: 36px !important;
  min-width: 36px !important;
  width: auto !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  will-change: transform, padding !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
}

.dt-buttons .dt-button span,
.dt-buttons a.dt-button span,
.dt-buttons button.dt-button span,
.dt-buttons .btn-secondary span {
  display: inline-block !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  margin-left: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  pointer-events: none !important;
  will-change: max-width, opacity !important;
  transform: translateZ(0) !important;
  transition:
    max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s ease 0.05s,
    margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dt-buttons .dt-button:hover span,
.dt-buttons a.dt-button:hover span,
.dt-buttons button.dt-button:hover span,
.dt-buttons .btn-secondary:hover span,
.dt-buttons .dt-button:focus span,
.dt-buttons a.dt-button:focus span,
.dt-buttons button.dt-button:focus span,
.dt-buttons .btn-secondary:focus span {
  max-width: 120px !important;
  opacity: 1 !important;
  margin-left: 6px !important;
}

.dt-buttons .dt-button:before,
.dt-buttons a.dt-button:before,
.dt-buttons button.dt-button:before,
.dt-buttons .btn-secondary:before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   Professional SweetAlert2 (Swal2) Modal Redesign
   Harmonized with CRM Client Website Theme, Colors & Spacing
   ========================================================================== */

/* Container Backdrop Overlay */
.swal2-container {
  background-color: #00000066 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 99999 !important;
}

/* Modal Popup Window */
.swal2-popup {
  background: #222 !important;
  color: #ffffff !important;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
  border-radius: 12px !important;
  padding: 1.5rem 1.75rem !important;
  border: 1px solid #333 !important;
  box-shadow:
    0px 0px 1px 0px rgba(82, 100, 132, 0.2),
    0px 12px 24px -4px rgba(28, 43, 70, 0.15) !important;
  max-width: 440px !important;
  width: 90% !important;
}

/* Dark Mode Popup */
.dark-mode .swal2-popup,
body.dark-mode .swal2-popup,
.is-dark .swal2-popup,
body.is-dark .swal2-popup {
  background: #141c26 !important;
  color: #ffffff !important;
  border-color: #1d2d40 !important;
  box-shadow:
    0px 1px 3px 0px rgba(0, 0, 0, 0.4),
    0px 16px 32px -4px rgba(0, 0, 0, 0.5) !important;
}

/* Title Header */
.swal2-title {
  color: #fff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0.25rem 0 0.5rem 0 !important;
  letter-spacing: -0.01em !important;
}

.dark-mode .swal2-title,
body.dark-mode .swal2-title,
.is-dark .swal2-title,
body.is-dark .swal2-title {
  color: #ffffff !important;
}

/* Subtitle & HTML Body Container */
.swal2-html-container,
.swal2-content {
  color: #fff !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  margin: 0.25rem 0 1.25rem 0 !important;
  padding: 0 !important;
}

.dark-mode .swal2-html-container,
body.dark-mode .swal2-html-container,
.is-dark .swal2-html-container,
body.is-dark .swal2-html-container,
.dark-mode .swal2-content,
body.dark-mode .swal2-content,
.is-dark .swal2-content,
body.is-dark .swal2-content {
  color: #fff !important;
}

/* Modernized SwAL Icons */
.swal2-icon {
  margin: 0.25rem auto 0.75rem !important;
  transform: scale(0.85) !important;
  border-width: 3px !important;
}

/* Success Icon */
.swal2-icon.swal2-success {
  border-color: #10b981 !important;
  color: #10b981 !important;
  background-color: rgba(16, 185, 129, 0.08) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border: 4px solid rgba(16, 185, 129, 0.3) !important;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #10b981 !important;
}

.swal2-icon.swal2-success .swal2-success-fix {
  background-color: transparent !important;
}

.swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
  background-color: transparent !important;
}

/* Error Icon */
.swal2-icon.swal2-error {
  border-color: #e85347 !important;
  color: #e85347 !important;
  background-color: rgba(232, 83, 71, 0.08) !important;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #e85347 !important;
}

/* Warning Icon */
.swal2-icon.swal2-warning {
  border-color: #f4bd0e !important;
  color: #f4bd0e !important;
  background-color: rgba(244, 189, 14, 0.08) !important;
}

/* Info Icon */
.swal2-icon.swal2-info {
  border-color: #09c2de !important;
  color: #09c2de !important;
  background-color: rgba(9, 194, 222, 0.08) !important;
}

/* Question Icon */
.swal2-icon.swal2-question {
  border-color: #6576ff !important;
  color: #6576ff !important;
  background-color: rgba(101, 118, 255, 0.08) !important;
}

/* Actions Wrapper & Buttons */
.swal2-actions {
  gap: 10px !important;
  margin-top: 1.25rem !important;
  width: 100% !important;
  justify-content: center !important;
}

/* Confirm Button (Primary Client Action) */
.swal2-styled.swal2-confirm {
  background-color: #cf3b44 !important;
  color: #ffffff !important;
  border: 1px solid #cf3b44 !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.5rem 1.35rem !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0 2px 4px rgba(207, 59, 68, 0.2) !important;
  transition: all 0.2s ease-in-out !important;
  letter-spacing: 0em !important;
}

.swal2-styled.swal2-confirm:hover {
  background-color: #b82d36 !important;
  border-color: #b82d36 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(207, 59, 68, 0.28) !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(207, 59, 68, 0.25) !important;
}

/* Cancel Button (Secondary Action) */
.swal2-styled.swal2-cancel {
  background-color: #f5f6fa !important;
  color: #526484 !important;
  border: 1px solid #dbdfea36 !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.5rem 1.35rem !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
}

.swal2-styled.swal2-cancel:hover {
  background-color: #e5e9f2 !important;
  color: #364a63 !important;
  border-color: #c4cefe !important;
  transform: translateY(-1px) !important;
}

.dark-mode .swal2-styled.swal2-cancel,
body.dark-mode .swal2-styled.swal2-cancel,
.is-dark .swal2-styled.swal2-cancel,
body.is-dark .swal2-styled.swal2-cancel {
  background-color: #18212d !important;
  color: #b6c6e3 !important;
  border-color: #203247 !important;
}

.dark-mode .swal2-styled.swal2-cancel:hover,
body.dark-mode .swal2-styled.swal2-cancel:hover,
.is-dark .swal2-styled.swal2-cancel:hover,
body.is-dark .swal2-styled.swal2-cancel:hover {
  background-color: #202b3c !important;
  color: #ffffff !important;
  border-color: #2c425e !important;
}

/* Form Inputs inside Swal */
.swal2-input,
.swal2-textarea,
.swal2-select {
  border-radius: 8px !important;
  border: 1px solid #dbdfea36 !important;
  background-color: #ffffff !important;
  color: #364a63 !important;
  font-size: 0.9rem !important;
  padding: 0.5rem 0.75rem !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
  margin: 0.75rem auto !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
  border-color: #cf3b44 !important;
  box-shadow: 0 0 0 3px rgba(207, 59, 68, 0.15) !important;
  outline: none !important;
}

.dark-mode .swal2-input,
.dark-mode .swal2-textarea,
.dark-mode .swal2-select,
.is-dark .swal2-input,
.is-dark .swal2-textarea,
.is-dark .swal2-select {
  background-color: #101924 !important;
  color: #ffffff !important;
  border-color: #1d2d40 !important;
}

/* Close Button */
.swal2-close {
  font-size: 1.35rem !important;
  color: #8094ae !important;
  transition: color 0.2s ease !important;
  border-radius: 50% !important;
}

.swal2-close:hover {
  color: #364a63 !important;
  background-color: #f5f6fa !important;
}

.dark-mode .swal2-close:hover,
.is-dark .swal2-close:hover {
  color: #ffffff !important;
  background-color: #18212d !important;
}

/* Standard SweetAlert 1 Compatibility Overrides */
.sweet-overlay {
  background-color: rgba(16, 25, 36, 0.65) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

.sweet-alert {
  border-radius: 12px !important;
  padding: 1.5rem 1.75rem !important;
  border: 1px solid #e5e9f2 !important;
  box-shadow:
    0px 0px 1px 0px rgba(82, 100, 132, 0.2),
    0px 12px 24px -4px rgba(28, 43, 70, 0.15) !important;
  font-family: "Inter", sans-serif !important;
  background-color: #ffffff !important;
}

.dark-mode .sweet-alert,
body.dark-mode .sweet-alert,
.is-dark .sweet-alert,
body.is-dark .sweet-alert {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
}

.sweet-alert h2 {
  color: #364a63 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 10px 0 6px 0 !important;
}

.dark-mode .sweet-alert h2,
body.dark-mode .sweet-alert h2,
.is-dark .sweet-alert h2,
body.is-dark .sweet-alert h2 {
  color: #ffffff !important;
}

.sweet-alert p {
  color: #526484 !important;
  font-size: 0.9375rem !important;
}

.dark-mode .sweet-alert p,
body.dark-mode .sweet-alert p,
.is-dark .sweet-alert p,
body.is-dark .sweet-alert p {
  color: #b6c6e3 !important;
}

.sweet-alert button {
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.5rem 1.35rem !important;
}

.sweet-alert button.confirm {
  background-color: #cf3b44 !important;
}

/* ==========================================================================
   Date Picker Theme Overrides - Gold Luxury Dark Theme
   ========================================================================== */

/* Bootstrap Datepicker Dropdown & Inline Container */
.datepicker,
.datepicker.dropdown-menu,
.datepicker-dropdown,
.datepicker-inline {
  background: #14120e !important;
  border: 1px solid rgba(213, 169, 40, 0.35) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.85),
    0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
  padding: 12px 14px !important;
  color: #e2e0d8 !important;
  font-family: inherit !important;
  z-index: 99999 !important;
  animation: tableActionMenuFadeIn 0.15s ease-out;
}

.datepicker-dropdown:before {
  border-bottom-color: rgba(213, 169, 40, 0.35) !important;
  border-top-color: rgba(213, 169, 40, 0.35) !important;
}

.datepicker-dropdown:after {
  border-bottom-color: #14120e !important;
  border-top-color: #14120e !important;
}

.datepicker table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

/* Header: Month/Year Switch & Navigation Prev/Next */
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  color: #d5a928 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 4px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: rgba(213, 169, 40, 0.18) !important;
  color: #ffffff !important;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  color: rgba(255, 255, 255, 0.15) !important;
  cursor: default !important;
}

/* Days of Week (dow) */
.datepicker table thead tr:last-child th,
.datepicker .dow {
  color: #d5a928 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 8px 4px 6px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Day Cells */
.datepicker td,
.datepicker th {
  border-radius: 8px !important;
  text-align: center !important;
}

.datepicker table tr td.day {
  color: #e2e0d8 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: rgba(213, 169, 40, 0.2) !important;
  color: #ffffff !important;
}

/* Days outside current month (old / new) */
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: rgba(226, 224, 216, 0.28) !important;
}

.datepicker table tr td.old:hover,
.datepicker table tr td.new:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e2e0d8 !important;
}

/* Disabled Days */
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: rgba(255, 255, 255, 0.15) !important;
  background: transparent !important;
  cursor: not-allowed !important;
}

/* Today's Date */
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: rgba(213, 169, 40, 0.15) !important;
  color: #d5a928 !important;
  border: 1px solid rgba(213, 169, 40, 0.6) !important;
  font-weight: 700 !important;
}

/* Active / Selected Date */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover {
  background: linear-gradient(135deg, #d5a928, #9b720e) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(213, 169, 40, 0.4) !important;
}

/* Range Selection */
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: rgba(213, 169, 40, 0.18) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

.datepicker table tr td.range.today {
  background: rgba(213, 169, 40, 0.3) !important;
  color: #d5a928 !important;
}

/* Month & Year Selection Grid (span) */
.datepicker table tr td span {
  display: block !important;
  width: 23% !important;
  height: 48px !important;
  line-height: 48px !important;
  float: left !important;
  margin: 1% !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  color: #e2e0d8 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: rgba(213, 169, 40, 0.2) !important;
  color: #ffffff !important;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  color: rgba(255, 255, 255, 0.15) !important;
  background: transparent !important;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background: linear-gradient(135deg, #d5a928, #9b720e) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(213, 169, 40, 0.4) !important;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: rgba(226, 224, 216, 0.28) !important;
}

/* DateRangePicker Overrides */
.daterangepicker {
  background-color: #14120e !important;
  border: 1px solid rgba(213, 169, 40, 0.35) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.85),
    0 0 1px 1px rgba(255, 255, 255, 0.05) !important;
  color: #e2e0d8 !important;
  font-family: inherit !important;
}

.daterangepicker:after {
  border-bottom-color: #14120e !important;
}

.daterangepicker:before {
  border-bottom-color: rgba(213, 169, 40, 0.35) !important;
}

.daterangepicker .calendar-table {
  background-color: #14120e !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
}

.daterangepicker th,
.daterangepicker td {
  color: #e2e0d8 !important;
  border-radius: 6px !important;
}

.daterangepicker .month,
.daterangepicker th.available {
  color: #d5a928 !important;
  font-weight: 600 !important;
}

.daterangepicker th.available:hover {
  background: rgba(213, 169, 40, 0.2) !important;
  color: #fff !important;
}

.daterangepicker td.available:hover {
  background-color: rgba(213, 169, 40, 0.2) !important;
  color: #ffffff !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: linear-gradient(135deg, #d5a928, #9b720e) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border-color: transparent !important;
}

.daterangepicker td.in-range {
  background-color: rgba(213, 169, 40, 0.18) !important;
  color: #ffffff !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: transparent !important;
  color: rgba(226, 224, 216, 0.28) !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border-color: #d5a928 !important;
}

.daterangepicker .ranges li {
  color: #e2e0d8 !important;
  background-color: transparent !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.daterangepicker .ranges li:hover {
  background-color: rgba(213, 169, 40, 0.18) !important;
  color: #d5a928 !important;
}

.daterangepicker .ranges li.active {
  background: linear-gradient(135deg, #d5a928, #9b720e) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

.daterangepicker .drp-buttons {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
}

.daterangepicker .drp-selected {
  width: 100% !important;
  display: block !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  text-align: left !important;
  color: #a6a49c !important;
  font-size: 12px !important;
}

.daterangepicker .drp-buttons .btn {
  flex: 1 1 calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
  margin: 0 !important;
  text-align: center !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
}

.daterangepicker .drp-buttons .cancelBtn {
  margin-right: 8px !important;
}

/* HTML5 native date input styling */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.8) sepia(1) saturate(5) hue-rotate(5deg) brightness(0.9) !important;
  cursor: pointer !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1 !important;
}

/* Keep profile questionnaire radio icons aligned with their labels. */
.profile-other-information .custom-radio .custom-control {
  padding-left: 32px;
}

.profile-other-information .custom-radio .custom-control-label::before,
.profile-other-information .custom-radio .custom-control-label::after {
  top: 50%;
  left: -30px;
  box-sizing: border-box;
  transform: translateY(-50%);
}

.profile-other-information .custom-radio .custom-control-label::before,
.dark-mode
  .profile-other-information
  .custom-radio
  .custom-control-label::before {
  width: 16px;
  height: 16px;
  border-width: 1px !important;
}

.profile-other-information
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::before {
  top: 50%;
  left: -33px;
  width: 22px;
  height: 22px;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23d5a928'/%3E%3Cpath d='m6.8 12.1 3.3 3.3 7.1-7.1' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8'/%3E%3C/svg%3E")
    center / 100% 100% no-repeat !important;
  border-color: transparent !important;
}

.profile-other-information
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  display: none;
}

body .login-section .form-control-wrap .pwd-eyes,
body .pg-auth .form-control-wrap .pwd-eyes,
body .login-section .form-control-wrap .toggle-password,
body .pg-auth .form-control-wrap .toggle-password {
  bottom: 24px !important;
}
/* ==========================================================================
   Client Portal Mobile Responsiveness & Polish Overrides
   ========================================================================== */
@media (max-width: 767.98px) {
  /* Compact Typography scale for mobile readability */
  html,
  body {
    font-size: 12px !important;
  }

  h1,
  .h1 {
    font-size: 1.25rem !important;
  }
  h2,
  .h2 {
    font-size: 1.15rem !important;
  }
  h3,
  .h3 {
    font-size: 1.1rem !important;
  }
  h4,
  .h4 {
    font-size: 1.08rem !important;
  }
  h5,
  .h5 {
    font-size: 1.08rem !important;
  }
  h6,
  .h6 {
    font-size: 1.08rem !important;
  }

  .lead-text {
    font-size: 12px !important;
  }
  .sub-text,
  .caption-text {
    font-size: 10.5px !important;
  }

  /* Container & Section padding reduction for mobile screen fit */
  .nk-content,
  .nk-content-body,
  .nk-content-inner,
  .nk-wrap,
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .kyc-upload-panel .kyc-document-card {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    max-width: 100%;
    border: 0;
    border-radius: 0;
  }

  /* Remove cumulative padding on nested containers */
  .nk-content-body .container,
  .nk-content-body .container-fluid,
  .nk-content-body .container-lg,
  .nk-content-body .container-md,
  .nk-content-body .container-sm,
  .nk-content-body .container-xl,
  .nk-content-inner .container,
  .nk-content-inner .container-fluid,
  .container .container,
  .container-fluid .container-fluid,
  .container .container-fluid,
  .container-fluid .container,
  .nk-block .container,
  .nk-block .container-fluid,
  .card-inner .container,
  .card-inner .container-fluid,
  .card-body .container,
  .card-body .container-fluid,
  .accordion-head.collapsed,
  .nk-content,
  .container-fluid,
  .nk-content-inner,
  .nk-content-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: none !important;
  }

  .card.card-bordered .card.card-bordered {
    background: none !important;
    border: 0px solid rgba(213, 169, 40, 0.1) !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .nk-content {
    padding-top: 8px !important;
    padding-bottom: 15px !important;
  }

  .nk-block,
  .nk-block-head {
    margin-bottom: 10px !important;
  }

  .nk-block-head-content {
    padding-bottom: 4px !important;
  }

  .row.m-0 {
    gap: 10px;
    padding: 0 4px;
  }

  .custom-control-group {
    margin-left: 15px !important;
  }

  /* Compact Radiuses across client cards, inputs, buttons, and modals */
  .card,
  .nk-block-des,
  .modal-content,
  .form-control,
  .form-select,
  .custom-select,
  .btn,
  .dropdown-menu,
  .alert,
  .badge,
  .user-avatar,
  .code-block,
  select.form-control,
  .form-control-select select {
    border-radius: 5px !important;
  }

  .has-sidebar .logo-img,
  .nk-sidebar-logo .logo-img {
    max-height: 35px !important;
  }

  /* Compact Card spacing & padding */
  .card,
  .card-bordered {
    margin-bottom: 8px !important;
  }

  .card-inner,
  .card-body,
  .card-header,
  .card-footer {
    padding: 8px 10px !important;
  }

  .card-inner-group .card-inner {
    padding: 6px 8px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
  }

  /* Form control & Select compact sizing */
  .form-control,
  .form-select,
  .custom-select,
  select.form-control,
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 11.5px !important;
    padding: 3px 8px !important;
    line-height: 1.3 !important;
    border-radius: 5px !important;
  }

  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 30px !important;
    font-size: 11.5px !important;
    padding-left: 0 !important;
  }

  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 30px !important;
  }

  textarea.form-control {
    height: auto !important;
    min-height: 55px !important;
    padding: 5px 8px !important;
  }

  .form-group {
    margin-bottom: 8px !important;
  }

  .form-label,
  label {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }

  .input-group-text,
  .form-icon {
    padding: 3px 6px !important;
    font-size: 11px !important;
  }

  /* Compact Buttons & Badges */
  .btn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  .btn-sm,
  .btn-xs,
  .btn-group-sm > .btn {
    height: 26px !important;
    min-height: 26px !important;
    padding: 2px 6px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  .btn-lg,
  .btn-group-lg > .btn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  .badge {
    padding: 2px 5px !important;
    font-size: 10px !important;
  }

  .alert {
    padding: 6px 10px !important;
    font-size: 11px !important;
    margin-bottom: 8px !important;
  }

  /* Responsive Table styling to prevent layout break & clipping */
  .table-responsive,
  .table-wrap {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 5px !important;
  }

  .table th,
  .table td {
    padding: 6px 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  /* Modal responsiveness */
  .modal-dialog {
    margin: 6px !important;
    max-width: calc(100% - 12px) !important;
  }

  .modal-body {
    padding: 10px 12px !important;
  }

  .modal-header,
  .modal-footer {
    padding: 8px 12px !important;
  }

  /* Client Portal Header & Navigation Adjustments on Mobile */
  /* .nk-header {
    height: 50px !important;
  } */

  .nk-header-wrap {
    min-height: 50px !important;
  }

  .nk-header-brand img {
    max-height: 28px !important;
    width: auto !important;
  }

  /* Grid spacing fixes on mobile */
  .row {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .row > [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  h1.login-text {
    font-size: 24px !important;
    line-height: 1.3;
  }

  body .login-section .form-control-wrap .pwd-eyes,
  body .pg-auth .form-control-wrap .pwd-eyes,
  body .login-section .form-control-wrap .toggle-password,
  body .pg-auth .form-control-wrap .toggle-password {
    bottom: 15px !important;
  }

  .login-section .form-control,
  .login-section .form-select,
  .login-section .custom-select,
  .login-section select.form-control,
  .login-section .select2-container--default .select2-selection--single,
  .login-section .select2-container--default .select2-selection--multiple {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 12px !important;
  }

  .fundmanager-stat-card {
    padding: 10px 15px;
    border-radius: 12px;
  }

  img.login-logo {
    width: 160px;
    margin: 0px auto 20px auto !important;
  }

  .res-wrap {
    white-space: wrap !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .nk-content {
    padding-top: 20px !important;
  }

  .card-inner,
  .card-body {
    padding: 16px 18px !important;
  }

  .card,
  .modal-content,
  .form-control,
  .btn {
    border-radius: 8px !important;
  }
}

/* Mobile Sidebar toggle fix */
.nk-sidebar.nk-sidebar-active,
.nk-sidebar-active {
  transform: translateX(0) !important;
}

.nk-sidebar-mobile-overlay,
.nk-sidebar-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
}

.goog-te-gadget {
  color: transparent !important;
  margin-bottom: -15px !important;
}

/* Keep Google Translate from pushing its toolbar outside the viewport. */
iframe.goog-te-banner-frame,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
}

body {
  top: 0 !important;
}

.gtranslate,
#google_translate_element,
.gtranslate .goog-te-gadget {
  min-width: 0;
  max-width: 100%;
}

.gtranslate select.goog-te-combo {
  width: 163px;
  max-width: 100%;
}

@media (max-width: 590px) {
  .gtranslate {
    flex: 0 1 140px;
  }

  .gtranslate select.goog-te-combo {
    width: 140px;
  }
}

/* DataTables Copy to Clipboard modal popup (dark mode & responsive) */
div.dt-button-info {
  background: #14120c !important;
  color: #f7f2e8 !important;
  border: 1px solid rgba(213, 169, 40, 0.3) !important;
  box-shadow:
    0 16px 50px rgba(0, 0, 0, 0.7),
    0 0 0 200vh rgba(0, 0, 0, 0.6) !important;
  border-radius: 12px !important;
  max-width: 90vw !important;
  width: 360px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999 !important;
}

div.dt-button-info h2 {
  background: #1c180f !important;
  color: #ffd85d !important;
  border-bottom: 1px solid rgba(213, 169, 40, 0.2) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  padding: 1rem 1.25rem !important;
}

div.dt-button-info > div {
  background: #14120c !important;
  color: #f7f2e8 !important;
  font-size: 0.9375rem !important;
  padding: 1.25rem !important;
}