/* ===== 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: 700;
}

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

sup {
  top: -.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: .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: 700;
}

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-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}













































































.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='%23fff'/%3E%3C/svg%3E");
}

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

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

@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: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

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



.badge-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: #ffc107;
}

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

.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: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .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: .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: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .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: uppercase !important;
}

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





.font-weight-bold {
  font-weight: 700 !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, .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: .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: .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: .2rem .4rem;
	background-color: #f8f9fa;
    border-radius: .25rem;
}

pre {
    padding: 10.5px;
    color: inherit;
    border: 1px solid #e8eaf6;
    border-radius: .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: #616161;
    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 .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
         -o-transition:         box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
            transition:         box-shadow .25s linear, border .25s linear, color .25s linear, background-color .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: .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: .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: .3em;
}

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

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

    -webkit-transition: background-color .25s;
         -o-transition: background-color .25s;
            transition: background-color .25s; 

    border-radius: .215rem;
}
.dropdown-item .icon:first-child {
    width: 1em;
    margin-right: .5em;

    text-align: center;
}



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

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





.dropdown-menu.animate {
    overflow: hidden;
}
.dropdown-menu.animate > .dropdown-item {
    -webkit-animation: slide-left .5s both;
         -o-animation: slide-left .5s both;
            animation: slide-left .5s both;
}
.dropdown-menu.animate > .dropdown-item:nth-child(1) {
    -webkit-animation: animation-delay(.02s);
         -o-animation: animation-delay(.02s);
            animation: animation-delay(.02s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(2) {
    -webkit-animation: animation-delay(.04s);
         -o-animation: animation-delay(.04s);
            animation: animation-delay(.04s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(3) {
    -webkit-animation: animation-delay(.06s);
         -o-animation: animation-delay(.06s);
            animation: animation-delay(.06s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(4) {
    -webkit-animation: animation-delay(.08s);
         -o-animation: animation-delay(.08s);
            animation: animation-delay(.08s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(5) {
    -webkit-animation: animation-delay(.1s);
         -o-animation: animation-delay(.1s);
            animation: animation-delay(.1s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(6) {
    -webkit-animation: animation-delay(.12s);
         -o-animation: animation-delay(.12s);
            animation: animation-delay(.12s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(7) {
    -webkit-animation: animation-delay(.14s);
         -o-animation: animation-delay(.14s);
            animation: animation-delay(.14s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(8) {
    -webkit-animation: animation-delay(.16s);
         -o-animation: animation-delay(.16s);
            animation: animation-delay(.16s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(9) {
    -webkit-animation: animation-delay(.18s);
         -o-animation: animation-delay(.18s);
            animation: animation-delay(.18s);
}
.dropdown-menu.animate > .dropdown-item:nth-child(10) {
    -webkit-animation: animation-delay(.2s);
         -o-animation: animation-delay(.2s);
            animation: animation-delay(.2s);
}












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

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






.dropdown-item.disabled {
    opacity: .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: .8em;
    padding-left: .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, .05);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
}

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






.input-group-addon {
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
         -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
            transition: border .25s linear, color .25s linear, background-color .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: .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: .715rem 1.429rem;

    -webkit-transition: .25s;
         -o-transition: .25s;
            transition: .25s; 

    color: #757575;
}
.nav-tabs .nav-link > .icon {
    line-height: 1;

    margin-right: .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 .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
         -o-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
            transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
}





















































































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

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

.navbar-nav {
    margin: .78575rem -.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: .715rem;
    padding-bottom: .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: -.9375rem; 
    margin-left: -.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: .9375rem;
    margin-bottom: 0;
    padding: 1.5715rem .9375rem;

    cursor: pointer;
    -webkit-transition: color .25s linear;
         -o-transition: color .25s linear;
            transition: color .25s linear;

    border: 1px solid transparent;
    border-radius: .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: .9375rem;
    padding-left: .9375rem;

    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .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: -.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: .643rem 1.072rem;

    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
         -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
            transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
}
.page-item > span:focus, .page-item > span:hover {
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
         -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
            transition: background .2s ease-out, border-color .2s ease-out, color .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 .2s ease-out, border-color 0s ease-out, color .2s ease-out;
         -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
            transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
}
.page-link:focus, .page-link:hover {
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
         -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
            transition: background .2s ease-out, border-color .2s ease-out, color .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: .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: .215rem; 
    background-color: #e0e0e0;
}

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

    float: left;

    width: 0;
    height: 100%;

    -webkit-transition: width .6s ease;
         -o-transition: width .6s ease;
            transition: width .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: .4;
    }
    100%
    {
        width: 100%;

        opacity: 0;
    }
}

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

        opacity: .4;
    }
    100%
    {
        width: 100%;

        opacity: 0;
    }
}

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

        opacity: .4;
    }
    100%
    {
        width: 100%;

        opacity: 0;
    }
}

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

        opacity: 0;
    }
    100%
    {
        top: 175px;

        opacity: .4;
    }
}

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

        opacity: 0;
    }
    100%
    {
        top: 175px;

        opacity: .4;
    }
}

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

        opacity: 0;
    }
    100%
    {
        top: 175px;

        opacity: .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,.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: .5rem .75rem;
	border: 1px solid rgba(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: .286rem;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 4px 0 rgba(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: .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: .5;
    }
    100%
    {
        transform: translateZ(0px) rotateY(0deg); 

        opacity: 1;
    }
}

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

        opacity: .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, .05);
            box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
}

.popover-content {
    padding: 20px;
}


































.carousel-indicators li {
    cursor: pointer; 

    border-radius: 10px;
    background-color: rgba(255, 255, 255, .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:.14285714em;text-align:center}.pull-right {float:right}.pull-left {float:left}.fa.pull-left {margin-right:.3em}.fa.pull-right {margin-left:.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-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; }




/* --- 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: uppercase;
}

.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 .3s ease-in-out, margin .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
	transition: transform .3s ease-in-out, margin .3s ease-in-out;
	margin-left: 230px;
	z-index: 820;
}



a {
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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;
	}
}

/***Neeraj****/

img.login-logo {
	width: 170px !important;
	margin: 0px auto 20px auto !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 .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .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 .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .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: uppercase;
	margin: 10px 0 0px;
	line-height: 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 .3s ease-in-out, width .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
	transition: transform .3s ease-in-out, width .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 .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .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 .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .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: .3s;
	-o-transition-duration: .3s;
	transition-duration: .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, .1);
		box-shadow: 0 0 0 15px rgba(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, .1);
		box-shadow: 0 0 0 15px rgba(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, .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, .1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
	background-color: rgba(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, .26);
	border-bottom: 2px solid rgba(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, .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: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .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: .28s ease;
	-o-transition: .28s ease;
	transition: .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 .2s linear forwards;
	animation: ripple .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, .1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
	-webkit-animation: ripple .2s linear forwards;
	animation: ripple .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, .26);
	-webkit-animation: ripple .2s linear forwards;
	animation: ripple .2s linear forwards;
}

[type=radio]:disabled+label {
	color: rgba(0, 0, 0, .26);
}

[type=radio]:disabled:not(:checked)+label:before {
	border-color: rgba(0, 0, 0, .26);
}

[type=radio]:disabled:checked+label:after {
	background-color: rgba(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: .5s;
	transition: .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, .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, .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, .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: .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, .05) inset;
	box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.wizard-content .wizard>.actions>ul>li>a:active {
	-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 0 0 100px rgba(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, .02) inset;
	box-shadow: 0 0 0 100px rgba(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, .04) inset;
	box-shadow: 0 0 0 100px rgba(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: uppercase;
}

.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: .5s;
	transition: .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: .8em;
}






/*---media---*/

.media {
	padding: 10px 10px;
	-webkit-transition: background-color .2s linear;
	transition: background-color .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: .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: .45s;
	transition: .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 .2s linear;
	transition: color .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;
	letter-spacing: .5px;
	outline: none !important;
	-webkit-transition: .5s;
	transition: .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: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .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, .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, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn:focus {
	outline: 0;
}

.btn, .btn:hover {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .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, .2);
	box-shadow: inset 0 0 100px rgba(0, 0, 0, .2);
}







.alert, .callout {
	border-radius: 0px;
}





.callout .highlight, .callout code, .wysihtml5-toolbar .btn-default {
	background-color: #fff;
}





.blockquote {
	padding: .5rem 1rem;
	margin-bottom: 1rem;
	font-size: 1.25rem;
	border-left: .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: uppercase;
	background-color: #fcfdfe;
	border: none;
	letter-spacing: 1px;
	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: .2;
	filter: alpha(opacity=20);
}

.alert .close:hover {
	opacity: .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: 700;
	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: uppercase;
	color: #4c4c4c;
}

.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: uppercase;
	}
	.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: .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: .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, .3);
	}
	.modal-content {
		border-radius: 0;
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
		box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
		border: 0;
	}
	@media (min-width:768px) {
		.modal-content {
			-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);
			box-shadow: 0 2px 3px rgba(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 .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 .2s;
		transition: font-size .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, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .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, .13);
		color: #67757c;
		text-transform: capitalize;
	}
	
	.fc-button:hover {
		background: #f2f4f8;
		opacity: .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, .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, .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: 700;
	}
	.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: .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;
		letter-spacing: .5px;
		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 .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: .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: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .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: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .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: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .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: .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: .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: 700; 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: 700; }

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

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #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: .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: 700; 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 #b7c2d0; }

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

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.4375rem 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: 700; 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: #3c4d62; 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: #3c4d62; 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: #6c757d; 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: #16AD4B; }

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; background-color: #09c2de; }

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: #f4bd0e; }

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: #e85347; }

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

.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: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

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

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

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

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

.toast { flex-basis: 350px; max-width: 350px; font-size: 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: .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 #dbdfea !important; }

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

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

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

.border-left { border-left: 1px solid #dbdfea !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: uppercase !important; }

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







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





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

.text-primary { color: #1f64ad !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: #8094ae !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 #dbdfea !important; }
  
  
   }

html { font-size: 16px; }

ol, ul { list-style: none; margin: 0; padding: 0; }

a { transition: color .4s, background-color .4s, border .4s, box-shadow .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: #8094ae !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: .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; letter-spacing: 0.01em; vertical-align: middle; display: inline-flex; }

.badge .icon + span, .badge span + .icon { padding-left: 4px; }















.badge .icon { font-size: 1rem; }

.badge-primary { border-color: #1f64ad; }

.badge-secondary { border-color: #364a63; }

.badge-success { border-color: #16AD4B; }

.badge-info { border-color: #09c2de; }

.badge-warning { border-color: #f4bd0e; }

.badge-danger { border-color: #e85347; }









.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: #16AD4B; background-color: #e6fcf6; border-color: #e6fcf6; }



.badge-dim.badge-info { color: #09c2de; background-color: #e4f8fb; border-color: #e4f8fb; }



.badge-dim.badge-warning { color: #f4bd0e; background-color: #fef8e4; border-color: #fef8e4; }



.badge-dim.badge-danger { color: #e85347; background-color: #fceceb; border-color: #fceceb; }

























































.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: .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: uppercase; letter-spacing: 0.05rem; }

.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 .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; letter-spacing: 0.02em; 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: .35rem; right: .35rem; transform: translate(50%, -50%); }

.btn-icon .badge, .dt-buttons .btn-secondary .badge { position: absolute; top: .25rem; right: .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 .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 + .card { margin-top: 28px; }

.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: -.25rem -0.5rem 1rem; }

.card-head > * { padding: 0.25rem .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: -.25rem; margin-bottom: -.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: .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 .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 .5rem; margin: 2px -.5rem; cursor: pointer; color: #526484; }

.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: .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: .3rem .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: -.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: #1f64ad; }

.nav-tabs .nav-item.active .nav-link:after { opacity: 1; }

.nav-tabs .nav-link { padding: 1rem 0; font-weight: 700; 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 -.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: .75rem; }
  .nav-tabs-mb-icon .nav-link .icon { font-size: 1.25rem; padding: 0 .5rem; }
  .nav-tabs-mb-icon .nav-link .icon + span { display: none; } }

@media (max-width: 359px) { .nav-tabs-mb-icon .nav-item { padding-right: .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: .75rem; right: .75rem; height: 2.25rem; width: 2.25rem; display: inline-flex; justify-content: center; align-items: center; color: #526484; z-index: 1; transition: all .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: .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("/assets/fonts/Nioicon.eot"); src: url("/assets/fonts/Nioicon.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Nioicon.ttf") format("truetype"), url("/assets/fonts/Nioicon.woff") format("woff"), url("/assets/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 { 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 .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 .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 .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 .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 .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 .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: .375rem .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: .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: -.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: -.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: -.25em; left: -.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: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg); }

.swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #16AD4B; }

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { top: 2.875em; left: .875em; width: 1.5625em; transform: rotate(45deg); }

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg); }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s; }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .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: .5625em;
    left: .0625em;
    width: 0; }
  54% { top: .125em;
    left: .125em;
    width: 0; }
  70% { top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% { top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% { top: 1.125em;
    left: .1875em;
    width: .75em; } }

@keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% { top: 1.25em;
    right: .9375em;
    width: 0; }
  84% { top: .9375em;
    right: 0;
    width: 1.125em; }
  100% { top: .9375em;
    right: .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: .0625em;
    width: 0; }
  54% { top: 1.0625em;
    left: .125em;
    width: 0; }
  70% { top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% { top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% { top: 2.8125em;
    left: .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: .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: -.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: .5rem; margin-right: .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: .5rem 0; white-space: nowrap; font-size: .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: 700; 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 .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) { .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; } }

















@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: -.5rem 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: .125rem .375rem; margin: .5rem .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: .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: .75rem 0; padding: .25rem .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 -.25rem; }

.nk-header-wrap > * { padding: 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: .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 .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 .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: .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; } }

@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 .3s, background-color .3s; }

.nk-menu-item { padding: 2px 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: rgb(255 255 255 / 72%);
  font-family: Nunito, sans-serif;
  font-weight: 700;
  font-size: 13.2px;
  letter-spacing: 0.01em;
  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: .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 .4s, background-color .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: .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 .3s, color .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: .5rem; margin-bottom: .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: .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: .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: .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: .75rem 0; }

.link-list .divider { margin: .5rem 0; }

.link-list a { display: flex; align-items: center; color: #526484; font-size: 13px; line-height: 1.4rem; font-weight: 500; padding: .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: .5rem 0; }

.link-list-plain a { display: flex; align-items: center; padding: .5rem 1.25rem; color: #526484; transition: all .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: .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: .25rem .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: 700; }

@media (min-width: 992px) { .page-title { font-size: 1.75rem; } }

.overline-title { font-size: 11px; line-height: 1.2; letter-spacing: 0.2em; color: #8094ae; text-transform: uppercase; font-weight: 700; 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: 700; line-height: 1.2; letter-spacing: 0.15em; font-size: 11px; color: #8094ae; text-transform: uppercase; }

.is-dark .overline-title-alt { color: #8094ae; }















.lead-text { font-size: 0.875rem; font-weight: 700; 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; }

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





.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; letter-spacing: 0.06em; 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 .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: 700; }

.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: .125rem; padding-bottom: .375rem; }





.user-name { color: #526484; font-size: 12px; line-height: 16px; font-weight: 700; }

.is-dark .user-name { color: #90a1b8; }

































.user-balance { font-size: 1.5rem; line-height: 1; padding: .125rem 0 .375rem; color: #1f64ad; }

.user-balance small { font-size: 1rem; }











.user-card-s2 { display: flex; flex-direction: column; text-align: center; padding: .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: .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 .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 .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: .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: -.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: .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 -.125rem; color: #f4bd0e; }

.rating > * { padding: 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 - .125rem); background-color: #dbdfea; }

.dark-switch.active:before { background-color: #1f64ad; border-color: #1f64ad; }

.dark-switch.active:after { right: calc(2px + .125rem); background-color: #fff; }























.profile-ud-label { display: block; color: #8094ae; }

.plain .profile-ud-label { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; }

.wider .profile-ud-label { display: inline-flex; letter-spacing: -0.01em; 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: .5rem 0; }

.profile-ud-item:nth-child(n+2) .profile-ud.plain { margin-top: 1.25rem; }

@media (min-width: 768px) { .profile-ud.wider { padding: .75rem 0; }
  .profile-ud-list { display: flex; flex-wrap: wrap; margin: -0.25rem -3.25rem; max-width: 960px; }
  .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 .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 .3s, box-shadow .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 .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:700; 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: .5rem; padding-bottom: .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 -.125rem; color: #f4bd0e; }

.rating > * { padding: 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: .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: 700; letter-spacing: -0.025em; }

.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: .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: .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: #8094ae !important; }

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

.dark-mode .text-muted { color: #8094ae !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: #8094ae !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: .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: .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);
    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
}

.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: .12em;
    text-transform: uppercase;
}

.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: 700;
    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: 700;
    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: #526484
}

.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: .8
}

.chat-header {
    display: flex;
    gap: 7px
}

.mediass.admin-thrd {
    padding-left: 53px
}

.boxbg {
    border: 2px solid rgba(255,255,255,.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: uppercase;
    border-radius: 40px;
    margin: 0 10px;
    border: none;
    cursor: pointer;
    border: 1px solid #6639e4;
    min-width: 120px;
    margin-top: 15px
}

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: 60px;
    height: 60px
}

.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: uppercase;
    color: #808080;
}

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

img.login-logo {
	width: 80px !important;
}

.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: 700
}

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: 8px;
    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: 700;
    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: uppercase
}

.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: uppercase;
    margin: 0 0 20px;
    color: #111
}

.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: uppercase;
    border-radius: 40px;
    margin: 0 10px;
    line-height: 24px
}

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: uppercase;
    border-radius: 40px;
    margin: 0 0;
    line-height: 24px
}

.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: uppercase
}

.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: uppercase;
    border-radius: 40px;
    margin: 0 10px;
    border: none;
    cursor: pointer;
    border: 1px solid #6639e4;
    min-width: 120px
}

.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: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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: .4375rem 5px .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: uppercase;
}

.modal-body input.form-control, .modal-body textarea.form-control {
    background: 0 0;
    border: 1px solid #dbdfea;
    border-radius: 8px;
    padding: .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: .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: .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: 700
}

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

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: 700;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .4375rem 1.125rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    border-radius: 4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    letter-spacing: .02em;
    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: .3;
    pointer-events: none
}

.completemsg {
    display: none;
    margin-top: 50px
}

.loginbtn {
    text-transform: uppercase;
    margin-top: 20px
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #16ad4b;
    fill: none;
    animation: stroke .6s cubic-bezier(.65,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 .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65,0,.45,1) .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: .625rem!important;
        padding-bottom: .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: #1f64ad!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: uppercase;
        color: #fff;
        font-family: poppins,sans-serif;
        text-align: center 
    } */
    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: 2.3rem;
	}
    /* .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: #000000;
		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: #000;
        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: 700;
	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:.12em;
    text-transform: uppercase;
    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: 8px !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:5px 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:700;
	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: 700;
    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: uppercase;
    color: #808080;
    font-weight: 500;
	font-size:12px;
}

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

table.table tr td .badge.badge-success {
	color: #0cd777 !important;
    background: #f78088;
}

table.table tr td .badge.badge-danger {
	color: #F50808 !important;
    background: #FFE4E4;
}

table.table tr td .badge.badge-primary {
	background:transparent;
	color: #0cd777 !important;
}

table.table tr td .badge.badge-warning {
	color:#fd9722 !important;
    background-color: #fff4e7;
}

.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: 700;
		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 -1.25rem;
	}
	.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, .92);
    --sk-panel-2: rgba(10, 10, 10, .95);
    --sk-gold: #d5a928;
    --sk-gold-bright: #ffd85d;
    --sk-gold-soft: rgba(213, 169, 40, .14);
    --sk-text: #f7f2e8;
    --sk-muted: #948b79;
    --sk-line: rgba(213, 169, 40, .18);
    --sk-green: #22d787;
    --sk-red: #ff4d56;
    --sk-radius: 10px;
    --sk-shadow: 0 16px 50px rgba(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;
    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;
    letter-spacing: .01em;
}

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; }
.nk-sidebar-head { border-bottom: 1px solid var(--sk-line) !important; padding: 18px 0 !important; }
.has-sidebar .logo-img, .nk-sidebar-logo .logo-img {
    max-height: 55px !important;
    filter: drop-shadow(0 0 16px rgba(213, 169, 40, .25));
}

.nk-menu-link { color: var(--sk-muted) !important; border-radius: 8px; transition: .2s ease;font-size: 13px;font-weight:600 }
.nk-menu-link .nk-menu-icon .icon {font-size: 20px}
.nk-menu-item.active > .nk-menu-link, .nk-menu-link:hover, .nk-sidebar.is-light .nk-menu > li:hover > a, .nk-sidebar.is-light .nk-menu > li.active > a {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(213, 169, 40, .18), rgba(213, 169, 40, .04)) !important;
    box-shadow: inset 3px 0 var(--sk-gold);
}
.nk-menu-icon em, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-link:hover .nk-menu-icon {
    color: var(--sk-gold) !important;
}
.nk-menu-sub { background: rgba(0, 0, 0, .25) !important; }
.nk-menu-sub .nk-menu-link { color: var(--sk-muted) !important; }
.nk-menu-sub .nk-menu-link:hover, .nk-menu-sub .active > .nk-menu-link, .is-light .nk-menu-sub .nk-menu-link:hover, .is-light .nk-menu-sub .active > .nk-menu-link { color: #fff !important; }

/* ---------- 3. Topbar ---------- */
.nk-header {
    /* background: var(--sk-panel-2) !important; */
    background: #080808 !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, .2)); }
.nk-quick-nav-icon {
    color: var(--sk-gold) !important;
    background: rgba(255, 255, 255, .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: linear-gradient(145deg, rgba(18,16,11,.98), rgba(8,8,8,.96)) !important;
    border: 1px solid var(--sk-line) !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: 700;
}
.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, .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, .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, .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, .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: .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: #080807 !important;
    border: 1px solid var(--sk-line) !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: var(--sk-muted) !important;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .06em;
    border-bottom: 1px solid rgba(213, 169, 40, .10) !important;
    background: transparent !important;
}
.nk-tb-list .nk-tb-item, .table td, .table th {
    border-color: rgba(213, 169, 40, .10) !important;
}
.nk-tb-list .nk-tb-item:hover, .table-hover tbody tr:hover {
    background: rgba(213, 169, 40, .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: #080807 !important;
    border: 1px solid var(--sk-line) !important;
    color: var(--sk-text) !important;
}
.form-control:focus {
    border-color: var(--sk-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(213, 169, 40, .15) !important;
    background-color: #080807 !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 .2rem rgba(213, 169, 40, .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: #080807 !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 var(--sk-line) !important;
    background-size: 12px !important;
    border-radius: 8px !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: 700 !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: var(--sk-panel) !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;
}
.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: var(--sk-gold) !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, .1) !important;
    border-color: rgba(34, 215, 135, .35) !important;
    color: var(--sk-green) !important;
}
.alert-danger {
    background: rgba(255, 77, 86, .1) !important;
    border-color: rgba(255, 77, 86, .35) !important;
    color: var(--sk-red) !important;
}
.alert-warning {
    background: var(--sk-gold-soft) !important;
    border-color: rgba(213, 169, 40, .35) !important;
    color: var(--sk-gold) !important;
}

.alert .close {
    color: inherit;
    opacity: .7;
    text-shadow: none;
}
.alert a, .alert .alert-link {
    color: inherit;
    text-decoration: underline;
}
.modal-content {
    background: #12100bfa;
    border: 1px solid rgb(76 64 17 / 18%) !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: .8; }
.btn-secondary {
    background: rgba(255, 255, 255, .06) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-text) !important;
}
.btn-secondary:hover { background: rgba(255, 255, 255, .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: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .95)) !important;
    border: 1px solid var(--sk-line) !important;
    border-radius: var(--sk-radius) !important;
    box-shadow: var(--sk-shadow);
    color: var(--sk-text);
}
.login-section:before {
    background-image: linear-gradient(180deg, rgba(7, 7, 7, .55) 0%, rgba(7, 7, 7, .78) 100%) !important;
}
img.login-logo { width: 130px !important; filter: drop-shadow(0 0 16px rgba(213, 169, 40, .2)); }
.login-text { color: var(--sk-text) !important; font-family: Rajdhani, sans-serif; }
.login-section .form-control { background: #080807 !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: var(--sk-gold); 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, .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, .95), rgba(10, 10, 10, .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, .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, .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,.98), rgba(8,8,8,.96)) !important;
    border: 1px solid var(--sk-line);
}

.nk-refwg-url .form-control-wrap {
    border:1px solid rgba(213, 169, 40, .10);
}

.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, .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: uppercase;
    color: var(--sk-muted);
}

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

table.table .action_Btn {
    border-radius: 5px;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid var(--sk-line) !important;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--sk-muted) !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, .18), rgba(213, 169, 40, .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, .10) !important;
}

.nav-tabs-card {
    border-bottom: 1px solid rgba(213, 169, 40, .10) !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: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .95));
    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, .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: .12em;
    text-transform: uppercase;
}

.card-inner.a-photo-section .avatar-upload .avatar-edit input+label {
    background: var(--sk-gold);
}

.card.card-bordered .card.card-bordered {
    background: none !important;
    border: 1px solid rgba(213, 169, 40, .10) !important;
    box-shadow: none !important;
}

.a-section {
    border: 1px solid var(--sk-line) !important;
}

.form-group label.form-label {
    color: var(--sk-muted) !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 11px;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    color: var(--sk-gold);
    background: transparent;
}

.custom-file-label {
    background-color: #080807;
    border: 1px solid var(--sk-line) !important;
    color: var(--sk-text);
}

.custom-file-label::after {
    color: var(--sk-text);
    background-color: #2d240d;
}

.profile-ud-value {
    color: var(--sk-muted);
}

.profile-ud-label {
    color: var(--sk-muted);
    letter-spacing: .06em;
    font-size: 11px;
}

/* 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);
    background: linear-gradient(145deg, rgba(24, 20, 11, .72), rgba(8, 8, 7, .94));
    border: 1px solid var(--sk-line);
    border-radius: 10px;
}
.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;
    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);
    }
    .kyc-upload-panel .kyc-document-card > .profile-ud {
        min-height: auto;
    }
}
button.btn.btn-light {
    background: linear-gradient(90deg, rgba(213, 169, 40, .18), rgba(213, 169, 40, .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, .18), rgba(213, 169, 40, .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, .95), rgba(10, 10, 10, .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: .12em;
    text-transform: uppercase;
    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;
		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/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: .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;
	}
	input#phone {
		border-top-right-radius:4px;
		border-bottom-right-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%;
	}
	.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: .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;
	}

	input#phone {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	

	.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;
	}
	input#phone {
		border-top-right-radius:4px;
		border-bottom-right-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%;
	}
	.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;
	}

	input#phone {
		border-top-right-radius: 4px;
		border-bottom-right-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%;
	}

	.custom-checkbox .custom-control-label::after {
		content: "";
	}

	.form-control-wrap span.select2:last-child {
		/*display:none;*/
	}



/* ===== 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: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: min(920px, 92%);
	height: 340px;
	background:
		radial-gradient(circle at top left, rgba(225, 68, 78, 0.16), transparent 35%),
		radial-gradient(circle at top right, rgba(15, 23, 42, 0.10), transparent 32%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 248, 255, 0.92));
	border-radius: 32px;
	pointer-events: none;
	filter: blur(0);
}

.strategy-follow-hero {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 0 auto 18px;
}

.strategy-follow-kicker {
	display: inline-flex;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(225, 68, 78, 0.08);
	color: #c53030;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.strategy-follow-subtitle {
	max-width: 560px;
	margin: 12px auto 0;
	color: #667085;
	font-size: 15px;
	line-height: 1.7;
}

.strategy-follow-shell {
	position: relative;
	z-index: 1;
	border: 0;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.10);
	backdrop-filter: blur(12px);
}

.strategy-follow-shell-inner {
	padding: 24px;
}

.strategy-summary-card {
	padding: 20px;
	border-radius: 24px;
	background:
		linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(36, 44, 72, 0.92)),
		linear-gradient(120deg, rgba(225, 68, 78, 0.25), transparent 50%);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.strategy-summary-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.strategy-summary-label, .strategy-summary-item-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.62);
}

.strategy-summary-title {
	margin: 8px 0 0;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.15;
	color: #fff;
	word-break: break-word;
}

.strategy-follow-page .strategy-profit-pill {
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap;
}

.strategy-summary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.strategy-summary-item {
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.strategy-summary-item strong {
	display: block;
	margin-top: 8px;
	font-size: 18px;
	font-weight: 800;
	color: #fff;
}

.strategy-form-group .form-label {
	font-weight: 700;
	color: #344054;
	margin-bottom: 8px;
}

.strategy-input {
	min-height: 56px;
	border-radius: 18px;
	border: 1px solid #dbe3ef;
	background: #fff;
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
	font-size: 16px;
	color: #101828;
	padding-left: 18px;
	padding-right: 18px;
}

.strategy-input:focus {
	border-color: #e1444e;
	box-shadow: 0 0 0 4px rgba(225, 68, 78, 0.12);
}





.strategy-auto-account-note {
	margin-bottom: 18px;
	padding: 16px 18px;
	border: 1px solid #dbe3ef;
	border-radius: 20px;
	background: linear-gradient(135deg, #f8fbff, #fefefe);
	box-shadow: 0 18px 38px rgba(15, 23, 42, 0.05);
}



.strategy-auto-account-note p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #667085;
}

.strategy-password-card {
	padding: 4px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}











.strategy-submit-btn {
	min-height: 58px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #0f172a, #111827 58%, #e1444e 160%);
	box-shadow: 0 20px 36px rgba(15, 23, 42, 0.18);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: none;
}

.strategy-submit-btn:hover, .strategy-submit-btn:focus {
	background: linear-gradient(135deg, #111827, #101828 58%, #d92d20 160%);
	transform: translateY(-1px);
}

@media (max-width: 767px) {
	.strategy-follow-page::before {
		width: calc(100% - 24px);
		height: 280px;
		top: 6px;
		border-radius: 24px;
	}

	.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: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        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,.98), rgba(8,8,8,.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: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .investments-summary-chip-value {
        display: block;
        color: var(--sk-text);
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.03em;
    }

    

    .investment-empty-card, .investment-table-card {
        position: relative;
        z-index: 1;
        border: 1px solid var(--sk-line);
        border-radius: 28px;
        margin-top: 20px;
        background: linear-gradient(145deg, rgba(18,16,11,.98), rgba(8,8,8,.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: 800;
    }

    .investment-empty-text {
        max-width: 520px;
        margin: 0 auto 24px;
        color: var(--sk-muted);
        line-height: 1.7;
    }

    .investment-empty-card .btn {
        min-height: 50px;
        border-radius: 999px;
        padding: 0 26px;
        font-weight: 700;
    }

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

    .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: #111827;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
    }

    .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: var(--sk-muted);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        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, .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: 800;
        letter-spacing: 0.03em;
    }

    .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.10);
        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.10);
        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: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-top: 6px;
    }

    .investment-type-social {
        background: rgba(59, 130, 246, 0.10);
        color: #1d4ed8;
    }

    .investment-type-copy {
        background: rgba(225, 68, 78, 0.10);
        color: #c53030;
    }

    

    

    

    

    

    .investment-action-unfollow {
        background: rgba(239, 68, 68, 0.10);
        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: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    @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-radius: 26px;
    background: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .95));
    border: 1px solid var(--sk-line);
    box-shadow: var(--sk-shadow);
}
.paam-client-page .paam-hero {
    padding: 28px;
    margin-bottom: 24px;
    background:
        radial-gradient(circle at top right, rgba(213, 169, 40, 0.16), transparent 30%),
        linear-gradient(135deg, #14120a 0%, #0d0f0e 46%, #0a0a0a 100%);
}
.paam-client-page .paam-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(34, 215, 135, 0.10);
    color: var(--pc-teal);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.paam-client-page .paam-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pc-gold);
}
.paam-client-page .paam-hero h3, .paam-client-page .paam-panel-title {
    color: var(--pc-ink);
}
.paam-client-page .paam-hero h3 {
    margin: 16px 0 10px;
    font-size: 2rem;
}
.paam-client-page .paam-muted, .paam-client-page .paam-hero p {
    color: var(--pc-muted);
    line-height: 1.7;
}
.paam-client-page .paam-stat-grid {
    display: grid;
    gap: 16px;
}
.paam-client-page .paam-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 20px;
}


.paam-client-page .paam-stat-card, .paam-client-page .paam-list-card {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid var(--sk-line);
    background: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .95));
}
.paam-client-page .paam-stat-card.dark {
    border-color: transparent;
    background: linear-gradient(135deg, var(--sk-gold-bright) 0%, #7d5700 100%);
}
.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: #171004;
}
.paam-client-page .paam-stat-label {
    display: block;
    color: var(--sk-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.paam-client-page .paam-stat-value {
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--pc-ink);
    margin: 12px 0 8px;
}
.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: 800;
}
.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: 700;
    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 .btn {
    min-height: 48px;
    border-radius: 999px;
    font-weight: 700;
}
.paam-client-page .paam-empty {
    padding: 18px;
    border-radius: 18px;
    background: rgba(213, 169, 40, .08);
    border: 1px dashed var(--sk-line);
    color: var(--sk-gold-bright);
}
.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: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    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, .10);
    color: var(--sk-text);
    vertical-align: top;
}
.paam-client-page .paam-table tbody tr:hover {
    background: rgba(213, 169, 40, .06);
}
.paam-client-page .paam-table .paam-col-program {
    width: 26%;
}
.paam-client-page .paam-name {
    font-weight: 800;
    color: var(--pc-ink);
}
.paam-client-page .paam-subtext {
    display: block;
    margin-top: 4px;
    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: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.paam-client-page .paam-badge.pending, .paam-client-page .paam-badge.processing { background: rgba(213, 169, 40, .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, .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, .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, .14); color: var(--sk-red); }
.paam-client-page .paam-badge.paused, .paam-client-page .paam-badge.unknown { background: rgba(255, 255, 255, .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-radius: 24px;
    border: 1px solid var(--sk-line);
    background: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .95));
    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.10), transparent 30%),
        linear-gradient(145deg, rgba(24, 20, 11, .95) 0%, rgba(10, 10, 10, .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, .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: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.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: 800;
    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, .95) 0%, rgba(10, 10, 10, .95) 100%);
}
.paam-client-page .paam-program-aside-title {
    margin: 0 0 10px;
    color: var(--pc-ink);
    font-size: 1.1rem;
    font-weight: 800;
}
.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;
}
.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.10) 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-title {
    margin: 0;
    color: var(--pc-ink);
    font-size: 1.55rem;
    font-weight: 800;
    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;
}
.paam-client-page .paam-program-manager {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .03);
    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: 800;
    text-transform: uppercase;
    flex: 0 0 auto;
}
.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, .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: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.paam-client-page .paam-program-meta-value {
    display: block;
    margin-top: 8px;
    color: var(--pc-ink);
    font-size: 1rem;
    font-weight: 800;
}
.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(225, 68, 78, 0.10), transparent 28%);
}

.fundmanager-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(225, 68, 78, 0.10);
	color: #c53030;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.fundmanager-kicker::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e1444e;
	box-shadow: 0 0 0 6px rgba(225, 68, 78, 0.14);
}

.fundmanager-hero-card, .fundmanager-shell {
	border: 1px solid var(--sk-line);
	border-radius: 28px;
	background: linear-gradient(145deg, rgba(18,16,11,.98), rgba(8,8,8,.96));
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.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: 800;
	letter-spacing: -0.03em;
}

.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-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.fundmanager-hero-pill {
	display: inline-flex;
	align-items: center;
	padding: 10px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid var(--sk-line);
	color: var(--sk-text);
	font-size: 13px;
	font-weight: 700;
}

.fundmanager-hero-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	align-self: stretch;
}

.fundmanager-stat-card {
	padding: 18px;
	border-radius: 22px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--sk-line);
}

.fundmanager-stat-card.dark {
	background: linear-gradient(135deg, #0f172a 0%, #162033 100%);
	border-color: transparent;
	box-shadow: 0 18px 32px rgba(15, 23, 42, 0.16);
}

.fundmanager-stat-label {
	display: block;
	margin-bottom: 10px;
	color: var(--sk-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fundmanager-stat-card.dark .fundmanager-stat-label, .fundmanager-stat-card.dark p {
	color: rgba(255, 255, 255, 0.75);
}

.fundmanager-stat-value {
	display: block;
	color: var(--sk-text);
	font-size: 28px;
	font-weight: 800;
	line-height: 1.05;
}

.fundmanager-stat-card.dark .fundmanager-stat-value {
	color: #fff;
}

.fundmanager-stat-card p {
	margin: 10px 0 0;
	color: var(--sk-muted);
	font-size: 13px;
	line-height: 1.6;
}

.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 {
	padding: 22px;
	border: 1px solid var(--sk-line);
	border-radius: 24px;
	background: rgba(255, 255, 255, .02);
}

.fundmanager-section-title {
	margin: 0 0 12px;
	color: var(--sk-text);
	font-size: 20px;
	font-weight: 800;
}

.fundmanager-section-kicker {
	display: block;
	margin-bottom: 6px;
	color: var(--sk-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.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: 12px;
}

.fundmanager-summary-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .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: rgba(225, 68, 78, 0.12);
	color: #c53030;
	font-size: 16px;
	font-weight: 800;
	flex: 0 0 auto;
}

.fundmanager-summary-item span {
	display: block;
	color: var(--sk-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 6px;
}

.fundmanager-summary-item strong {
	display: block;
	color: var(--sk-text);
	font-size: 16px;
	font-weight: 800;
}

.fundmanager-password-note {
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--sk-line);
	color: var(--sk-muted);
	font-size: 13px;
	line-height: 1.6;
}

.fundmanager-shell .form-group {
	margin-bottom: 18px;
}

.fundmanager-shell .form-label {
	font-weight: 700;
	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, .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: #e1444e;
	box-shadow: 0 0 0 4px rgba(225, 68, 78, 0.10);
}

.fundmanager-shell .err {
	display: block;
	margin-top: 6px;
	color: #d92d20;
	font-size: 12px;
	font-weight: 600;
}

.fundmanager-collateral-note {
	display: none;
	margin-top: 12px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(225, 68, 78, 0.08);
	color: #b42318;
	font-size: 13px;
	font-weight: 700;
}

.fundmanager-checkbox-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .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: 800;
}

.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: #c53030;
	font-size: 12px;
	font-weight: 700;
	padding: 0;
	line-height: 1;
}

@media (max-width: 991px) {
	.fundmanager-hero-card, .fundmanager-form-grid {
		grid-template-columns: 1fr;
	}

	.fundmanager-side-panel {
		position: static;
	}
}

@media (max-width: 767px) {
	.fundmanager-page {
		padding-top: 20px;
	}

	.fundmanager-hero-card, .fundmanager-shell .card-inner {
		padding: 16px;
	}

	.fundmanager-hero-copy h3 {
		font-size: 28px;
	}

	.fundmanager-hero-stats, .fundmanager-form-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);
    }

    .strategies-search-btn {
        min-height: 54px;
        border-radius: 999px;
        padding: 0 28px;
        font-weight: 700;
    }

    .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, .95), rgba(10, 10, 10, .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(circle at top left, rgba(225, 68, 78, 0.18), transparent 38%),
            linear-gradient(180deg, #1f2937 0%, #111827 100%);
        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, .96), rgba(8, 8, 8, .98));
        min-width: 0;
    }

    .strategies-page .strategy-provider-avatar, .strategies-page .strategy-provider-fallback {
        width: 82px;
        height: 82px;
        border-radius: 50%;
        object-fit: cover;
        flex: 0 0 82px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
        border: 3px solid rgba(255,255,255,0.08);
    }

    .strategies-page .strategy-provider-fallback {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #e1444e, #7f1d1d);
        color: #fff;
        font-size: 26px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .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: 14px;
        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: 26px;
        font-weight: 800;
        line-height: 1.02;
        word-break: break-word;
    }

    .strategy-provider-name {
        margin-top: 4px;
        color: rgba(255,255,255,0.72);
        font-size: 14px;
        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: rgba(225, 68, 78, 0.12);
        border: 1px solid rgba(225, 68, 78, 0.32);
        color: #ffb4ba;
        font-size: 12px;
        font-weight: 800;
        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: 12px;
        font-weight: 700;
    }

    .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: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        padding: 0 20px;
        font-size: 15px;
        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);
        box-shadow: 0 14px 26px rgba(180, 35, 24, 0.24);
        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, .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, .9));
        border-color: rgba(34, 215, 135, 0.25);
    }

    .strategy-roi-spotlight.is-neutral {
        background: linear-gradient(135deg, rgba(213, 169, 40, 0.10), rgba(10, 10, 10, .9));
        border-color: var(--sk-line);
    }

    .strategy-roi-spotlight span {
        display: block;
        color: var(--sk-muted);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .strategy-roi-spotlight strong {
        display: block;
        color: var(--sk-red);
        font-size: 20px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.03em;
    }

    .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: 14px;
        max-width: 680px;
    }

    

    .strategy-metric {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, .03);
        border: 1px solid var(--sk-line);
        box-shadow: none;
    }

    .strategy-metric.is-emphasis {
        background: linear-gradient(180deg, rgba(255, 77, 86, .08) 0%, rgba(255, 255, 255, .03) 100%);
        border-color: rgba(255, 77, 86, 0.20);
    }

    .strategy-metric-label {
        display: inline-flex;
        margin-bottom: 0;
        color: var(--sk-muted);
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        white-space: nowrap;
    }

    .strategy-metric-label::after {
        content: ":";
        margin-left: 2px;
    }

    .strategy-metric-value {
        color: var(--sk-text);
        font-size: 16px;
        font-weight: 800;
        display: inline;
        text-align: right;
        word-break: break-word;
    }

    .strategy-metric-soft {
        color: var(--sk-text);
        font-size: 16px;
        font-weight: 700;
        display: inline;
        text-align: right;
        word-break: break-word;
    }

    .strategy-empty-state {
        position: relative;
        z-index: 1;
        padding: 44px 26px;
        border-radius: 28px;
        text-align: center;
        background: linear-gradient(145deg, rgba(24, 20, 11, .95), rgba(10, 10, 10, .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: 1fr;
        }

        .strategy-provider-layout {
            grid-template-columns: 200px minmax(0, 1fr);
        }

        .strategy-content-top {
            align-items: flex-start;
        }

        .strategy-roi-spotlight {
            min-width: 170px;
        }
    }

    @media (max-width: 1799px) {
        .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;
        }

        .strategy-metric {
            flex-direction: row;
            align-items: flex-start;
        }

        .strategy-metric-label, .strategy-metric-value, .strategy-metric-soft {
            white-space: normal;
        }
    }

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



/* ===== extracted from application/modules/client/views/fundmanager/view_strategy_vw.php ===== */

					.strategy-view-shell {
						padding-top: 12px;
					}

					.strategy-hero-card {
						position: relative;
						overflow: hidden;
						border: 1px solid #e5e9f2;
						border-radius: 28px;
						padding: 28px;
						background:
							radial-gradient(circle at top left, rgba(255, 111, 97, 0.12), transparent 28%),
							radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 26%),
							linear-gradient(135deg, #101828 0%, #1f2a44 50%, #2b1f35 100%);
						box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
					}

					.strategy-hero-card::after {
						content: "";
						position: absolute;
						inset: auto -60px -100px auto;
						width: 240px;
						height: 240px;
						border-radius: 50%;
						background: rgba(255, 255, 255, 0.06);
						filter: blur(2px);
					}

					.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: 82px;
						height: 82px;
						border-radius: 50%;
						flex-shrink: 0;
						border: 3px solid rgba(255, 255, 255, 0.14);
						box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
					}

					.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: 30px;
						font-weight: 800;
						color: #fff;
						background: linear-gradient(135deg, #111827 0%, #334155 100%);
					}

					.strategy-detail-page .strategy-provider-fallback.is-hidden {
						display: none;
					}

					.strategy-provider-copy {
						color: rgba(226, 232, 240, 0.9);
						max-width: 580px;
					}

					.strategy-provider-kicker {
						font-size: 11px;
						font-weight: 700;
						letter-spacing: 0.12em;
						text-transform: uppercase;
						color: rgba(191, 219, 254, 0.9);
						margin-bottom: 6px;
					}

					.strategy-provider-title {
						margin: 0;
						font-size: 2rem;
						line-height: 1.05;
						font-weight: 800;
						color: #fff;
					}

					.strategy-provider-subtitle {
						margin-top: 10px;
						margin-bottom: 0;
						font-size: 1rem;
						line-height: 1.7;
						color: rgba(226, 232, 240, 0.82);
					}

					.strategy-hero-badge {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						padding: 12px 18px;
						border-radius: 999px;
						background: rgba(255, 255, 255, 0.12);
						color: #fff;
						font-size: 1.15rem;
						font-weight: 800;
						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: 16px;
					}

					.strategy-hero-stat {
						padding: 18px 18px 16px;
						border-radius: 20px;
						background: rgba(255, 255, 255, 0.08);
						border: 1px solid rgba(255, 255, 255, 0.08);
						backdrop-filter: blur(12px);
					}

					.strategy-hero-stat-label {
						display: block;
						font-size: 11px;
						font-weight: 700;
						letter-spacing: 0.08em;
						text-transform: uppercase;
						color: rgba(191, 219, 254, 0.84);
						margin-bottom: 8px;
					}

					.strategy-hero-stat-value {
						font-size: 1.55rem;
						line-height: 1.15;
						font-weight: 800;
						color: #fff;
					}

					.strategy-detail-card {
						border: 1px solid #e5e9f2;
						border-radius: 24px;
						background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
						box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
						overflow: hidden;
					}

					.strategy-detail-card .card-inner {
						padding: 26px;
					}

					.strategy-section-title {
						margin: 0 0 18px;
						font-size: 1.3rem;
						font-weight: 800;
						color: #162033;
					}

					.strategy-stat-grid {
						display: grid;
						grid-template-columns: repeat(4, minmax(0, 1fr));
						gap: 16px;
					}

					.strategy-stat-tile {
						padding: 18px;
						border-radius: 18px;
						border: 1px solid #e5e9f2;
						background: #fff;
					}

					.strategy-stat-tile-label {
						display: block;
						font-size: 11px;
						font-weight: 700;
						letter-spacing: 0.08em;
						text-transform: uppercase;
						color: #8094ae;
						margin-bottom: 8px;
					}

					.strategy-stat-tile-value {
						display: block;
						font-size: 1.3rem;
						font-weight: 800;
						color: #1f2b3a;
						line-height: 1.25;
					}

					.strategy-description-card {
						padding: 22px;
						border-radius: 22px;
						background: #fff;
						border: 1px solid #e5e9f2;
						height: 100%;
					}

					.strategy-description-card p {
						margin: 0;
						font-size: 1rem;
						line-height: 1.9;
						color: #526484;
					}

					

					

					

					@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: 20px;
						}

						.strategy-hero-top {
							flex-direction: column;
							align-items: flex-start;
						}

						.strategy-provider-title {
							font-size: 1.6rem;
						}

						.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;
    }
    html, body {
    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: black;
  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:25px 28px; border-color:#dde7f0; background:linear-gradient(120deg,#fff 0%,#f7fbff 62%,#fff8f6 100%); }
.paam-client-page .paam-detail-header::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:#d43740; }
.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:10px; }
.paam-pool-name { color:#102a43; font-size:24px; font-weight:800; line-height:1.25; letter-spacing:-.02em; }
.paam-pool-description { max-width:760px; margin:8px 0 0; color:#64788d; font-size:14px; line-height:1.65; }
.paam-pool-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.paam-pool-chip { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:7px 12px; border:1px solid #dce6ef; border-radius:999px; background:rgba(255,255,255,.82); color:#50677d; font-size:12px; font-weight:700; }
.paam-pool-chip strong { color:#153b5b; font-weight:800; }
.paam-detail-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.paam-detail-actions .btn { display:inline-flex; align-items:center; justify-content:center; min-width:102px; min-height:46px; padding:9px 20px; box-shadow:none; }
.paam-detail-actions .btn-primary { border-color:#d43740; background:#d43740; }
.paam-detail-actions .btn-primary:hover { border-color:#bd2831; background:#bd2831; }
.paam-detail-section { margin-bottom:24px; padding:28px !important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important; }
.paam-detail-section-title { position:relative; margin:0 0 22px; padding-left:15px; color:#102a43; font-size:21px; font-weight:800; letter-spacing:-.02em; }
.paam-detail-section-title::before { content:""; position:absolute; left:0; top:3px; width:5px; height:21px; border-radius:10px; background:#d43740; }
.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(3,minmax(0,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:150px; padding:24px; flex-direction:column; justify-content:space-between; border:1px solid #dfe8f1; border-radius:22px; background:linear-gradient(145deg,#fff 0%,#fbfdff 100%); box-shadow:0 15px 34px rgba(16,42,67,.07); }
.paam-simple-card::before { content:""; position:absolute; top:0; right:0; width:74px; height:5px; border-radius:0 0 0 8px; background:#e9eff5; }
.paam-simple-card.primary { border-color:#173d5e; background:linear-gradient(145deg,#173d5e 0%,#214d70 100%); color:#fff; box-shadow:0 18px 38px rgba(23,61,94,.2); }
.paam-simple-card.primary::before { width:100px; height:100px; top:-50px; right:-38px; border-radius:50%; background:rgba(255,255,255,.07); }
.paam-simple-card.metric-invested::before { background:#60a5fa; }
.paam-simple-card.metric-units::before { background:#8b5cf6; }
.paam-simple-card.metric-redeemed::before { background:#f59e0b; }
.paam-simple-card.metric-profit::before { background:#ef4444; }
.paam-simple-card.metric-share::before { background:#14b8a6; }
.paam-simple-card.metric-fees::before { background:#22c55e; }
.paam-simple-card.metric-investors::before { background:#64748b; }
.paam-simple-label { position:relative; z-index:1; display:block; margin-bottom:20px; color:#6b7f95; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.paam-simple-card.primary .paam-simple-label { color:#dbe8f4; }
.paam-simple-value { position:relative; z-index:1; display:block; color:#102a43; font-size:31px; font-weight:800; line-height:1.1; letter-spacing:-.025em; word-break:break-word; }
.paam-simple-card.primary .paam-simple-value { color:#fff; }
.paam-value-positive { color:#047857; }
.paam-value-negative { color:#b91c1c; }
.paam-empty { padding:24px; border:1px dashed #cbd8e6; border-radius:18px; background:#f8fafc; color:#526b84; }
.paam-investor-table-wrap { overflow-x:auto; border:1px solid #e1e9f1; border-radius:18px; background:#fff; }
.paam-investor-table { width:100%; min-width:820px; border-collapse:collapse; }
.paam-investor-table th { padding:14px 16px; border-bottom:1px solid #e1e9f1; background:#f7f9fc; color:#6b7f95; font-size:11px; font-weight:800; letter-spacing:.07em; text-align:left; text-transform:uppercase; }
.paam-investor-table td { padding:16px; border-bottom:1px solid #edf2f7; color:#29445f; vertical-align:middle; }
.paam-investor-table tbody tr:last-child td { border-bottom:0; }
.paam-investor-name { display:block; color:#102a43; font-weight:800; }
.paam-investor-email { display:block; max-width:260px; margin-top:3px; overflow:hidden; color:#8191a3; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.paam-investor-status { display:inline-flex; padding:6px 10px; border-radius:999px; background:#ecfdf5; color:#047857; font-size:11px; font-weight:800; 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:700; }
.paam-filter-tabs a.active { color:#fff; border-color:#102a43; background:#102a43; }
.paam-profit-positive { color:#047857; font-weight:800; }
.paam-profit-negative { color:#b91c1c; font-weight:800; }



/* ===== 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;
						}

						.wallet-filter-group {
							width: 100%;
						}

						.wallet-filter-group .input-group {
							width: 100%;
						}
					}
				

/* ===== 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: 20px;
    border-radius: 16px;
    border: 1px solid var(--sk-line);
    background: linear-gradient(145deg, rgba(18,16,11,.98), rgba(8,8,8,.96));
    box-shadow: var(--sk-shadow);
    min-width: 0;
}

.dash-stat--primary {
    background: linear-gradient(135deg, rgba(213,169,40,.16) 0%, rgba(20,17,10,.98) 55%, rgba(8,8,8,.98) 100%);
    border-color: rgba(213,169,40,.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: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--sk-muted);
    white-space: nowrap;
}

.dash-stat-amount {
    font-size: 16px;
    font-weight: 800;
    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: 700;
    padding: 7px 18px;
    cursor: pointer;
}

.dash-fetch-btn:hover {
    background: linear-gradient(135deg, var(--sk-gold), #6a4a00);
}

.dash-fetch-btn[disabled] {
    opacity: .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,.10) 0%, rgba(18,16,11,.98) 45%, rgba(8,8,8,.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: 800;
}

.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, .06);
    border: 1px solid var(--sk-line);
    border-radius: 999px;
    color: var(--sk-gold-bright) !important;
    font-size: 13px;
    font-weight: 700;
    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, .35) !important;
    color: var(--sk-gold-bright) !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    display: inline-block;
}

/* ===== extracted from site-wide DataTables pagination theme ===== */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.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, .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: 700;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--sk-gold-bright) !important;
    border-color: rgba(213, 169, 40, .35) !important;
    background: rgba(213, 169, 40, .10) !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: .45;
    background: transparent !important;
    border-color: var(--sk-line) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: rgba(213, 169, 40, .14) !important;
}

.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    color: var(--sk-muted) !important;
    background: rgba(255, 255, 255, .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, .10) !important;
    border-color: rgba(213, 169, 40, .35) !important;
}